/* Final overrides 12 Aug */
.site-header .container{padding-left:25px;padding-right:25px}

/* HERO grid with genie */
.hero .container > .grid{display:grid;grid-template-columns:240px 1fr;column-gap:32px;align-items:center}
.hero .grid > *{min-width:0}
.hero-genie{width:clamp(120px,20vw,180px);max-width:180px;background:transparent}
@media (max-width:520px){
  .hero .container > .grid{grid-template-columns:1fr;row-gap:14px}
  .hero-genie{width:clamp(70px,26vw,96px);max-width:96px;margin:0 auto}
}

/* Floating genie button */
#genieBtn{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);background:radial-gradient(160px 160px at center, rgba(212,175,55,.18), rgba(28,28,28,.85));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999;padding:4px}
#genieBtn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(212,175,55,.35))}
@media (max-width:520px){#genieBtn{width:32px;height:32px;padding:2px}}

/* Genie overlay & popover */
#genieOverlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9800}
#geniePopover{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(360px,70vw,560px);max-height:70vh;overflow:auto;background:#222;border:1px solid var(--gold);border-radius:18px;padding:16px;z-index:9850;box-shadow:0 24px 80px rgba(0,0,0,.45)}
#geniePopover .close{position:absolute;right:10px;top:6px;background:transparent;border:0;color:#fff;font-size:28px;cursor:pointer}
.genie-content{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center}
.genie-hero{max-width:150px;height:auto;background:transparent !important}
@media (max-width:520px){
  #geniePopover{width:56vw;max-height:60vh}
  .genie-content{grid-template-columns:1fr;text-align:center}
  .genie-hero{max-width:66px;margin:0 auto}
  .genie-content .actions{flex-direction:column}
  .genie-content .actions .btn{width:100%}
}

/* Mobile nav modal */
#navOverlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9700}
#navModal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#1f1f1f;border:1px solid rgba(212,175,55,.2);border-radius:18px;padding:16px 18px;width:min(92vw,520px);z-index:9750;box-shadow:0 30px 80px rgba(0,0,0,.5)}
#navModal h3{margin:6px 0 10px;color:#fff;text-align:center}
.nav-modal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.nav-modal-list a{display:block;padding:10px 12px;border-radius:12px;background:#2a2a2a;color:#fff;text-align:center}
@media (min-width:1201px){#navModal,#navOverlay{display:none !important}}

/* Footer safeguards */
.site-footer .container p{text-align:center}