/* V80 — offer detail banner, independent of the rotating interior hero. */
/* Only detail pages are affected; listing, services, destinations and home retain their layouts. */
.sf-offer-detail-main .sf-offer-detail-hero {
  height:clamp(520px,70svh,690px)!important;
  min-height:520px!important;
  max-height:none!important;
  overflow:hidden!important;
}
.sf-offer-detail-main .sf-offer-detail-hero .inner-hero-photo img {
  object-fit:cover!important;
  object-position:center 48%!important;
  transform:none!important;
  animation:none!important;
}
.sf-offer-detail-main .sf-offer-detail-hero .inner-hero-photo::after {
  background:linear-gradient(90deg,rgba(3,22,39,.17),rgba(3,22,39,.6))!important;
}
html[lang=en] .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-photo::after {
  background:linear-gradient(90deg,rgba(3,22,39,.60),rgba(3,22,39,.17))!important;
}
.sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content {
  position:absolute!important;
  box-sizing:border-box!important;
  top:auto!important;
  bottom:clamp(56px,8svh,93px)!important;
  right:clamp(30px,7vw,132px)!important;
  left:auto!important;
  width:min(630px,calc(100% - 60px))!important;
  max-width:min(630px,calc(100% - 60px))!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:clamp(10px,1.15vw,17px)!important;
  padding:0!important;
  margin:0!important;
  text-align:start!important;
  overflow:visible!important;
  transform:none!important;
  opacity:1!important;
}
html[lang=en] .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content {
  right:auto!important;
  left:clamp(30px,7vw,132px)!important;
}
.sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content .overline {
  display:block!important;
  align-self:flex-start!important;
  flex:none!important;
  min-height:0!important;
  margin:0!important;
  font-size:clamp(10px,.8vw,13px)!important;
}
.sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content h1 {
  display:block!important;
  flex:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(34px,3.05vw,55px)!important;
  line-height:1.34!important;
  font-weight:750!important;
  text-wrap:balance;
  overflow-wrap:break-word;
  overflow:visible!important;
}
html[lang=en] .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content h1 {
  font-size:clamp(32px,2.85vw,52px)!important;
  line-height:1.20!important;
}
.sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content p {
  display:block!important;
  flex:none!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(14px,1.06vw,17px)!important;
  line-height:1.8!important;
  overflow-wrap:break-word!important;
  overflow:visible!important;
  text-wrap:pretty;
}
@media(max-width:780px) {
 .sf-offer-detail-main .sf-offer-detail-hero {
   height:clamp(560px,78svh,720px)!important;
   min-height:560px!important;
 }
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-photo::after,
 html[lang=en] .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-photo::after {
   background:linear-gradient(0deg,rgba(3,22,39,.88),rgba(3,22,39,.48) 47%,rgba(3,22,39,.1) 85%)!important;
 }
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content,
 html[lang=en] .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content {
   bottom:clamp(40px,7svh,62px)!important;
   left:22px!important;
   right:22px!important;
   width:calc(100% - 44px)!important;
   max-width:calc(100% - 44px)!important;
   height:auto!important;
   min-height:0!important;
   max-height:none!important;
   gap:10px!important;
 }
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content h1 {
   font-size:clamp(28px,7.5vw,42px)!important;
   line-height:1.33!important;
 }
 html[lang=en] .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content h1 {
   font-size:clamp(27px,7vw,38px)!important;
   line-height:1.22!important;
 }
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content p {
   font-size:clamp(13px,3.5vw,15px)!important;
   line-height:1.65!important;
 }
}
@media(max-width:360px){
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content h1{font-size:26px!important}
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-content p{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
 .sf-offer-detail-main .sf-offer-detail-hero .inner-hero-photo img{transition:none!important}
}