.hero-bf{background-color:var(--color-bf-bg);color:var(--color-bf-text);overflow:hidden}@media screen and (min-width:990px){.hero-bf .hero__inner{display:grid;grid-template-columns:50% 50%}}.hero-bf .hero__media{position:relative;aspect-ratio:390/280}@media screen and (min-width:990px){.hero-bf .hero__media{aspect-ratio:auto;order:2}}.hero-bf .hero__media picture{position:relative;height:100%;display:block;margin-inline:calc(var(--shell-bf-gutter) * -1)}@media screen and (min-width:990px){.hero-bf .hero__media picture{margin-left:42px;margin-right:calc(100% - 50vw)}}.hero-bf .hero__media picture:after{--gradient-direction: to top;content:"";position:absolute;left:0;bottom:-1px;width:100%;aspect-ratio:390/140;background-image:linear-gradient(var(--gradient-direction),var(--color-bf-bg) 0%,transparent 100%)}@media screen and (min-width:990px){.hero-bf .hero__media picture:after{--gradient-direction: to right;aspect-ratio:300/700;width:auto;height:100%;left:-1px;bottom:0}}.hero-bf .hero__media img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.hero-bf .hero__content{position:relative;z-index:2;margin-top:-11px;display:flex;flex-direction:column;gap:9px;padding-bottom:16px}@media screen and (min-width:990px){.hero-bf .hero__content{margin:0;padding:96px 0 92px;gap:9px}}@media screen and (min-width:1200px){.hero-bf .hero__content{gap:6px;margin-right:-64px}}.hero-bf .hero__content h1{font-size:var(--text-h0);letter-spacing:-1px}@media screen and (min-width:750px){.hero-bf .hero__content h1{font-size:64px;letter-spacing:0;line-height:1}}@media screen and (min-width:1350px){.hero-bf .hero__content h1{font-size:84px}}.hero-bf .hero__content .badge{--background-color: var(--color-bf-accent);width:fit-content;font-size:13px;font-weight:700;letter-spacing:.5px}@media screen and (min-width:375px){.hero-bf .hero__content .badge{font-size:16px}}@media screen and (min-width:750px){.hero-bf .hero__content .badge{font-size:19px;letter-spacing:1.2px;padding:4px 19px;border-radius:10px}}@media screen and (min-width:1350px){.hero-bf .hero__content .badge{border-radius:17px;font-size:33px}}.hero-bf .hero__subtitle{font-size:18px;font-weight:700;text-transform:uppercase}@media screen and (min-width:1200px){.hero-bf .hero__subtitle{font-size:33px;margin-top:12px}}.hero-bf .hero__accent{font-size:16px;line-height:1.25;font-weight:700;text-transform:uppercase;color:var(--color-bf-accent);text-shadow:0 0 14.4px var(--color-bf-accent)}@media screen and (min-width:1200px){.hero-bf .hero__accent{font-size:33px;line-height:.91;margin-top:6px;max-width:600px}}@media screen and (min-width:1200px){.hero-bf .hero__form{margin-top:10px;max-width:613px}}.hero-bf .hero__text{margin-top:2px;font-size:13px;line-height:1.46;color:var(--color-bf-text-dark)}@media screen and (min-width:1200px){.hero-bf .hero__text{font-size:15px;line-height:1.53;max-width:600px;margin-top:19px}}.hero-bf .hero__counter .countdown-tiles__label{letter-spacing:1.5px;text-transform:none}@media screen and (max-width:959px){.hero-bf .hero__counter.hero__counter--large-mobile{--countdown-tiles-tile-width: 70px;--countdown-tiles-tile-height: 60px}.hero-bf .hero__counter.hero__counter--large-mobile .countdown-tiles__digits{font-size:22px}.hero-bf .hero__counter.hero__counter--large-mobile .countdown-tiles__unit{font-size:9px;font-weight:700;letter-spacing:1px}}@media screen and (min-width:960px){.hero-bf .hero__counter{--countdown-tiles-tile-width: 68px;--countdown-tiles-tile-height: 66px}.hero-bf .hero__counter .countdown-tiles__tiles{gap:10px}.hero-bf .hero__counter .countdown-tiles__tile{justify-content:flex-start;gap:11px;padding-top:8px;border-radius:5px}.hero-bf .hero__counter .countdown-tiles__digits{font-size:24px}.hero-bf .hero__counter .countdown-tiles__unit{letter-spacing:1px}}@media screen and (min-width:990px){.hero-bf.hero-bf--image-left .hero__media{order:0}.hero-bf.hero-bf--image-left .hero__media picture{margin-left:calc(100% - 50vw);margin-right:42px}.hero-bf.hero-bf--image-left .hero__media picture:after{--gradient-direction: to left;left:auto;right:-1px}}@media screen and (min-width:1200px){.hero-bf.hero-bf--image-left .hero__content{margin-right:0;margin-left:-64px}}
/*# sourceMappingURL=/cdn/shop/t/212/assets/section-hero-bf.css.map */