/* Approved product banner: live, translatable text stays separate from the image. */
.bf-hero.bf-hero-products{background-image:url('hero-real-products.webp');min-height:clamp(430px,33.333vw,640px);background-position:center;background-size:cover}
.bf-hero-products:before{background:linear-gradient(90deg,#10281450,transparent 60%)}
.bf-hero-products .bk-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.bf-root .bf-hero-products h1{font-size:clamp(38px,3.65vw,66px);max-width:min(690px,58%);letter-spacing:-1.3px;line-height:1.08}
.bf-hero-products p{max-width:44%;font-size:clamp(15px,1.15vw,19px)}
.bf-hero-products .bk-actions{max-width:49%;flex-wrap:wrap}
@media(max-width:1000px){.bf-hero-products .bk-wrap{width:calc(100% - 48px)}}
@media(max-width:850px){
 .bf-hero.bf-hero-products{min-height:0;background-color:#173c24;background-size:auto 300px;background-position:right bottom;background-repeat:no-repeat}
 .bf-hero-products:before{background:linear-gradient(180deg,#173c24 0%,#173c24 45%,transparent 68%)}
 .bf-hero-products .bk-wrap{padding-top:32px;padding-bottom:300px}
 .bf-root .bf-hero-products h1{max-width:100%;font-size:clamp(34px,5.8vw,48px);letter-spacing:-1px}
 .bf-hero-products p{max-width:100%;font-size:16px;margin-top:18px}
 .bf-hero-products .bk-actions{max-width:100%;gap:10px;margin-top:22px}
}
@media(max-width:600px){
 .bf-hero.bf-hero-products{background-size:200% auto}
 .bf-hero-products .bk-wrap{padding-bottom:calc(66.667vw + 20px)}
}