/* RC111 — single-row market ribbon and fluid hero, retaining the global storefront kit. */
.sf-price-ribbon[data-max-rows="1"] .sf-price-ribbon-page{
  grid-template-rows:minmax(0,1fr)!important;
  align-items:stretch;
}
.sf-price-ribbon[data-max-rows="1"] .sf-price-ribbon-item{
  min-width:0;max-width:100%;overflow:hidden;
}
.sf-price-ribbon[data-max-rows="1"] .sf-price-ribbon-copy,
.sf-price-ribbon[data-max-rows="1"] .sf-price-ribbon-item strong{min-width:0;}
.sf-hero .sf-hero-shell{box-sizing:border-box;max-width:100%;min-width:0;}
.sf-hero .sf-hero-copy,.sf-hero .sf-hero-visual{min-width:0;max-width:100%;}
.sf-hero .sf-hero-copy h1{
  font-size:clamp(1.65rem,3vw,3.35rem)!important;
  line-height:1.35!important;letter-spacing:normal;
  text-wrap:balance;overflow-wrap:break-word;
  max-inline-size:27ch!important;margin-inline:0;
}
.sf-hero .sf-hero-copy p{max-inline-size:46ch;line-height:1.75;overflow-wrap:break-word;}
.sf-hero .sf-hero-actions,.sf-hero .sf-hero-trust{flex-wrap:wrap;min-width:0;}
@media (min-width:761px) and (max-width:1320px){
  .sf-hero .sf-hero-shell{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(10px,2vw,28px)!important;padding-inline:clamp(14px,2.4vw,34px)!important;}
  .sf-hero .sf-hero-copy h1{font-size:clamp(1.6rem,2.75vw,2.6rem)!important;max-inline-size:28ch!important;}
  .sf-hero .sf-hero-copy p{font-size:clamp(.82rem,1.1vw,1rem)!important;}
  .sf-hero .sf-hero-actions a{max-width:100%;white-space:normal;text-align:center;}
}
@media (max-width:760px){
  .sf-hero .sf-hero-shell{width:100%;max-width:100%;overflow:clip;}
  .sf-hero .sf-hero-copy h1{font-size:clamp(1.5rem,6vw,2.25rem)!important;line-height:1.45!important;max-inline-size:100%!important;}
  .sf-hero .sf-hero-copy p{max-inline-size:100%;font-size:clamp(.78rem,3.5vw,.96rem);}
  .sf-hero .sf-hero-actions{width:100%;flex-wrap:wrap;}
  .sf-hero .sf-hero-actions a{max-width:100%;}
}
@media(max-width:430px){.sf-hero .sf-hero-copy h1{font-size:clamp(1.4rem,6.1vw,1.75rem)!important;}}

/* Legacy hero v9 uses a full-bleed image and an absolutely positioned text panel.
   Keep that composition and expand the text lane rather than turning it into a grid. */
@media (min-width:761px) and (max-width:1320px){
 .storefront-v9 .sf-hero .sf-hero-shell{display:block!important;}
 .storefront-v9 .sf-hero .sf-hero-copy{
   position:absolute!important;
   inset-inline-start:clamp(18px,4.6vw,62px)!important;
   top:50%!important;
   width:min(58vw,660px)!important;
   max-width:58vw!important;
   margin:clamp(36px,5vh,80px) 0 0!important;
   transform:translateY(-50%)!important;
   gap:clamp(7px,.9vw,15px)!important;
 }
 .storefront-v9 .sf-hero .sf-hero-copy h1{max-inline-size:27ch!important;max-width:100%!important;}
 .storefront-v9 .sf-hero .sf-hero-copy>p{max-width:46ch!important;}
}