.bf-age-badge{position:absolute;top:12px;inset-inline-end:12px;z-index:2;display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:#232323d9;color:#fff;font-size:12px;font-weight:700;line-height:1.6}.bf-collection-hero{position:relative}.bf-collection-hero__inner{position:relative;display:flex;align-items:center;min-height:var(--bf-hero-min-height, 420px);border-radius:24px;overflow:hidden;padding:48px}.bf-collection-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bf-collection-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bf-collection-hero__image--mobile{display:none}.bf-collection-hero__inner.bf-collection-hero__inner--media-only{display:block;min-height:0;padding:0}.bf-collection-hero__inner--media-only .bf-collection-hero__media,.bf-collection-hero__inner--media-only .bf-collection-hero__image{position:static}.bf-collection-hero__inner--media-only .bf-collection-hero__image{width:100%;height:auto;vertical-align:middle}.bf-collection-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--bf-hero-overlay-opacity, 0)}.bf-collection-hero__content{position:relative;z-index:2;max-width:560px}.bf-collection-hero__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}.bf-collection-hero__heading{margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.3}.bf-collection-hero__highlight{display:block}.bf-collection-hero__body{margin-bottom:24px;font-size:16px;line-height:1.7}.bf-collection-hero__play{position:absolute;z-index:3;bottom:28px;inset-inline-end:28px;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:none;border-radius:50%;background:#fff;color:#111;cursor:pointer;box-shadow:0 8px 24px #0000002e;transition:transform .2s ease}.bf-collection-hero__play:hover{transform:scale(1.06)}.bf-collection-hero__play svg{width:20px;height:20px;margin-inline-start:3px}@media(max-width:767px){.bf-collection-hero__inner{flex-direction:column;align-items:flex-start;padding:28px;border-radius:16px}.bf-collection-hero__image--desktop{display:none}.bf-collection-hero__image--mobile{display:block}.bf-collection-hero__heading{font-size:26px}.bf-collection-hero__play{width:52px;height:52px;bottom:16px;inset-inline-end:16px}}.bf-collection-hero__wrapper{position:relative;display:block}.bf-collection-hero__track.slider{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.bf-collection-hero__track.slider::-webkit-scrollbar{display:none}.bf-collection-hero__slide.slider__slide{flex:0 0 100%;width:100%;max-width:100%;scroll-snap-align:center;scroll-snap-stop:always}.bf-collection-hero__dots.slider-buttons{position:absolute;inset-inline:0;bottom:20px;z-index:4;display:flex;justify-content:center;padding:0;pointer-events:none}.bf-collection-hero__dots .slider-dots{position:static;width:auto;bottom:auto;left:auto;margin:0;pointer-events:auto}@media(prefers-reduced-motion:reduce){.bf-collection-hero__track.slider{scroll-behavior:auto}}@media(max-width:767px){.bf-collection-hero__dots.slider-buttons{bottom:12px}}.bf-category-circles__wrapper{position:relative}.bf-category-circles__track{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.bf-category-circles__track.slider{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.bf-category-circles__item{flex:0 0 auto}.bf-category-circles__link{display:flex;flex-direction:column;align-items:center;text-align:center;width:var(--bf-circle-size, 110px)}.bf-category-circles__image{display:flex;align-items:center;justify-content:center;width:var(--bf-circle-size, 110px);height:var(--bf-circle-size, 110px);border-radius:50%;overflow:hidden;background:var(--bg-grey, #f4f4f4);box-shadow:0 6px 18px #00000014;transition:transform .25s ease,box-shadow .25s ease}.bf-category-circles__link:hover .bf-category-circles__image{transform:translateY(-4px);box-shadow:0 12px 28px #00000024}.bf-category-circles__image img{width:56%;height:56%;object-fit:contain}.bf-category-circles__label{display:block;margin-top:10px;font-size:14px;font-weight:600;color:var(--color-text, #232323)}.bf-age-tiles__grid{display:grid;grid-template-columns:repeat(var(--bf-age-tiles-columns, 5),1fr);gap:var(--bf-age-tiles-gap, 16px)}.bf-age-tiles__item{position:relative;display:block;overflow:hidden;border-radius:var(--bf-age-tiles-radius, 16px);background-color:var(--bg-grey, #f4f4f4)}.bf-age-tiles__item:before{content:"";display:block;padding-top:var(--bf-age-tiles-ratio, 100%)}.bf-age-tiles__image{position:absolute;top:0;right:0;bottom:0;left:0}.bf-age-tiles__image img{width:100%;height:100%;object-fit:cover}.bf-age-tiles__content{position:absolute;inset-inline-start:16px;inset-inline-end:16px;bottom:16px;z-index:1;display:flex;flex-direction:column;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.bf-age-tiles__label{font-size:20px;font-weight:800}.bf-age-tiles__sublabel{margin-top:2px;font-size:13px}@media(max-width:1024px)and (min-width:768px){.bf-age-tiles__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.bf-age-tiles__grid{grid-template-columns:repeat(var(--bf-age-tiles-columns, 2),1fr)}.bf-age-tiles__label{font-size:16px}}.halo-block-header.bf-block-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.bf-block-header__text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.halo-block-header.bf-block-header .title:before{display:none!important}.halo-block-header.bf-block-header .bf-block-header__text .title{display:inline-block;margin:0;padding-bottom:14px;border-bottom:2px solid var(--pbe-accent, #0d9488)}.halo-block-header.bf-block-header .title .text{padding:0;background:transparent}.halo-block-header.bf-block-header .subheading{display:block;margin-top:6px;font-size:14px;color:#6b7686}.halo-block-header.bf-block-header .view_all.view_all--inline{flex-shrink:0}body.layout_rtl .halo-block-header.bf-block-header.text-left,body:not(.layout_rtl) .halo-block-header.bf-block-header.text-right{flex-direction:row-reverse}.halo-block-header.bf-block-header.text-center{flex-direction:column;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-bf-collection.css.map */