.cc-age-groups .age-groups__heading{margin:0 0 28px;font-family:var(--heading-font-family);font-weight:700;font-size:clamp(2rem,2.4vw,2.8rem);line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--age-heading-color)}.cc-age-groups .age-groups__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cc-age-groups .age-groups__item{display:block;min-width:0}.cc-age-groups .age-card{position:relative;display:flex;flex-direction:column;background:var(--age-card-bg);border-radius:var(--age-card-radius);overflow:hidden;text-decoration:none;color:inherit;height:100%;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease;isolation:isolate}.cc-age-groups a.age-card{cursor:pointer}.cc-age-groups a.age-card:hover,.cc-age-groups a.age-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px -16px #0000002e}.cc-age-groups a.age-card:focus-visible{outline:2px solid var(--age-btn-bg);outline-offset:3px}.cc-age-groups .age-card__header{text-align:center;padding:16px 16px 0;z-index:2}.cc-age-groups .age-card__title{margin:0;font-family:var(--heading-font-family);font-weight:800;font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:.01em;color:var(--age-card-title-color)}.cc-age-groups .age-card__subtitle{margin:7px 0 0;font-family:var(--body-font-family);font-weight:600;font-size:clamp(13px,1.1vw,16px);line-height:1.3;color:var(--age-card-subtitle-color)}.cc-age-groups .age-card__media{position:relative;flex:1 1 auto;display:flex;align-items:end;justify-content:center;padding:0;min-height:180px}.cc-age-groups .age-card__img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom}.cc-age-groups .age-card__img--placeholder{width:100%;height:220px;opacity:.35}.cc-age-groups .age-card__btn{--age-btn-bg-hover: color-mix(in srgb, var(--age-btn-bg) 85%, #fff);position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-family:var(--heading-font-family);font-weight:700;font-size:.95em;letter-spacing:.01em;color:var(--age-btn-text);background:var(--age-btn-bg-hover) linear-gradient(104deg,var(--age-btn-bg-hover) 60%,var(--age-btn-bg) 60%,var(--age-btn-bg) 100%) no-repeat 100% 100%;background-size:300% 100%;border-radius:999px;box-shadow:0 6px 14px -8px #ec77398c;transition:background-position .35s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease;white-space:nowrap;pointer-events:none}@media(hover:hover)and (pointer:fine){.cc-age-groups a.age-card:hover .age-card__btn,.cc-age-groups a.age-card:focus-visible .age-card__btn{background-position:0 100%;box-shadow:0 9px 20px -8px #ec7739b3}}@media(min-width:768px){.cc-age-groups .age-groups__heading{margin-bottom:32px}.cc-age-groups .age-groups__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cc-age-groups .age-card__header{padding:22px 18px 0}.cc-age-groups .age-card__media{min-height:240px;padding-top:0}.cc-age-groups .age-card__btn{bottom:22px;padding:12px 26px;font-size:1em}}@media(min-width:1200px){.cc-age-groups .age-card__media{min-height:280px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/age-groups.css.map */