shop-by-age,.shop-by-age-section{display:block;width:100%;position:relative;background-color:var(--sba-section-bg, #ffffff);color:var(--sba-text-color, #1d2939);padding-top:var(--sba-pad-top-desktop, 50px);padding-bottom:var(--sba-pad-bottom-desktop, 60px);box-sizing:border-box;font-family:var(--font-body-family, "Figtree", sans-serif)}.shop-by-age__container{width:100%;margin:0 auto}.shop-by-age__header{margin-bottom:var(--sba-header-margin-bottom, 32px);display:flex;flex-direction:column}.shop-by-age__header--left{align-items:flex-start;text-align:left}.shop-by-age__header--center{align-items:center;text-align:center}.shop-by-age__header--right{align-items:flex-end;text-align:right}.shop-by-age__heading{font-family:var(--font-heading-family, "Figtree", sans-serif);font-size:var(--sba-heading-size-desktop, 36px);font-weight:700;line-height:1.15;color:var(--sba-heading-color, #1d2939);margin:0 0 8px;letter-spacing:-.02em;max-width:var(--sba-heading-max-width, 100%)}.shop-by-age__description{font-size:var(--sba-desc-size-desktop, 16px);font-weight:400;line-height:1.5;color:var(--sba-desc-color, #4a5568);margin:0;max-width:var(--sba-desc-max-width, 600px)}.shop-by-age__description p{margin:0}.shop-by-age__grid{box-sizing:border-box;width:100%}@media screen and (min-width:990px){.shop-by-age__grid--grid-desktop{display:grid;grid-template-columns:repeat(var(--sba-desktop-cols, 7),1fr);column-gap:var(--sba-desktop-gap-x, 16px);row-gap:var(--sba-desktop-gap-y, 16px)}.shop-by-age__card--span-2-desktop{grid-column:span 2}}@media screen and (min-width:990px){.shop-by-age__grid--overflow-desktop{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sba-desktop-gap-x, 16px);padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.shop-by-age__grid--overflow-desktop .shop-by-age__card{flex:0 0 var(--sba-desktop-card-width, 180px);scroll-snap-align:start}}@media screen and (max-width:989px){.shop-by-age__grid--grid-mobile{display:grid;grid-template-columns:repeat(var(--sba-mobile-cols, 2),1fr);column-gap:var(--sba-mobile-gap-x, 12px);row-gap:var(--sba-mobile-gap-y, 12px)}.shop-by-age__card--span-2-mobile{grid-column:span 2}.shop-by-age__card--span-full-mobile{grid-column:1 / -1}.shop-by-age__grid--cols-1-mobile .shop-by-age__card--span-2-mobile,.shop-by-age__grid--cols-1-mobile .shop-by-age__card--span-full-mobile{grid-column:span 1}}@media screen and (max-width:989px){.shop-by-age__grid--overflow-mobile{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sba-mobile-gap-x, 12px);padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-age__grid--overflow-mobile::-webkit-scrollbar{display:none}.shop-by-age__grid--overflow-mobile .shop-by-age__card{flex:0 0 var(--sba-mobile-card-width, 155px);scroll-snap-align:start;grid-column:auto!important}}.shop-by-age__card{display:flex;flex-direction:column;justify-content:space-between;position:relative;background-color:var(--sba-card-bg, #fee589);color:var(--sba-card-text, #1d2939);border-radius:var(--sba-card-radius, 22px);padding:var(--sba-card-pad-desktop, 18px);text-decoration:none;min-height:var(--sba-card-min-height-desktop, 180px);box-sizing:border-box;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);outline:none;cursor:pointer}.shop-by-age__card--aspect-square{aspect-ratio:1 / 1}.shop-by-age__card--aspect-portrait{aspect-ratio:1 / 1.15}.shop-by-age__card--aspect-tall{aspect-ratio:1 / 1.3}.shop-by-age__card--hoverable:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.shop-by-age__card:focus-visible{outline:2px solid #1d2939;outline-offset:3px}.shop-by-age__card-header{display:flex;flex-direction:column;align-items:flex-start;z-index:2}.shop-by-age__card-title{font-family:var(--font-heading-family, "Figtree", sans-serif);font-size:var(--sba-card-title-size-desktop, 30px);font-weight:800;line-height:1.05;color:inherit;margin:0;letter-spacing:-.02em}.shop-by-age__card-subtitle{font-family:var(--font-body-family, "Figtree", sans-serif);font-size:var(--sba-card-subtitle-size-desktop, 14px);font-weight:500;line-height:1.2;color:inherit;margin-top:4px;opacity:.9}.shop-by-age__card-footer{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-top:auto;z-index:2}.shop-by-age__card-arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--sba-arrow-size, 16px);height:var(--sba-arrow-size, 16px);color:var(--sba-arrow-color, inherit);transition:transform .2s ease;flex-shrink:0}.shop-by-age__card:hover .shop-by-age__card-arrow{transform:translate(3px)}.shop-by-age__card-arrow svg{width:100%;height:100%;display:block}.shop-by-age__card-icon{display:inline-flex;align-items:flex-end;justify-content:flex-end;width:var(--sba-icon-size-desktop, 42px);height:var(--sba-icon-size-desktop, 42px);flex-shrink:0}.shop-by-age__card-icon svg{width:100%;height:100%;display:block;object-fit:contain}.shop-by-age__card-icon img{width:100%;height:100%;object-fit:contain;display:block}@media screen and (max-width:989px){shop-by-age,.shop-by-age-section{padding-top:var(--sba-pad-top-mobile, 36px);padding-bottom:var(--sba-pad-bottom-mobile, 44px)}.shop-by-age__header{margin-bottom:var(--sba-header-margin-bottom-mobile, 24px)}.shop-by-age__heading{font-size:var(--sba-heading-size-mobile, 28px)}.shop-by-age__description{font-size:var(--sba-desc-size-mobile, 15px)}.shop-by-age__card{padding:var(--sba-card-pad-mobile, 16px);min-height:var(--sba-card-min-height-mobile, 160px);border-radius:var(--sba-card-radius-mobile, 20px)}.shop-by-age__card-title{font-size:var(--sba-card-title-size-mobile, 26px)}.shop-by-age__card-subtitle{font-size:var(--sba-card-subtitle-size-mobile, 13px)}.shop-by-age__card-icon{width:var(--sba-icon-size-mobile, 38px);height:var(--sba-icon-size-mobile, 38px)}}@media(prefers-reduced-motion:reduce){.shop-by-age__card{transition:none!important}.shop-by-age__card:hover,.shop-by-age__card:hover .shop-by-age__card-arrow{transform:none!important}.shop-by-age__grid--overflow-desktop,.shop-by-age__grid--overflow-mobile{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/shop-by-age.css.map */