.category-grid__grid{display:grid;gap:var(--space-5)}.category-grid__grid--even{grid-template-columns:repeat(3,1fr)}.category-grid__grid--row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-4)}.category-grid__grid--mosaic{grid-template-columns:repeat(4,1fr)}.category-grid__grid--mosaic .category-card--hero{grid-column:span 2;grid-row:span 2}.category-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:999px 999px 18px 18px;overflow:hidden;text-decoration:none;color:var(--color-text);border:1px solid rgba(20,50,30,.06);box-shadow:0 1px 2px #14321e0f,0 8px 24px #14321e1a,0 18px 40px #14321e0f;transition:box-shadow .35s ease,transform .35s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #14321e14,0 14px 32px #1f6e3f2e,0 28px 56px #14321e1a}.category-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:linear-gradient(135deg,#f4f8ef,#e8f0e2);flex-shrink:0}.category-card__image{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1);display:block}.category-card__image--fallback{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.category-card:hover .category-card__image{transform:scale(1.05)}.category-card__label{display:inline-flex;align-items:center;gap:.4em;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-dark);background:var(--color-primary-10, rgba(31, 110, 63, .08));border:1px solid var(--color-primary-20, rgba(31, 110, 63, .18));border-radius:var(--border-radius-full);padding:.25rem .65rem;margin:0;white-space:nowrap}.category-card__label:before{content:"";display:inline-block;width:5px;height:5px;background:var(--color-primary);border-radius:50%;flex-shrink:0}.category-card__content{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-5)}.category-card__title{font-family:var(--font-heading);font-size:clamp(var(--text-base),1.3vw,var(--text-lg));font-weight:700;line-height:1.2;color:var(--color-primary-dark);margin:0;min-height:2.4em;display:flex;align-items:center;justify-content:center}.category-card__cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);padding:.4rem .9rem;border:1.5px solid var(--color-primary);border-radius:var(--border-radius-full);background:transparent;transition:color .25s ease,background .25s ease,gap .25s ease;margin-top:auto}.category-card:hover .category-card__cta{color:#fff;background:var(--color-primary);gap:var(--space-3)}.category-grid__grid--mosaic .category-card--hero .category-card__title{font-size:clamp(var(--text-xl),2.2vw,var(--text-2xl))}.category-grid__scroll-container{position:relative}.category-grid__scroll-fade,.category-grid__swipe-hint{display:none}@media(max-width:1023px){.category-grid__grid--even,.category-grid__grid--mosaic{grid-template-columns:repeat(2,1fr)}.category-grid__grid--mosaic .category-card--hero{grid-column:span 2;grid-row:span 1}.category-grid__grid--row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);gap:var(--space-3);margin:0 calc(var(--space-4) * -1);padding-left:var(--space-4);padding-right:var(--space-4)}.category-grid__grid--row::-webkit-scrollbar{display:none}.category-grid__grid--row .category-card{flex:0 0 44vw;max-width:220px;scroll-snap-align:start}.category-grid__swipe-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:var(--space-3) 0 0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);opacity:.65;animation:swipe-nudge 2.4s ease-in-out infinite}@keyframes swipe-nudge{0%,to{transform:translate(0);opacity:.65}50%{transform:translate(4px);opacity:.9}}}@media(max-width:599px){.category-grid__grid--even,.category-grid__grid--mosaic{grid-template-columns:1fr}.category-grid__grid--mosaic .category-card--hero{grid-column:span 1}.category-grid__grid--row .category-card{flex:0 0 46vw;max-width:220px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-category-grid.css.map */