/* Ocean Sound – approved Greek White header, 2026-11-05. */
.os-nav,html[dir="rtl"] .os-nav,html[dir="ltr"] .os-nav{isolation:isolate;background:linear-gradient(160deg,#fff,#f4f9fc)!important;box-shadow:0 6px 24px rgba(16,44,72,.08)!important}
.os-nav::before,.os-nav::after{content:"";position:absolute;top:0;bottom:0;width:31%;z-index:0;pointer-events:none;opacity:.45;background-size:auto 100%;background-repeat:no-repeat}
.os-nav::before{left:0;background-image:url(os-hdr-left.webp);background-position:left center;-webkit-mask-image:linear-gradient(90deg,#000,transparent);mask-image:linear-gradient(90deg,#000,transparent)}
.os-nav::after{right:0;background-image:url(os-hdr-right.webp);background-position:right center;-webkit-mask-image:linear-gradient(270deg,#000,transparent);mask-image:linear-gradient(270deg,#000,transparent)}
.os-nav .os-nav-inner{position:relative;z-index:1}
@media(max-width:900px){.os-nav::before,.os-nav::after{width:38%;opacity:.2}}

/* ---------- golden menu bar (desktop) ---------- */
@media(min-width:901px){
html body .os-nav .os-nav-links,html[dir="rtl"] body .os-nav .os-nav-links{position:relative;display:flex!important;align-items:center;gap:0!important;
  margin-top:4px;padding:6px 58px 2px 0!important;background:none!important;border:0!important;border-radius:0!important;
  border-top:2px solid #c99a3d!important;box-shadow:0 -1px 0 #f6dc96!important}
html[dir="rtl"] body .os-nav .os-nav-links{padding:6px 0 2px 58px!important}
html body .os-nav .os-nav-links a{position:relative;background:none!important;box-shadow:none!important;border-radius:0!important;
  height:46px!important;padding:2px 18px!important;color:#0b2546!important}
html body .os-nav .os-nav-links a:hover{color:#9b6f1f!important;background:none!important}
html body .os-nav .os-nav-links a+a:not([href="vip.html"])::before{content:"";position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#f3d58f,#b8862c 50%,#f3d58f)}
html body .os-nav .os-nav-links a.is-current:not([href="vip.html"])::after{content:"";position:absolute;left:16px;right:16px;bottom:1px;height:3px;border-radius:4px;
  background:linear-gradient(90deg,#b8862c,#f6d98a 50%,#b8862c);box-shadow:0 1px 3px rgba(155,111,31,.45)}
/* VIP medallion */
html body .os-nav .os-nav-links a[href="vip.html"]{position:absolute!important;inset-inline-end:-26px;top:50%;transform:translateY(-50%);
  width:74px;height:74px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;
  font:800 25px/1 Cinzel,Georgia,serif!important;letter-spacing:0!important;color:#0b2546!important;
  background:radial-gradient(circle at 38% 30%,#fff 0%,#f9fcff 45%,#e7eff5 100%)!important;
  border:2px solid #b8862c;
  box-shadow:0 0 0 3px #f7df9a,0 0 0 5px #a97a24,0 0 0 6px rgba(255,236,180,.8),0 8px 18px rgba(110,78,18,.45),inset 0 3px 6px rgba(255,255,255,.95),inset 0 -4px 8px rgba(169,122,36,.35)!important;
  transition:transform .25s,box-shadow .25s}
html body .os-nav .os-nav-links a[href="vip.html"]:hover{transform:translateY(-50%) scale(1.07);color:#0b2546!important}
html body .os-nav .os-nav-links a[href="vip.html"].is-current{box-shadow:0 0 0 3px #f7df9a,0 0 0 5px #a97a24,0 0 18px 6px rgba(246,210,120,.75),0 8px 18px rgba(110,78,18,.45),inset 0 3px 6px rgba(255,255,255,.95),inset 0 -4px 8px rgba(169,122,36,.35)!important}
html body .os-nav .os-nav-links a[href="vip.html"]::after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(169,122,36,.55);pointer-events:none}
}
/* ---------- mobile menu: VIP stands out ---------- */
@media(max-width:900px){
html body .os-nav.open .os-nav-links a[href="vip.html"]{justify-content:center;background:linear-gradient(160deg,#fff,#e7eff5)!important;
  color:#0b2546!important;font-family:Cinzel,Georgia,serif!important;font-weight:800!important;letter-spacing:.12em;border:2px solid #b8862c;box-shadow:0 0 0 2px #f7df9a inset}
}