/* Externalized from inline css in public page bloat-reduction phase. Source marker: assets/css/oloropa20-header-safari-sound-cta.css. */
/* Inlined from assets/css/oloropa20-header-safari-sound-cta.css */
/* Oloropa 20 — Header Safari Sound CTA + Phase 11 shared polish
   Purpose: fix header displacement, move the sound toggle beside the logo, and turn it into
   a classic safari glass rounded-rectangle control without removing previous rich UI. */
:root{
  --ol20-forest-0:#03130d;
  --ol20-forest-1:#082018;
  --ol20-forest-2:#173a2a;
  --ol20-ivory:#fff6df;
  --ol20-muted:rgba(255,246,223,.72);
  --ol20-gold:#d9b86a;
  --ol20-glass:rgba(255,246,223,.075);
  --ol20-header-top:clamp(10px,1.35vw,18px);
  --ol20-header-width:min(1210px, calc(100vw - 34px));
  --ol20-header-height:78px;
}
html,body{max-width:100%;overflow-x:hidden;}
body{--ol-cc-header-height:var(--ol20-header-height);}
header.ol-cc-header[data-oloropa-concierge-header],
.ol-cc-header[data-oloropa-concierge-header]{
  position:fixed!important;
  top:var(--ol20-header-top)!important;
  left:50%!important;
  right:auto!important;
  width:var(--ol20-header-width)!important;
  max-width:var(--ol20-header-width)!important;
  margin:0!important;
  padding:9px 10px!important;
  transform:translate3d(-50%, var(--ol20-header-y,0),0)!important;
  z-index:2147483000!important;
  display:grid!important;
  grid-template-columns:minmax(355px,.94fr) minmax(430px,auto) minmax(158px,.36fr)!important;
  align-items:center!important;
  gap:clamp(10px,1.15vw,16px)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,246,223,.18)!important;
  background:linear-gradient(135deg,rgba(5,20,14,.58),rgba(28,60,43,.52))!important;
  box-shadow:0 20px 80px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(25px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(25px) saturate(124%)!important;
  overflow:visible!important;
  contain:layout style;
}
body.ol20-header-scrolled header.ol-cc-header[data-oloropa-concierge-header],
body.ol-p1-command-compact header.ol-cc-header[data-oloropa-concierge-header],
header.ol-cc-header[data-oloropa-concierge-header].is-compact,
header.ol-cc-header[data-oloropa-concierge-header].is-scrolled{
  --ol20-header-top:9px;
  --ol20-header-width:min(1150px, calc(100vw - 24px));
  background:linear-gradient(135deg,rgba(5,20,14,.94),rgba(27,61,43,.9))!important;
  border-color:rgba(217,184,106,.36)!important;
  box-shadow:0 24px 82px rgba(0,0,0,.36)!important;
}
body.ol-p1-scroll-down:not(.ol-p1-drawer-open) header.ol-cc-header[data-oloropa-concierge-header].ol-p1-can-hide{--ol20-header-y:-124%;}
body.ol-p1-scroll-up header.ol-cc-header[data-oloropa-concierge-header],
body:not(.ol-p1-scroll-down) header.ol-cc-header[data-oloropa-concierge-header]{--ol20-header-y:0;}
.ol20-brand-zone{display:flex;align-items:center;gap:10px;min-width:0;}
.ol20-brand-zone .ol-cc-brand{min-width:0!important;display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;color:var(--ol20-ivory)!important;}
.ol20-brand-zone .ol-cc-brand img{width:44px!important;height:44px!important;object-fit:contain!important;border-radius:50%!important;flex:0 0 auto!important;background:rgba(0,0,0,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,246,223,.12),0 10px 25px rgba(0,0,0,.18)!important;}
.ol20-brand-zone .ol-cc-brand small{max-width:200px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;letter-spacing:.18em!important;line-height:1!important;color:rgba(255,246,223,.78)!important;}
.ol20-brand-zone .ol-cc-brand strong{white-space:nowrap!important;font-size:17px!important;line-height:1.1!important;color:var(--ol20-ivory)!important;}
.ol20-brand-zone .ol-p1-soundscape,
.ol20-brand-zone .ol20-safari-sound-toggle{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:40px!important;
  min-width:0!important;
  max-width:176px!important;
  padding:0 13px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,246,223,.20)!important;
  background:linear-gradient(135deg,rgba(255,246,223,.13),rgba(255,246,223,.045))!important;
  color:var(--ol20-ivory)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 42px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(124%)!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.ol20-brand-zone .ol-p1-soundscape::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(217,184,106,.28),transparent 32%);pointer-events:none;}
