.st-shop-by-age{--st-age-navy: #1a2744;--st-age-coral: #ff7a2f;--st-age-cream: #fffdf9;--st-age-soft: #fff4ec;--st-age-line: rgba(26, 39, 68, .1);--st-age-muted: rgba(26, 39, 68, .55);--st-age-radius: 22px;--st-age-gutter: 1rem;padding:clamp(2rem,5vw,3.25rem) 0;background:radial-gradient(90% 60% at 0% 0%,rgba(255,122,47,.07),transparent 55%),radial-gradient(70% 50% at 100% 100%,rgba(26,39,68,.04),transparent 50%),var(--st-age-cream)}.st-shop-by-age__container{width:min(100%,var(--page-width, 1200px));margin:0 auto;padding-inline:max(var(--st-age-gutter),env(safe-area-inset-left,0px)) max(var(--st-age-gutter),env(safe-area-inset-right,0px))}.st-shop-by-age__head{text-align:center;max-width:36rem;margin:0 auto clamp(1.35rem,3.5vw,2rem)}.st-shop-by-age__eyebrow{margin:0 0 .4rem;font-family:DM Sans,system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--st-age-coral)}.st-shop-by-age__heading{margin:0;font-family:Nunito,system-ui,sans-serif;font-size:clamp(1.45rem,4vw,2rem);font-weight:900;letter-spacing:-.03em;line-height:1.12;color:var(--st-age-navy)}.st-shop-by-age__subcopy{margin:.55rem 0 0;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(.875rem,2.2vw,.95rem);line-height:1.55;color:var(--st-age-muted)}.st-shop-by-age__rail-wrap{position:relative}.st-shop-by-age__rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.75rem,2vw,1rem)}.st-shop-by-age__card{position:relative;display:flex;flex-direction:column;text-decoration:none;border-radius:var(--st-age-radius);overflow:hidden;background:#fff;border:1px solid var(--st-age-line);box-shadow:0 10px 28px #1a274412;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,border-color .28s ease;-webkit-tap-highlight-color:transparent}.st-shop-by-age__card:hover,.st-shop-by-age__card:focus-visible{transform:translateY(-4px);border-color:#ff7a2f47;box-shadow:0 18px 40px #1a27441f}.st-shop-by-age__card:focus-visible{outline:2px solid rgba(255,122,47,.45);outline-offset:3px}.st-shop-by-age__media{position:relative;aspect-ratio:1;overflow:hidden;background:linear-gradient(160deg,#f5f6f8 0%,var(--st-age-soft) 100%)}.st-shop-by-age__media img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.st-shop-by-age__media img.st-shop-by-age__img-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.st-shop-by-age__card:hover .st-shop-by-age__media img.st-shop-by-age__img-main,.st-shop-by-age__card:focus-visible .st-shop-by-age__media img.st-shop-by-age__img-main{opacity:0;transform:scale(1.04)}.st-shop-by-age__card:hover .st-shop-by-age__media img.st-shop-by-age__img-hover,.st-shop-by-age__card:focus-visible .st-shop-by-age__media img.st-shop-by-age__img-hover{opacity:1;transform:scale(1.02)}.st-shop-by-age__badge{position:absolute;top:10px;left:10px;z-index:2;padding:.28rem .55rem;border-radius:999px;background:#fffdf9eb;border:1px solid rgba(26,39,68,.08);font-family:Nunito,system-ui,sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--st-age-navy);box-shadow:0 4px 12px #1a274414}.st-shop-by-age__body{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem .9rem .95rem;background:#fff}.st-shop-by-age__title{margin:0;font-family:Nunito,system-ui,sans-serif;font-size:clamp(.82rem,2vw,.92rem);font-weight:800;line-height:1.25;color:var(--st-age-navy)}.st-shop-by-age__meta{margin:.2rem 0 0;font-family:DM Sans,system-ui,sans-serif;font-size:.72rem;color:var(--st-age-muted);line-height:1.3}.st-shop-by-age__arrow{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--st-age-soft);color:var(--st-age-coral);transition:background .22s ease,transform .22s ease}.st-shop-by-age__card:hover .st-shop-by-age__arrow,.st-shop-by-age__card:focus-visible .st-shop-by-age__arrow{background:var(--st-age-coral);color:#fff;transform:translate(2px)}.st-shop-by-age__arrow svg{width:14px;height:14px;display:block}.st-shop-by-age__footer{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.85rem}.st-shop-by-age__progress{flex:1;max-width:280px;height:4px;border-radius:999px;background:#1a274414;overflow:hidden}.st-shop-by-age__progress-fill{display:block;height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--st-age-coral),#ff9a5c);transition:width .25s ease}.st-shop-by-age__hint{margin:0;color:#1a274480;font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:500;white-space:nowrap}@media(min-width:1025px){.st-shop-by-age__footer{display:none}}@media(max-width:1024px){.st-shop-by-age__rail{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-block:.15rem .35rem;scrollbar-width:none}.st-shop-by-age__rail:after{content:"";flex:0 0 var(--st-age-gutter);scroll-snap-align:none}.st-shop-by-age__rail::-webkit-scrollbar{display:none}.st-shop-by-age__card{flex:0 0 min(72vw,220px);scroll-snap-align:start}}@media(max-width:576px){.st-shop-by-age{padding:1.65rem 0 1.85rem}.st-shop-by-age__card{flex-basis:min(68vw,200px)}}@media(prefers-reduced-motion:reduce){.st-shop-by-age__card,.st-shop-by-age__media img,.st-shop-by-age__arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/st-shop-by-age.css.map */