/* AURELIA — FINAL SHARED SITE SHELL
   Loaded last on every page so header/footer dimensions and appearance are identical. */
.site-header{
  position:sticky!important;top:0!important;z-index:5000!important;
  height:82px!important;min-height:82px!important;
  background:rgba(4,25,21,.985)!important;color:#fff!important;
  border-bottom:2px solid rgba(216,184,107,.58)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px)!important;
}
.header-row{
  width:100%!important;max-width:1480px!important;height:82px!important;min-height:82px!important;
  margin-inline:auto!important;padding-inline:var(--page-pad)!important;
  display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;
  gap:22px!important;position:relative!important;direction:ltr!important;
}
.brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:max-content!important;justify-self:start!important;order:1!important}
.brand-mark{width:45px!important;height:45px!important;display:grid!important;place-items:center!important;position:relative!important}
.brand-name b{font:700 22px Georgia,'Times New Roman',serif!important;letter-spacing:.16em!important}
.brand-name small{font-size:7px!important;letter-spacing:.21em!important;color:#d9e1dc!important;margin-top:4px!important}
.main-nav{display:flex!important;justify-self:center!important;align-items:center!important;gap:3px!important;order:2!important;white-space:nowrap!important}
.main-nav>a,.nav-trigger{border:0!important;background:transparent!important;color:#fff!important;padding:11px 10px!important;font-size:12px!important;font-weight:800!important;letter-spacing:normal!important;white-space:nowrap!important}
.main-nav>a:hover,.nav-trigger:hover{color:var(--gold)!important}
.nav-drop{position:relative!important}
.nav-menu{position:absolute!important;top:calc(100% + 9px)!important;inset-inline-start:0!important;min-width:220px!important;background:#f7f0e2!important;color:#16251f!important;border:1px solid rgba(185,144,67,.62)!important;padding:6px!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-7px)!important;z-index:6000!important}
.nav-drop.open .nav-menu{opacity:1!important;visibility:visible!important;transform:none!important}
.nav-menu a{display:flex!important;justify-content:space-between!important;gap:20px!important;padding:11px 12px!important;border-bottom:1px solid rgba(7,55,47,.12)!important;font-size:12px!important;color:#16251f!important}
.nav-menu a:last-child{border-bottom:0!important}
.nav-menu a:hover{background:#e8ddc8!important;color:#07372f!important}
.header-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;order:3!important;justify-self:end!important}
.search-wrap{position:relative!important;min-width:0!important}
.search-field{width:205px!important;height:43px!important;display:flex!important;align-items:center!important;gap:8px!important;padding-inline:11px!important}
.tool-btn{height:43px!important;min-width:43px!important}
.enquire-btn{height:43px!important;min-height:43px!important;padding-inline:17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 auto!important;position:relative!important;top:0!important;transform:none!important;background:var(--gold)!important;border:1px solid var(--gold)!important;color:#10221d!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;line-height:1!important;text-transform:uppercase!important;white-space:nowrap!important}
.enquire-btn:hover{background:#efd995!important;color:#10221d!important;transform:translateY(-1px)!important}
.hamburger{display:none!important}
.search-drawer{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;width:360px!important;z-index:6500!important}

/* FOOTER — one identical compact footer on every page */
.footer{
  display:block!important;width:100%!important;
  background:#031813!important;color:#edf2ee!important;
  border-top:2px solid rgba(216,184,107,.55)!important;
  padding:28px 0 14px!important;
  margin:0!important;
}
.footer>.container{width:100%!important;max-width:1480px!important;margin:0 auto!important;padding-inline:var(--page-pad)!important}
.footer-grid{
  width:100%!important;max-width:1480px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:1.35fr .82fr .82fr 1.05fr 1.12fr!important;
  gap:24px!important;align-items:start!important;
}
.footer-grid>div{min-height:0!important;height:auto!important;padding:0!important;margin:0!important;animation:none!important;transform:none!important}
.footer .brand{display:flex!important;align-items:center!important;margin:0 0 10px!important}
.footer .brand-mark{width:42px!important;height:42px!important}
.footer .brand-name b{font-size:20px!important}
.footer-desc{max-width:350px!important;margin:0!important;color:#c2cec7!important;font-size:12px!important;line-height:1.55!important}
.footer h4{margin:1px 0 8px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--gold)!important}
.footer ul{list-style:none!important;padding:0!important;margin:0!important}
.footer li{margin:0!important;padding:0!important;color:#d1dad5!important;font-size:11px!important;line-height:1.45!important}
.footer li+li{margin-top:4px!important}
.footer li a,.footer a{font-size:11px!important;color:#d1dad5!important}
.footer a:hover{color:var(--gold)!important}
.footer .contact-line{display:flex!important;gap:8px!important;align-items:flex-start!important;margin:0 0 7px!important;padding:0!important;color:#d0d9d4!important;font-size:11px!important;line-height:1.4!important}
.footer-cta{
  min-height:0!important;height:auto!important;margin:0!important;padding:16px!important;
  border:1px solid rgba(216,184,107,.45)!important;
  background:rgba(255,255,255,.025)!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  animation:none!important;transform:none!important;
}
.footer-cta .eyebrow{font-size:8px!important;letter-spacing:.16em!important;margin:0 0 6px!important}
.footer-cta h3{margin:0 0 6px!important;font-size:clamp(1.35rem,1.8vw,1.8rem)!important;line-height:1.05!important}
.footer-cta p{margin:0!important;font-size:11px!important;line-height:1.45!important;color:#c9d4ce!important}
.footer-cta .btn{width:100%!important;min-height:38px!important;margin:10px 0 0!important}
.footer .footer-cta a.btn-gold{display:flex!important;align-items:center!important;justify-content:center!important;color:#12221d!important;background:var(--gold)!important;border-color:var(--gold)!important;text-shadow:none!important;font-weight:900!important}
.footer .footer-cta a.btn-gold:hover{color:#12221d!important;background:#e3c77c!important;border-color:#e3c77c!important}
.footer-bottom{
  margin:20px 0 0!important;padding:10px 0 0!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  display:flex!important;justify-content:space-between!important;gap:18px!important;
  color:#81928a!important;font-size:9px!important;line-height:1.35!important;
}

[dir="rtl"] .header-row{direction:rtl!important}
[dir="rtl"] .brand{justify-self:end!important}
[dir="rtl"] .header-tools{justify-self:start!important;justify-content:flex-start!important}
[dir="rtl"] .main-nav{direction:rtl!important}
[dir="rtl"] .nav-menu{inset-inline-start:auto!important;inset-inline-end:0!important}
[dir="rtl"] .search-drawer{right:auto!important;left:0!important}
[dir="rtl"] .footer-grid,[dir="rtl"] .footer-bottom{direction:rtl!important}

@media(max-width:1180px){
  .header-row{gap:14px!important}
  .main-nav>a,.nav-trigger{padding-inline:7px!important;font-size:11px!important}
  .search-field{width:155px!important}
  .header-tools{gap:6px!important}
  .footer-grid{gap:20px!important}
}
@media(max-width:980px){
  .site-header{height:70px!important;min-height:70px!important}
  .header-row{height:70px!important;min-height:70px!important;max-width:none!important}
  .main-nav{position:absolute!important;top:calc(100% + 8px)!important;right:var(--page-pad)!important;width:min(350px,calc(100vw - 36px))!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px!important;background:linear-gradient(160deg,#082e26,#041a16)!important;border:1px solid rgba(216,184,107,.65)!important;border-top:2px solid var(--gold)!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important;max-height:min(560px,calc(100vh - 92px))!important;overflow-y:auto!important;overflow-x:hidden!important}
  .main-nav.open{display:flex!important}
  .main-nav>a,.nav-trigger{width:100%!important;text-align:start!important;padding:13px 12px!important;font-size:12px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .nav-drop{width:100%!important}
  .nav-menu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0!important;margin:4px 0!important;box-shadow:none!important;background:#f7f0e2!important}
  .nav-drop.open .nav-menu{display:block!important}
  .mobile-enquire{display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--gold)!important;color:#10221d!important;border:1px solid var(--gold)!important;margin:2px 0 8px!important;font-weight:900!important}
  .enquire-btn{display:none!important}
  .header-tools{gap:5px!important}
  .search-wrap .search-field{width:138px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}
  .footer-grid>div:first-child,.footer-cta{grid-column:1/-1!important}
}
@media(max-width:620px){
  :root{--page-pad:16px}
  .header-row{padding-inline:var(--page-pad)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .brand{min-width:0!important;gap:8px!important}
  .brand-mark{width:35px!important;height:35px!important}
  .brand-name b{font-size:15px!important}
  .brand-name small{font-size:5px!important}
  .header-tools{min-width:0!important}
  .search-wrap .search-field{width:38px!important;height:38px!important;min-width:38px!important;padding-inline:0!important;justify-content:center!important}
  .tool-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .footer{padding:24px 0 12px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:15px!important}
  .footer-grid>div:first-child,.footer-cta{grid-column:auto!important}
  .footer-cta{padding:14px!important}
  .footer-bottom{margin-top:16px!important;padding-top:9px!important;display:block!important;text-align:center!important}
  .footer-bottom span+span{display:block!important;margin-top:5px!important}
  [dir="rtl"] .main-nav{left:var(--page-pad)!important;right:auto!important}
  [dir="rtl"] .search-drawer{left:var(--page-pad)!important;right:auto!important}
}

/* FOOTER REFINEMENT — stronger typography, compact spacing, no empty blocks */
.footer{
  padding:34px 0 16px!important;
  border-top:3px solid rgba(216,184,107,.62)!important;
}
.footer-grid{
  grid-template-columns:1.35fr .82fr .82fr 1.05fr 1.12fr!important;
  gap:26px!important;
  align-items:start!important;
}
.footer .brand{margin:0 0 11px!important;gap:11px!important}
.footer .brand-mark{width:46px!important;height:46px!important}
.footer .brand-name b{font-size:21px!important;letter-spacing:.16em!important}
.footer .brand-name small{font-size:7px!important;letter-spacing:.2em!important;margin-top:3px!important}
.footer-desc{
  max-width:380px!important;
  font-size:13px!important;
  line-height:1.6!important;
  font-weight:500!important;
}
.footer h4{
  margin:2px 0 10px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.footer li,.footer li a,.footer a{
  font-size:12.5px!important;
  line-height:1.5!important;
  font-weight:600!important;
}
.footer li+li{margin-top:5px!important}
.footer .contact-line{
  gap:9px!important;
  margin:0 0 9px!important;
  font-size:12.5px!important;
  line-height:1.48!important;
  font-weight:600!important;
}
.footer-cta{
  padding:19px!important;
  border:1px solid rgba(216,184,107,.58)!important;
  min-height:164px!important;
  justify-content:center!important;
}
.footer-cta .eyebrow{
  font-size:9px!important;
  margin:0 0 7px!important;
}
.footer-cta h3{
  margin:0 0 7px!important;
  font-size:clamp(1.55rem,2vw,2.05rem)!important;
  line-height:1.08!important;
  font-weight:800!important;
}
.footer-cta p{
  font-size:12px!important;
  line-height:1.5!important;
}
.footer-cta .btn{
  min-height:41px!important;
  margin-top:11px!important;
  font-size:11px!important;
}
.footer-bottom{
  margin-top:24px!important;
  padding-top:11px!important;
  font-size:10px!important;
}

@media(max-width:1180px){
  .footer-grid{gap:22px!important}
  .footer-desc{font-size:12.5px!important}
  .footer li,.footer li a,.footer a,.footer .contact-line{font-size:12px!important}
}
@media(max-width:980px){
  .footer{padding:30px 0 15px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px!important}
  .footer-grid>div:first-child,.footer-cta{grid-column:1/-1!important}
  .footer-cta{min-height:150px!important}
}
@media(max-width:620px){
  .footer{padding:26px 0 13px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:18px!important}
  .footer-grid>div:first-child,.footer-cta{grid-column:auto!important}
  .footer .brand-mark{width:42px!important;height:42px!important}
  .footer .brand-name b{font-size:19px!important}
  .footer-desc{font-size:12.5px!important;max-width:100%!important}
  .footer h4{font-size:11.5px!important;margin-bottom:8px!important}
  .footer li,.footer li a,.footer a,.footer .contact-line{font-size:12px!important}
  .footer-cta{padding:17px!important;min-height:140px!important}
  .footer-cta h3{font-size:1.55rem!important}
  .footer-bottom{margin-top:18px!important;padding-top:10px!important;font-size:9.5px!important}
}


/* ===== FINAL BUG-FIX PASS ===== */
/* 1. Proper RTL direction icon */
.tool-btn#rtlBtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  font-size:0!important;
}
.tool-btn#rtlBtn .rtl-icon{
  width:19px!important;
  height:19px!important;
  display:block!important;
  flex:0 0 19px!important;
}
.tool-btn#rtlBtn:hover .rtl-icon{transform:scale(1.06)}
[dir="rtl"] .tool-btn#rtlBtn .rtl-icon{transform:scaleX(-1)}
[dir="rtl"] .tool-btn#rtlBtn:hover .rtl-icon{transform:scaleX(-1) scale(1.06)}

/* 2. Home / Categories dropdown icon alignment */
.nav-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  vertical-align:middle!important;
}
.nav-chevron{
  width:11px!important;
  height:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 11px!important;
  margin-top:1px!important;
  line-height:0!important;
}
.nav-chevron svg{
  width:10px!important;
  height:7px!important;
  display:block!important;
  transition:transform .2s ease!important;
}
.nav-drop.open .nav-chevron svg{transform:rotate(180deg)!important}
[dir="rtl"] .nav-trigger{direction:rtl!important}
[dir="rtl"] .nav-chevron{margin-top:0!important}

/* 3. Shared hero image frame — identical visual height across image-led pages */
.dm-hero,.gp-hero,.sv-hero,.wt-hero,.about-hero,.ct-hero,.h1-hero,.gn-hero,.hero,.na-hero{
  min-height:640px;
}
.dm-hero-slide,.gp-hero-visual,.sv-hero-bg,.wt-hero-media,.about-photo,.ct-hero-media,.h1-hero-media,.gn-hero-bg,.hero-bg,.hero-photo,.na-hero-bg{
  height:640px!important;
}
.dm-hero-slide img,.wt-hero-media img,.about-photo img,.ct-hero-media img,.h1-hero-media img,.hero-photo img{
  width:100%!important;
  height:640px!important;
  object-fit:cover!important;
}
.sv-hero-bg,.gn-hero-bg,.hero-bg,.na-hero-bg{background-size:cover!important;background-position:center!important}

/* 5. Categories → Contact hero copy centered */
.gp-hero-copy,.sv-hero-copy,.dm-hero-copy,.wt-hero-copy,.ct-hero-copy,
.about-hero .hero-copy,.h1-hero-copy,.gn-hero-content,.na-hero-inner,
#service-hero .wrap>.reveal,.hero-copy{
  text-align:center!important;
}
.gp-hero-copy,.sv-hero-copy,.dm-hero-copy,.wt-hero-copy,.ct-hero-copy,
.about-hero .hero-copy,.h1-hero-copy,.gn-hero-content,.na-hero-inner,
#service-hero .wrap>.reveal{
  margin-inline:auto!important;
}
.gp-hero-copy p,.sv-hero-copy p,.dm-hero-copy p,.wt-hero-copy p,
.ct-lead,.about-hero .hero-copy p,.h1-hero-copy p,.gn-hero-content p,
.na-hero-inner p,#service-hero .wrap>.reveal>p{
  margin-inline:auto!important;
}

/* 6. Final section text centered on every page */
main>section:last-of-type .container,
main>section:last-of-type .closegrid,
main>section:last-of-type .close-grid,
main>section:last-of-type .ct-close-inner,
main>section:last-of-type .na-close-copy,
main>section:last-of-type .gn-concierge-copy,
main>section:last-of-type .wt-final-copy,
main>section:last-of-type .h1-visit-inner,
main>section:last-of-type .closing-inner,
main>section:last-of-type .gp-head,
main>section:last-of-type .sv-head,
main>section:last-of-type .dm-head{
  text-align:center!important;
}
main>section:last-of-type h1,
main>section:last-of-type h2,
main>section:last-of-type h3,
main>section:last-of-type p,
main>section:last-of-type .kicker,
main>section:last-of-type .eyebrow,
main>section:last-of-type .about-kicker,
main>section:last-of-type .wt-kicker,
main>section:last-of-type .na-kicker{
  margin-inline:auto!important;
}
main>section:last-of-type p{max-width:680px;margin-inline:auto!important}
main>section:last-of-type .ct-close-bottom,
main>section:last-of-type .closegrid,
main>section:last-of-type .wt-final-grid,
main>section:last-of-type .h1-visit-inner{
  justify-items:center!important;
}

/* 7. New Arrivals final section — guaranteed contrast in light/dark */
.newarrival-rebuild .na-close{
  isolation:isolate!important;
  color:#fff!important;
}
.newarrival-rebuild .na-close-bg{
  z-index:-1!important;
  background:
    linear-gradient(90deg,rgba(2,20,16,.94),rgba(2,20,16,.62) 55%,rgba(2,20,16,.46)),
    url('../images/carlos-esteves-1MWbwTaeJIA-unsplash.jpg') center/cover!important;
}
.newarrival-rebuild .na-close-copy,
.newarrival-rebuild .na-close-copy h2,
.newarrival-rebuild .na-close-copy p,
.newarrival-rebuild .na-close-copy .na-kicker{
  color:#fff!important;
  text-shadow:0 1px 18px rgba(0,0,0,.32)!important;
}
.newarrival-rebuild .na-close-copy h2 em{color:#f0cf7c!important}
.newarrival-rebuild .na-close-copy p{color:#f4f5ef!important}
.newarrival-rebuild .na-close-copy .na-line-btn{
  color:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
}
body.dark .newarrival-rebuild .na-close-bg{
  background:
    linear-gradient(90deg,rgba(1,12,10,.96),rgba(1,18,14,.76) 55%,rgba(1,18,14,.60)),
    url('../images/carlos-esteves-1MWbwTaeJIA-unsplash.jpg') center/cover!important;
}

@media(max-width:980px){
  .dm-hero,.gp-hero,.sv-hero,.wt-hero,.about-hero,.ct-hero,.h1-hero,.gn-hero,.hero,.na-hero{
    min-height:560px!important;
  }
  .dm-hero-slide,.gp-hero-visual,.sv-hero-bg,.wt-hero-media,.about-photo,.ct-hero-media,.h1-hero-media,.gn-hero-bg,.hero-bg,.hero-photo,.na-hero-bg{
    height:560px!important;
  }
  .dm-hero-slide img,.wt-hero-media img,.about-photo img,.ct-hero-media img,.h1-hero-media img,.hero-photo img{
    height:560px!important;
  }
}
@media(max-width:620px){
  .dm-hero,.gp-hero,.sv-hero,.wt-hero,.about-hero,.ct-hero,.h1-hero,.gn-hero,.hero,.na-hero{
    min-height:540px!important;
  }
  .dm-hero-slide,.sv-hero-bg,.wt-hero-media,.about-photo,.ct-hero-media,.h1-hero-media,.gn-hero-bg,.hero-bg,.hero-photo,.na-hero-bg{
    height:540px!important;
  }
  .dm-hero-slide img,.wt-hero-media img,.about-photo img,.ct-hero-media img,.h1-hero-media img,.hero-photo img{
    height:540px!important;
  }
  .nav-trigger{gap:6px!important}
}

/* HOME 2 HERO — FINAL CENTERED / COMPACT ALIGNMENT */
.h1-hero{
  min-height:520px!important;
  height:520px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
}
.h1-hero-media{
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.h1-hero-media:after{
  background:
    linear-gradient(90deg,rgba(3,29,24,.94) 0%,rgba(3,29,24,.72) 48%,rgba(3,29,24,.42) 100%),
    linear-gradient(0deg,rgba(3,29,24,.62),rgba(3,29,24,.12) 55%,rgba(3,29,24,.38))!important;
}
.h1-hero-copy{
  width:min(100%,1100px)!important;
  max-width:1100px!important;
  margin-inline:auto!important;
  padding:0 var(--page-pad)!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.h1-kicker{
  justify-content:center!important;
  font-size:.62rem!important;
  line-height:1.2!important;
}
.h1-label{
  margin-top:13px!important;
  font-size:.58rem!important;
  padding:6px 10px!important;
}
.h1-hero h1{
  width:100%!important;
  max-width:900px!important;
  margin:14px auto 16px!important;
  font-size:clamp(3.25rem,5.15vw,5.15rem)!important;
  line-height:.94!important;
  letter-spacing:-.028em!important;
}
.h1-hero p{
  width:100%!important;
  max-width:700px!important;
  margin-inline:auto!important;
  font-size:clamp(.98rem,1.08vw,1.08rem)!important;
  line-height:1.62!important;
}
.h1-actions{
  justify-content:center!important;
  margin-top:20px!important;
}
.h1-hero-meta{
  right:auto!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  align-items:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .h1-hero{height:520px!important;min-height:520px!important}
  .h1-hero-copy{padding-inline:var(--page-pad)!important}
  .h1-hero h1{font-size:clamp(3rem,8vw,4.6rem)!important;max-width:760px!important}
}
@media(max-width:640px){
  .h1-hero{height:540px!important;min-height:540px!important}
  .h1-hero-copy{padding-inline:18px!important}
  .h1-kicker{font-size:.53rem!important;letter-spacing:.13em!important}
  .h1-label{margin-top:10px!important;font-size:.5rem!important}
  .h1-hero h1{font-size:clamp(2.45rem,11.5vw,3.55rem)!important;line-height:.96!important;margin:12px auto 14px!important}
  .h1-hero p{font-size:.9rem!important;line-height:1.55!important;max-width:95%!important}
  .h1-actions{margin-top:17px!important;gap:8px!important}
  .h1-actions .btn{min-height:46px!important;padding:10px 15px!important;font-size:.68rem!important}
  .h1-hero-meta{display:none!important}
}

/* RESPONSIVE HEADER FIX — 1024px / 768px / 360px
   Keep the header aligned and switch to the compact hamburger before the desktop nav can overflow. */
.hamburger{
  display:none!important;
  position:relative!important;
  flex:0 0 43px!important;
  width:43px!important;
  min-width:43px!important;
  padding:0!important;
  border:1px solid rgba(216,184,107,.52)!important;
  background:transparent!important;
  color:#fff!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:4px!important;
  font-size:0!important;
}
.hamburger span{
  display:block!important;
  width:17px!important;
  height:1.5px!important;
  background:#fff!important;
  transition:transform .22s ease,opacity .22s ease!important;
}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)!important}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0!important}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)!important}

@media(max-width:1100px){
  .site-header{height:70px!important;min-height:70px!important}
  .header-row{height:70px!important;min-height:70px!important;max-width:none!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .main-nav{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:var(--page-pad)!important;
    left:auto!important;
    width:min(350px,calc(100vw - 36px))!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:10px!important;
    background:linear-gradient(160deg,#082e26,#041a16)!important;
    border:1px solid rgba(216,184,107,.65)!important;
    border-top:2px solid var(--gold)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.42)!important;
    max-height:min(560px,calc(100vh - 92px))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .main-nav.open{display:flex!important}
  .main-nav>a,.nav-trigger{width:100%!important;text-align:start!important;padding:13px 12px!important;font-size:12px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .nav-drop{width:100%!important}
  .nav-menu{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;transform:none!important;min-width:0!important;margin:4px 0!important;box-shadow:none!important;background:#f7f0e2!important}
  .nav-drop.open .nav-menu{display:block!important}
  .mobile-enquire{display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--gold)!important;color:#10221d!important;border:1px solid var(--gold)!important;margin:2px 0 8px!important;font-weight:900!important}
  .enquire-btn{display:none!important}
  .header-tools{gap:6px!important}
  .search-wrap .search-field{width:138px!important}
  .hamburger{display:inline-flex!important}
}

@media(max-width:620px){
  .header-row{padding-inline:var(--page-pad)!important;gap:6px!important}
  .hamburger{width:38px!important;min-width:38px!important;height:38px!important;flex-basis:38px!important}
  .hamburger span{width:16px!important}
  .main-nav{right:var(--page-pad)!important;width:min(350px,calc(100vw - 32px))!important}
}