/* ── RESET & ROOT ── */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --gold:#FCAF00;
  --gold-hover:#e09c00;
  --red:#c0392b;
  --black:#0d0d0d;
  --dark:#1a1a1a;
  --dark2:#222222;
  --gray-bg:#f4f4f4;
  --text:#333333;
  --text-light:#444444;
}
body{font-family:'Poppins',sans-serif;color:var(--text);overflow-x:hidden;font-size:15px;line-height:1.6em}

/* ── HEADER ── */
header{background:#0d0d0d;position:sticky;top:0;z-index:999;border-bottom:1px solid #1e1e1e}
.header-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{text-decoration:none;display:flex;align-items:center}
.logo img{height:110px;width:auto;display:block}
.header-top-right{display:flex;align-items:center;gap:14px}
.header-social{display:flex;align-items:center;gap:10px;margin-right:4px}
.header-social a{color:#666;font-size:14px;text-decoration:none;transition:color .2s}
.header-social a:hover{color:var(--gold)}
.header-phone{color:#fff;font-family:'Montserrat',sans-serif;font-size:19px;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:10px;margin-right:4px;white-space:nowrap}
.header-phone i{color:var(--gold);font-size:18px}
.header-phone:hover{color:var(--gold)}
.tb-book{background:var(--red);color:#fff;padding:9px 22px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border-radius:999px;border:2px solid var(--red);transition:all .22s ease;white-space:nowrap}
.tb-book:hover{background:transparent;color:var(--red)}
.tb-contact{color:#aaa;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:9px 22px;border:2px solid #555;border-radius:999px;transition:all .22s ease;white-space:nowrap}
.tb-contact:hover{border-color:#fff;color:#fff}
.header-bottom{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #1a1a1a;padding:2px 0}

/* ── NAV ── */
nav{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nav-link{display:block;color:#ccc;text-decoration:none;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:10px 13px;cursor:pointer;transition:color .2s;white-space:nowrap;background:none;border:none}
.nav-link:hover,.nav-link.active{color:var(--gold)}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown{position:absolute;top:calc(100% + 1px);left:0;background:#111;border-top:2px solid var(--gold);min-width:210px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;box-shadow:0 8px 24px rgba(0,0,0,.6);z-index:100}
.dropdown a{display:block;color:#bbb;padding:11px 18px;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;border-bottom:1px solid #1e1e1e;transition:all .2s}
.dropdown a:last-child{border-bottom:none}
.dropdown a:hover{background:#1a1a1a;color:var(--gold);padding-left:22px}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.hamburger span{width:22px;height:2px;background:#ccc;display:block;transition:all .3s}

/* ── MOBILE NAV ── */
.mob-nav{position:fixed;inset:0;background:#0d0d0d;z-index:1000;padding:22px 24px;overflow-y:auto;display:none;flex-direction:column}
.mob-nav.show{display:flex}
.mob-nav-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}
.mob-close{background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:4px}
.mob-nav a{display:block;color:#bbb;text-decoration:none;font-family:'Montserrat',sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:15px 0;border-bottom:1px solid #1a1a1a;transition:color .2s}
.mob-nav a:hover{color:var(--gold)}
.mob-nav .mob-book{color:var(--gold);border-color:var(--gold);margin-top:20px}

/* ── FOOTER ── */
footer{background:#0a0a0a;padding:52px 24px 22px;border-top:1px solid #1a1a1a}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-cols{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:48px;margin-bottom:44px}
.fcol h4{font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#aaa;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid #1e1e1e}
.fcol ul{list-style:none}
.fcol ul li{margin-bottom:9px}
.fcol ul li a{color:#555;font-size:13px;text-decoration:none;font-family:'Montserrat',sans-serif;transition:color .2s}
.fcol ul li a:hover{color:var(--gold)}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.footer-logo-badge{display:flex;align-items:center;justify-content:center}
.footer-logo-badge img{width:120px;height:auto;display:block}
.footer-logo-badge span{font-family:'Anton',sans-serif;font-size:9px;color:var(--gold);text-align:center;letter-spacing:.5px;text-transform:uppercase;line-height:1.4}
.footer-brand-info p{color:#555;font-size:12.5px;font-family:'Montserrat',sans-serif;line-height:1.7}
.footer-brand-info a{color:#555;font-size:12.5px;text-decoration:none;font-family:'Montserrat',sans-serif;display:block;margin-top:2px;transition:color .2s}
.footer-brand-info a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid #1a1a1a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{color:#3d3d3d;font-size:12px;font-family:'Montserrat',sans-serif}
.fsocial a{color:#3d3d3d;font-size:16px;margin-left:14px;text-decoration:none;transition:color .2s}
.fsocial a:hover{color:var(--gold)}

/* ── SCROLL TOP ── */
.stb{position:fixed;bottom:26px;right:26px;width:44px;height:44px;border-radius:50%;background:var(--gold);border:none;color:#000;font-size:20px;cursor:pointer;display:none;z-index:1000;transition:transform .2s;align-items:center;justify-content:center}
.stb:hover{transform:scale(1.1)}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  nav{display:none}
  .hamburger{display:flex}
  .footer-cols{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:600px){
  .footer-cols{grid-template-columns:1fr}
  .header-social{display:none}
  .header-phone{display:none}
  .tb-contact{display:none}
  .logo img{height:70px}
}