.sb-block-hero,.sb-block-promo,.sb-block-products{width:var(--sb-block-width,100%);max-width:100%;margin:var(--sb-block-margin,0) auto}.sb-block-hero{min-height:var(--sb-block-height,420px);padding:var(--sb-block-padding,48px) 0;background-position:var(--sb-image-position,center center);background-size:cover;background-repeat:no-repeat}.sb-block-hero--align-center .sb-block-hero__content{text-align:center;margin-inline:auto}.sb-block-hero--align-right .sb-block-hero__content{text-align:right;margin-left:auto}.sb-block-promo,.sb-block-products{padding-block:var(--sb-block-padding,0)}

/* Mobile banner content remains readable and can grow vertically. */
.sb-block-hero,.sb-block-promo{box-sizing:border-box}
.sb-block-hero__content{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){
.sb-block-hero,.sb-block-promo{width:100%;max-width:100%}
.sb-block-hero{min-height:min(var(--sb-block-height,420px),360px);padding-block:clamp(16px,4vw,32px)}
.sb-block-hero__content{max-width:100%;padding:1rem 0}
.sb-block-hero h1{font-size:clamp(1.5rem,6vw,2.5rem);line-height:1.2}
.sb-block-hero p{font-size:1rem;line-height:1.5}
.sb-block-hero .sb-block-button{max-width:100%;box-sizing:border-box;white-space:normal;min-height:44px}
.sb-block-hero:not(:has(.sb-block-hero__content h1,.sb-block-hero__content p,.sb-block-hero__content a)){min-height:0;aspect-ratio:1920/500;padding:0;background-size:contain}
.sb-block-hero:not(:has(.sb-block-hero__content h1,.sb-block-hero__content p,.sb-block-hero__content a)) .sb-block-container{display:none}
.sb-block-promo img{height:auto;object-fit:contain}
.sb-block-promo div:not(.sb-block-container){padding:1.25rem;overflow-wrap:anywhere}
}
