/* Moda Market's square category directory; user-uploaded images/GIFs remain usable. */
.material-category-board{margin-top:18px;padding:26px 24px 20px;background:#f6f6f8;border-radius:12px}
.market-home .material-category-board .market-category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:24px 18px;overflow:visible;scroll-snap-type:none;padding:0;margin:0}
.market-home .material-category-board .market-category{display:block;min-width:0;flex:none;border-radius:7px;color:var(--ink);text-align:center}
.market-home .material-category-board .category-art{width:100%;max-width:112px;height:auto;aspect-ratio:1;margin:0 auto;border:1px solid #dddde1;border-radius:6px;outline:none;background:#fff;transform:none;transition:border-color .15s}
.market-home .material-category-board .category-art>img,
.market-home .material-category-board .category-art picture img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;background:#fff}
.market-home .material-category-board .category-copy{padding:11px 0 0}
.market-home .material-category-board .category-copy h3{font-size:.88rem;font-weight:500;line-height:1.45;min-height:2.9em;margin:0 0 3px;overflow-wrap:anywhere}
.market-home .material-category-board .category-copy>span{font-size:.7rem;color:#717171}
.market-home .material-category-board .market-category:hover .category-art,
.market-home .material-category-board .market-category:focus-visible .category-art{border-color:var(--orange);transform:none}
.market-home .material-category-board .market-category:hover h3{color:var(--orange)}
.market-home .material-category-board .market-category:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
@media(max-width:1100px){.market-home .material-category-board .market-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.material-category-board{padding:18px 14px;margin-top:14px;border-radius:9px}.market-home .material-category-board .market-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 14px}.market-home .material-category-board .category-copy h3{font-size:.8rem}.market-home .material-category-board .category-copy{padding-top:9px}}
@media(max-width:480px){.material-category-board{padding:16px 12px}.market-home .material-category-board .market-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.market-home .material-category-board .category-copy h3{font-size:.79rem}}