.shopistu-cat{background:var(--bg);padding-top:var(--cat-pt, 48px);padding-bottom:var(--cat-pb, 48px)}.shopistu-cat__heading{margin:0 0 2rem;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;color:var(--text)}.shopistu-cat__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:0;padding:0;list-style:none}@media(min-width:750px){.shopistu-cat__grid{grid-template-columns:repeat(3,1fr);gap:1.6rem}}@media(min-width:990px){.shopistu-cat__grid{grid-template-columns:repeat(var(--cat-cols, 4),1fr)}}.shopistu-cat__tile{margin:0}.shopistu-cat__link{position:relative;display:block;overflow:hidden;border-radius:var(--r-card, 14px);background:var(--panel);color:var(--text);text-decoration:none}.shopistu-cat__media{position:relative;overflow:hidden}.shopistu-cat__grid--square .shopistu-cat__media{aspect-ratio:1 / 1}.shopistu-cat__grid--portrait .shopistu-cat__media{aspect-ratio:3 / 4}.shopistu-cat__grid--landscape .shopistu-cat__media{aspect-ratio:4 / 3}.shopistu-cat__img,.shopistu-cat__placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.shopistu-cat__img{transition:transform var(--dur-slow, .52s) var(--ease)}.shopistu-cat__placeholder{display:block;width:100%;height:100%;background:var(--panel-2)}.shopistu-cat__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,var(--bg) 0%,transparent 55%)}.shopistu-cat__meta{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:2px;padding:1.2rem 1.4rem}.shopistu-cat__title{font-size:1.6rem;font-weight:700;color:var(--text);transition:transform var(--dur, .32s) var(--ease)}.shopistu-cat__count{font-size:1.2rem;color:var(--text-mut)}.shopistu-cat__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:2px solid var(--yellow);border-radius:var(--r-card, 14px);opacity:0;pointer-events:none;transition:opacity var(--dur, .32s) var(--ease)}@media(hover:hover)and (pointer:fine){.shopistu-cat__link:hover .shopistu-cat__img{transform:scale(1.08);will-change:transform}.shopistu-cat__link:hover:after{opacity:1}.shopistu-cat__link:hover .shopistu-cat__title{transform:translateY(-4px);will-change:transform}}.shopistu-cat__link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}@media(prefers-reduced-motion:reduce){.shopistu-cat__img,.shopistu-cat__title,.shopistu-cat__link:after{transition:none}}.shopistu-cat__viewport{overflow:hidden}@media(max-width:749px){[data-cat-carousel] .shopistu-cat__grid{display:flex;flex-wrap:nowrap;gap:12px;transition:transform .45s var(--ease);will-change:transform}[data-cat-carousel] .shopistu-cat__tile{flex:0 0 calc((100% - 12px)/2);min-width:calc((100% - 12px)/2)}[data-cat-carousel] .shopistu-cat__tile{position:relative}[data-cat-carousel] .shopistu-cat__tile.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;border-radius:var(--r-pill);background:var(--yellow);transform-origin:left;animation:sh-cat-progress var(--dwell, 3s) linear forwards;z-index:2}}@keyframes sh-cat-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){[data-cat-carousel] .shopistu-cat__grid{transition:none}[data-cat-carousel] .shopistu-cat__tile.is-active:after{animation:none;display:none}[data-cat-carousel].shopistu-cat__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/shopistu-category-grid.css.map */