/* O(7)(7) — mobile viewport-flush capsule header + hero breathing-room override */
@layer oloropa-o7-7-mobile-viewport-flush {
  html:has(body[data-oloropa-page="index.php"]),
  body[data-oloropa-page="index.php"]{
    --ol-o77-mobile-header-top:max(1rem, env(safe-area-inset-top, 0px));
    --ol-o77-mobile-header-height:72px;
    --ol-o77-mobile-header-width:min(calc(100vw - 2rem), 30rem);
    --ol-o77-mobile-hero-clearance:calc(var(--ol-o77-mobile-header-top) + var(--ol-o77-mobile-header-height) + clamp(2rem, 7svh, 3.25rem));
    background:#2D1F18!important;
    overflow-x:clip!important;
  }

  @supports not (overflow:clip){
    body[data-oloropa-page="index.php"]{overflow-x:hidden!important;}
  }

  body[data-oloropa-page="index.php"] > #main-content,
  body[data-oloropa-page="index.php"] #main-content{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#2D1F18!important;
    overflow-x:clip!important;
  }

  body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
  body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
    position:relative!important;
    top:0!important;
    margin:0!important;
    margin-block:0!important;
    border-top:0!important;
    background:#2D1F18!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }

  body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-media,
  body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-telemetry,
  body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero :is(.ol-o5-award-video,.ol-o5-award-placeholder,.ol-o5-award-depth,.ol-o5-award-mask){
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-video,
  body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-placeholder{
    object-fit:cover!important;
    object-position:center top!important;
  }

  @media (max-width:760px){
    html,
    html:has(body[data-oloropa-page="index.php"]),
    body[data-oloropa-page="index.php"]{
      margin:0!important;
      padding:0!important;
      min-width:0!important;
      width:100%!important;
      max-width:100%!important;
      background:#2D1F18!important;
      scroll-padding-top:calc(var(--ol-o77-mobile-header-height) + var(--ol-o77-mobile-header-top))!important;
    }

    body[data-oloropa-page="index.php"] > .ix-progress,
    body[data-oloropa-page="index.php"] .ix-progress{
      position:fixed!important;
      top:0!important;
      left:0!important;
      width:0!important;
      height:0!important;
      min-width:0!important;
      min-height:0!important;
      opacity:0!important;
      overflow:hidden!important;
      pointer-events:none!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header],
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header],
    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header].is-compact,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header].is-compact{
      position:fixed!important;
      top:var(--ol-o77-mobile-header-top)!important;
      right:auto!important;
      bottom:auto!important;
      left:50%!important;
      width:var(--ol-o77-mobile-header-width)!important;
      max-width:var(--ol-o77-mobile-header-width)!important;
      min-height:var(--ol-o77-mobile-header-height)!important;
      margin:0!important;
      margin-block:0!important;
      margin-inline:0!important;
      padding:.58rem .62rem .58rem .92rem!important;
      display:grid!important;
      grid-template-columns:minmax(0,1fr) auto!important;
      align-items:center!important;
      gap:.75rem!important;
      border-radius:9999px!important;
      border:1px solid rgba(253,251,247,.18)!important;
      border-bottom-color:rgba(212,163,115,.35)!important;
      background:rgba(45,31,24,.58)!important;
      box-shadow:0 18px 52px rgba(45,31,24,.34), inset 0 1px 0 rgba(253,251,247,.13)!important;
      backdrop-filter:blur(20px) saturate(126%)!important;
      -webkit-backdrop-filter:blur(20px) saturate(126%)!important;
      transform:translate3d(-50%,0,0)!important;
      translate:none!important;
      overflow:visible!important;
      isolation:isolate!important;
      contain:none!important;
      z-index:12000!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header]::before,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header]::before{
      inset:-1px!important;
      border-radius:9999px!important;
      background:linear-gradient(135deg,rgba(45,31,24,.86) 0%,rgba(45,31,24,.74) 100%)!important;
      box-shadow:inset 0 1px 0 rgba(253,251,247,.14), inset 0 -1px 0 rgba(212,163,115,.18)!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header]::after,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header]::after{
      border-radius:9999px!important;
      opacity:.62!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand{
      min-width:0!important;
      gap:.6rem!important;
      color:#FDFBF7!important;
      overflow:hidden!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand img,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand img{
      width:34px!important;
      height:34px!important;
      min-width:34px!important;
      flex:0 0 34px!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand small,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand small{
      display:none!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand strong,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand strong{
      display:block!important;
      max-width:42vw!important;
      margin:0!important;
      overflow:hidden!important;
      text-overflow:ellipsis!important;
      white-space:nowrap!important;
      color:#FDFBF7!important;
      font-size:clamp(.94rem,4vw,1.05rem)!important;
      font-weight:900!important;
      line-height:1!important;
      letter-spacing:.08em!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-actions,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-actions{
      justify-self:end!important;
      width:auto!important;
      min-width:0!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-cta,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-cta,
    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-nav,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-nav{
      display:none!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-button,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-button{
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      width:58px!important;
      height:58px!important;
      min-width:58px!important;
      min-height:58px!important;
      padding:0!important;
      border-radius:9999px!important;
      border:1px solid rgba(253,251,247,.20)!important;
      background:rgba(253,251,247,.08)!important;
      color:#FDFBF7!important;
      box-shadow:inset 0 1px 0 rgba(253,251,247,.14)!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-button span:last-child,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-button span:last-child{
      display:none!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines,
    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::before,
    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::after,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::before,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::after{
      width:28px!important;
      height:2px!important;
      border-radius:999px!important;
      background:#FDFBF7!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::before,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::before{
      top:-10px!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::after,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-lines::after{
      top:10px!important;
    }

    body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
      min-height:100svh!important;
      padding-top:var(--ol-o77-mobile-hero-clearance)!important;
      padding-right:clamp(1.25rem,5vw,1.75rem)!important;
      padding-bottom:clamp(2.5rem,7svh,4rem)!important;
      padding-left:clamp(1.25rem,5vw,1.75rem)!important;
      display:grid!important;
      align-items:start!important;
      align-content:start!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-media,
    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-telemetry,
    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero :is(.ol-o5-award-video,.ol-o5-award-placeholder,.ol-o5-award-depth,.ol-o5-award-mask){
      top:0!important;
      height:100%!important;
      min-height:100%!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-media{
      transform:translate3d(0,0,0) scale(1.035)!important;
      transform-origin:center top!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-content{
      width:100%!important;
      max-width:100%!important;
      margin:0!important;
      padding:0!important;
      position:relative!important;
      z-index:6!important;
      transform:none!important;
      translate:none!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-booking-copy{
      width:min(100%, 30rem)!important;
      margin:0!important;
      padding:0!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-kicker{
      display:block!important;
      margin:0 0 1.1rem!important;
      color:#D4A373!important;
      letter-spacing:.15em!important;
      line-height:1.15!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero h1{
      margin:0 0 1.45rem!important;
      font-size:clamp(3.85rem,16.5vw,5rem)!important;
      line-height:.92!important;
      letter-spacing:-.065em!important;
      color:#FDFBF7!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-lede{
      max-width:29rem!important;
      margin:0!important;
      font-size:clamp(1.02rem,4.6vw,1.24rem)!important;
      line-height:1.62!important;
      color:rgba(253,251,247,.78)!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-actions{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:.95rem!important;
      margin-top:2rem!important;
      width:100%!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero :is(.ol-o5-award-primary,.ol-o5-award-secondary){
      width:100%!important;
      min-height:64px!important;
      border-radius:9999px!important;
      justify-content:center!important;
      text-align:center!important;
      font-size:1rem!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-hero-trust{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:.75rem!important;
      margin-top:1.55rem!important;
      width:100%!important;
      background:transparent!important;
      border:0!important;
      box-shadow:none!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-hero-trust span{
      display:block!important;
      width:100%!important;
      min-height:48px!important;
      padding:.92rem 1rem!important;
      border:1px solid rgba(253,251,247,.18)!important;
      border-radius:9999px!important;
      background:rgba(253,251,247,.10)!important;
      color:#FDFBF7!important;
      box-shadow:inset 0 1px 0 rgba(253,251,247,.08)!important;
      backdrop-filter:blur(14px) saturate(116%)!important;
      -webkit-backdrop-filter:blur(14px) saturate(116%)!important;
    }

    body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-booking-card{
      margin-top:1.65rem!important;
      width:100%!important;
    }

    body[data-oloropa-page="index.php"] .ol-cc-mobile-drawer{
      z-index:13000!important;
      padding-top:calc(var(--ol-o77-mobile-header-top) + var(--ol-o77-mobile-header-height) + 1rem)!important;
    }
  }

  @media (max-width:390px){
    body[data-oloropa-page="index.php"]{
      --ol-o77-mobile-header-height:68px;
      --ol-o77-mobile-header-width:calc(100vw - 1.4rem);
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header],
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header]{
      padding:.5rem .52rem .5rem .78rem!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand img,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-brand img{
      width:30px!important;
      height:30px!important;
      min-width:30px!important;
      flex-basis:30px!important;
    }

    body[data-oloropa-page="index.php"] > header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-button,
    body[data-oloropa-page="index.php"] header.ol-cc-header[data-oloropa-concierge-header] .ol-cc-menu-button{
      width:54px!important;
      height:54px!important;
      min-width:54px!important;
      min-height:54px!important;
    }
  }
}