.ol20-brand-zone .ol-p1-soundscape-dot{position:relative;width:9px!important;height:9px!important;flex:0 0 9px;border-radius:999px;background:var(--ol20-gold)!important;box-shadow:0 0 0 5px rgba(217,184,106,.12),0 0 18px rgba(217,184,106,.45)!important;}
.ol20-brand-zone .ol-p1-soundscape-label{position:relative;display:block;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.115em!important;text-transform:uppercase!important;color:rgba(255,246,223,.88)!important;}
.ol20-brand-zone .ol-p1-soundscape[aria-pressed="true"]{border-color:rgba(217,184,106,.54)!important;background:linear-gradient(135deg,rgba(217,184,106,.22),rgba(255,246,223,.08))!important;}
.ol-cc-header .ol-cc-actions .ol-p1-soundscape{display:none!important;}
.ol-cc-header .ol-cc-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;padding:4px!important;}
.ol-cc-header .ol-cc-link{white-space:nowrap!important;line-height:1.04!important;min-height:38px!important;padding:0 15px!important;border-radius:999px!important;}
.ol-cc-header .ol-cc-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;min-width:0!important;}
.ol-cc-header .ol-cc-cta{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:17px!important;
  border:1px solid rgba(255,246,223,.25)!important;
  background:linear-gradient(135deg,rgba(255,246,223,.18),rgba(217,184,106,.20))!important;
  color:var(--ol20-ivory)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 42px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(17px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(120%)!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}
.ol-cc-header .ol-cc-cta:hover{transform:translateY(-1px)!important;border-color:rgba(217,184,106,.52)!important;background:linear-gradient(135deg,rgba(255,246,223,.28),rgba(217,184,106,.27))!important;}
.ol-cc-header .ol-cc-mega{z-index:2147483002!important;}
body[data-ol-page-family="ix"] .ix-hero{padding-top:clamp(92px,11vh,126px)!important;}
body[data-ol-page-family="ix"] .ol-phase5-live-signal{z-index:4;}
body[data-ol-page-family="ix"] #destination-scroll{scroll-margin-top:calc(var(--ol20-header-height) + 28px)!important;}
body[data-ol-page-family="ix"] #destination-scroll .ol-p7-stage{padding-top:clamp(112px,13vh,148px)!important;}
body[data-ol-page-family="pd"] main[id="main-content"],
body[data-package-detail] main[id="main-content"]{padding-top:0!important;}
body[data-ol-page-family="pd"] .pd-hero,
body[data-package-detail] .pd-hero{padding-top:clamp(118px,15vh,160px)!important;}
@media (max-width:1240px){
  header.ol-cc-header[data-oloropa-concierge-header]{grid-template-columns:minmax(300px,1fr) minmax(360px,auto) auto!important;--ol20-header-width:min(1100px, calc(100vw - 24px));}
  .ol20-brand-zone .ol-p1-soundscape-label{max-width:92px;}
  .ol-cc-header .ol-cc-link{padding-inline:12px!important;}
}
@media (max-width:1080px){
  header.ol-cc-header[data-oloropa-concierge-header]{grid-template-columns:minmax(0,1fr) auto!important;}
  .ol-cc-header .ol-cc-nav{display:none!important;}
  .ol-cc-header .ol-cc-menu-button{display:inline-flex!important;}
  .ol20-brand-zone .ol-p1-soundscape{max-width:140px!important;}
}
@media (max-width:760px){
  :root{--ol20-header-top:9px;--ol20-header-width:calc(100vw - 18px);--ol20-header-height:68px;}
  header.ol-cc-header[data-oloropa-concierge-header]{padding:8px!important;border-radius:24px!important;grid-template-columns:minmax(0,1fr) auto!important;}
  .ol20-brand-zone{gap:7px;}
  .ol20-brand-zone .ol-cc-brand img{width:38px!important;height:38px!important;}
  .ol20-brand-zone .ol-cc-brand small{max-width:128px!important;font-size:8.5px!important;}
  .ol20-brand-zone .ol-cc-brand strong{font-size:14px!important;}
  .ol20-brand-zone .ol-p1-soundscape{min-height:36px!important;max-width:42px!important;padding:0!important;border-radius:14px!important;}
  .ol20-brand-zone .ol-p1-soundscape-label{display:none!important;}
  .ol-cc-header .ol-cc-cta{display:none!important;}
}