.category-grid{--category-unit:220px;--category-gap:20px}.category-grid--small{--category-unit:160px;--category-gap:16px}.category-grid--large{--category-unit:280px;--category-gap:24px}.category-grid__list{display:grid;grid-template-columns:repeat(var(--category-columns,4),minmax(0,1fr));gap:var(--category-gap);width:min(100%,calc(var(--category-columns,4)*var(--category-unit) + (var(--category-columns,4) - 1)*var(--category-gap)));margin:0 auto;padding:0;list-style:none}.category-grid--align-start .category-grid__list{margin-inline:0 auto}.category-grid--align-end .category-grid__list{margin-inline:auto 0}.category-tile{min-width:0;aspect-ratio:1;position:relative;isolation:isolate}.category-tile__link{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;width:100%;height:100%;padding:18px;border:1px solid color-mix(in srgb,var(--category-ink,#17221d) 10%,transparent);border-radius:18px;overflow:hidden;background:var(--category-bg,#edf2f1);color:var(--category-ink,#17221d);text-decoration:none;text-align:center;box-shadow:0 4px 14px #00000006;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.category-tile__media{display:block;min-height:0;min-width:0}.category-tile__image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #00000016)}.category-tile__link{isolation:isolate}.category-tile .category-card__background{z-index:-1}.category-tile__title{font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-tile__arrow{position:absolute;inset-inline-end:12px;top:8px;font-size:20px;opacity:.65}.category-tile__link[href]:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000012;border-color:currentColor}.category-tile__link[href]:active{transform:scale(.98)}.category-tile__link:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(min-width:750px){.category-tile--desktop-large{grid-column:span 2;grid-row:span 2}.category-grid__list[data-columns="1"]>.category-tile{grid-column:auto;grid-row:auto}}@media(max-width:749px){.category-grid{--category-gap:14px;--category-unit:170px}.category-grid--mobile-small{--category-unit:140px;--category-gap:10px}.category-grid--mobile-large{--category-unit:210px;--category-gap:16px}.category-grid__list{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,calc(2*var(--category-unit) + var(--category-gap)))}.category-grid--single .category-grid__list{grid-template-columns:1fr;width:min(100%,calc(var(--category-unit)*1.7))}.category-grid--featured-first .category-tile:first-child,.category-grid--alternating .category-tile:nth-child(5n+1),.category-grid--custom .category-tile--mobile-large{grid-column:span 2;grid-row:span 2}.category-tile__link{padding:14px;gap:8px;border-radius:14px}.category-tile__title{font-size:14px}}@media(prefers-reduced-motion:reduce){.category-tile__link{transition:none}}.category-grid--image_tiles .category-tile{aspect-ratio:auto;grid-column:auto;grid-row:auto}.category-grid--image_tiles .category-tile__link{display:flex;flex-direction:column;gap:10px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;justify-content:flex-start}.category-grid--image_tiles .category-tile__media{position:relative;isolation:isolate;flex:none;width:100%;aspect-ratio:1;padding:8px;background:var(--category-bg,#fff);border:1px solid color-mix(in srgb,var(--category-ink,#17221d) 10%,transparent);border-radius:14px;overflow:hidden;box-shadow:0 2px 3px #00000008;transition:box-shadow .18s ease}.category-grid--image_tiles .category-tile__image{filter:none}.category-grid--image_tiles .category-tile__title{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:18px;font-weight:500;line-height:1.35;overflow-wrap:anywhere;width:100%}.category-grid--image_tiles .category-tile__arrow{display:none}.category-grid--image_tiles .category-tile__link[href]:hover{box-shadow:none}.category-grid--image_tiles .category-tile__link[href]:hover .category-tile__media{box-shadow:0 5px 14px #00000018}@media(max-width:749px){.category-grid--image_tiles .category-grid__list{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:24px 10px}.category-grid--image_tiles .category-grid__list>.category-tile{grid-column:auto;grid-row:auto}.category-grid--image_tiles .category-tile__media{padding:6px;border-radius:12px}.category-grid--image_tiles .category-tile__title{font-size:clamp(14px,4.2vw,18px)}}@media(prefers-reduced-motion:reduce){.category-grid--image_tiles .category-tile__media{transition:none}}.category-grid .category-tile__title{font-size:var(--category-title-size-desktop,18px);overflow-wrap:anywhere}.category-grid .store-section__heading{font-size:var(--category-heading-size-desktop,32px);line-height:1.25;overflow-wrap:anywhere}@media(max-width:749px){.category-grid .category-tile__title{font-size:var(--category-title-size-mobile,16px)}.category-grid .store-section__heading{font-size:var(--category-heading-size-mobile,24px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/category-grid.css.map */