.shop-by-age{padding:var(--sba-pad-top, 52px) 0 var(--sba-pad-bottom, 52px);background-color:var(--sba-bg, #ffffff);--sba-ease: cubic-bezier(.16, 1, .3, 1);--sba-radius: clamp(12px, 1.5vw, 20px)}.shop-by-age__container{max-width:1680px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem)}.shop-by-age__header{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.shop-by-age__title{font-family:var(--font-heading-family);font-size:var(--sba-title-size, 42px);font-weight:700;color:var(--sba-title-color, #1f2937);margin:0 0 .5rem;line-height:1.2}.shop-by-age__subtitle{font-family:var(--font-body-family);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;color:var(--sba-subtitle-color, #6b7280);margin:0}.shop-by-age__grid{display:grid;grid-template-columns:1fr 1fr 2fr;grid-template-rows:1fr 1fr;gap:clamp(.75rem,1.5vw,1.25rem);height:clamp(500px,60vw,700px)}.shop-by-age__item:nth-child(1){grid-column:1;grid-row:1}.shop-by-age__item:nth-child(2){grid-column:2;grid-row:1}.shop-by-age__item:nth-child(3){grid-column:3;grid-row:1 / 3}.shop-by-age__item:nth-child(4){grid-column:1;grid-row:2}.shop-by-age__item:nth-child(5){grid-column:2;grid-row:2}.shop-by-age__item{position:relative;border-radius:var(--sba-radius);transition:transform .5s var(--sba-ease)}.shop-by-age__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 18px 40px -14px #00000052;opacity:0;transition:opacity .5s var(--sba-ease);pointer-events:none;z-index:0}.shop-by-age__link{display:block;width:100%;height:100%;text-decoration:none;border-radius:inherit}.shop-by-age__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;z-index:1;background-color:#0000000a}.shop-by-age__image{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .8s var(--sba-ease)}.shop-by-age__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;pointer-events:none;background:linear-gradient(180deg,#00000026,#0000000d,#0000001a)}.shop-by-age__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#0003,#0000000d,#00000026);opacity:0;transition:opacity .45s var(--sba-ease)}.shop-by-age__item-content{position:absolute;top:clamp(1rem,2vw,1.5rem);left:clamp(1rem,2vw,1.5rem);right:auto;max-width:calc(100% - (2*clamp(1rem,2vw,1.5rem)));text-align:left;color:var(--sba-item-color, var(--sba-item-title-color, #ffffff));z-index:3;transform:translateY(0);transition:transform .45s var(--sba-ease)}.shop-by-age__item-title{font-family:var(--font-heading-family);font-size:clamp(1.1rem,2vw,1.75rem);font-weight:700;line-height:1.15;color:inherit;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15)}.shop-by-age__item-subtitle{font-family:var(--font-body-family);font-size:clamp(.8rem,1.15vw,1rem);font-weight:400;line-height:1.35;color:inherit;opacity:.92;margin:.35em 0 0;text-shadow:0 2px 8px rgba(0,0,0,.15)}.shop-by-age__item-content--hidden,.shop-by-age__item-title--hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shop-by-age__item-content:after{content:"";display:block;height:2px;margin-top:.4em;background:currentColor;border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--sba-ease);opacity:.9}.shop-by-age__item:nth-child(3) .shop-by-age__item-content{top:clamp(1.25rem,2.5vw,2rem);left:clamp(1.25rem,2.5vw,2rem);max-width:calc(100% - (2*clamp(1.25rem,2.5vw,2rem)))}.shop-by-age__item:nth-child(3) .shop-by-age__item-title{font-size:clamp(1.5rem,3vw,2.5rem)}.shop-by-age__item:nth-child(3) .shop-by-age__item-subtitle{font-size:clamp(.9rem,1.4vw,1.15rem)}@media(hover:hover)and (pointer:fine){.shop-by-age__item:hover{transform:translateY(-4px)}.shop-by-age__item:hover:after{opacity:1}.shop-by-age__item:hover .shop-by-age__image{transform:scale(1.06)}.shop-by-age__item:hover .shop-by-age__overlay:after{opacity:1}.shop-by-age__item:hover .shop-by-age__item-content{transform:translateY(-3px)}.shop-by-age__item:hover .shop-by-age__item-content:after{transform:scaleX(1)}}.shop-by-age__link:focus-visible{outline:2px solid var(--sba-item-title-color, #ffffff);outline-offset:-6px;border-radius:inherit}.shop-by-age__link:focus-visible .shop-by-age__overlay:after{opacity:1}.shop-by-age.sba-ready .shop-by-age__item{opacity:0;transform:translateY(24px);transition:opacity .7s var(--sba-ease),transform .7s var(--sba-ease);transition-delay:calc(var(--sba-i, 0) * 70ms);will-change:opacity,transform}.shop-by-age.sba-ready.is-visible .shop-by-age__item{opacity:1;transform:translateY(0)}.shop-by-age.sba-ready.is-visible .shop-by-age__item{will-change:auto}@media screen and (max-width:992px){.shop-by-age__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;height:auto}.shop-by-age__item:nth-child(1){grid-column:1;grid-row:1;aspect-ratio:1}.shop-by-age__item:nth-child(2){grid-column:2;grid-row:1;aspect-ratio:1}.shop-by-age__item:nth-child(3){grid-column:1 / 3;grid-row:2;aspect-ratio:16/9}.shop-by-age__item:nth-child(4){grid-column:1;grid-row:3;aspect-ratio:1}.shop-by-age__item:nth-child(5){grid-column:2;grid-row:3;aspect-ratio:1}}@media screen and (max-width:576px){.shop-by-age__title{font-size:calc(var(--sba-title-size, 42px) * .7)}.shop-by-age__grid{gap:.6rem}.shop-by-age__item-content{top:.75rem;left:.75rem;max-width:calc(100% - 1.5rem)}.shop-by-age__item-title{font-size:clamp(.9rem,4vw,1.1rem)}.shop-by-age__item-subtitle{font-size:clamp(.72rem,3vw,.85rem)}.shop-by-age__item:nth-child(3) .shop-by-age__item-content{top:.85rem;left:.85rem;max-width:calc(100% - 1.7rem)}.shop-by-age__item:nth-child(3) .shop-by-age__item-title{font-size:clamp(1.1rem,5vw,1.4rem)}.shop-by-age__item:nth-child(3) .shop-by-age__item-subtitle{font-size:clamp(.78rem,3.4vw,.95rem)}.shop-by-age.sba-ready .shop-by-age__item{transform:translateY(16px);transition-delay:calc(var(--sba-i, 0) * 45ms)}}@media(prefers-reduced-motion:reduce){.shop-by-age__item,.shop-by-age__image,.shop-by-age__item-content,.shop-by-age__item-content:after,.shop-by-age.sba-ready .shop-by-age__item{transition:none!important;transform:none!important}.shop-by-age.sba-ready .shop-by-age__item{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/shop-by-age.css.map */