/* Haarlux v2: floating glass header + themed footer (loaded after site.css) */
:root{--gold:#C8A13C;--champ:#E9CF86;--rose:#ff6ecf;--ink:#161413;--cream:#F1ECE3}

/* HEADER */
.hdr{padding:14px 20px 0;background:none;box-shadow:none}
.hdr.scrolled{background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr .wrap{position:relative;height:74px;padding:0 12px 0 26px;gap:18px;border-radius:999px;
  background:rgba(24,21,19,.55);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  border:1px solid rgba(200,161,60,.26);box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);transition:height .3s,background .3s,border-color .3s}
.hdr .wrap::after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--rose),var(--gold),transparent);opacity:.7;pointer-events:none}
.hdr.scrolled .wrap{height:64px;background:rgba(20,18,17,.88);border-color:rgba(200,161,60,.4)}
.logo img{width:108px;transition:width .3s}
.hdr.scrolled .logo img{width:96px}
.menu{gap:2px}
.menu > li > a,.menu .ddb{position:relative;font-size:.9rem;font-weight:600;letter-spacing:.2px;color:#ece6dc;padding:10px 14px;border-radius:999px}
.menu > li > a::after,.menu > li > .ddb::after{content:"";position:absolute;left:50%;bottom:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--gold);transform:scale(0);transition:transform .2s}
.menu > li > a.on,.menu > li > .ddb.on{color:var(--champ)}
.menu > li > a.on::after,.menu > li > .ddb.on::after{transform:scale(1)}
.menu > li > a:hover,.menu .ddb:hover{background:rgba(255,255,255,.07);color:#fff}
.dd > ul{top:calc(100% + 14px);background:rgba(22,20,18,.97);border:1px solid rgba(200,161,60,.3);border-radius:18px;padding:8px}
.dd > ul a{font-size:.92rem;font-weight:600;color:#ece6dc}
.dd > ul a:hover{background:rgba(200,161,60,.14);color:#fff}
.dd > ul a.on{color:var(--champ)}
.mbook{display:none}
.hright{display:flex;align-items:center;gap:10px;margin-left:auto}
.lsel .lsb{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:.82rem;font-weight:700;letter-spacing:.4px;color:#ece6dc;background:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 13px;cursor:pointer;transition:.2s}
.lsel .lsb:hover,.lsel.open .lsb{border-color:var(--gold);color:#fff}
.lsel .gl{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.lsel > ul{left:auto;right:0;transform:none;min-width:190px;list-style:none}
.lsel ul a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;text-decoration:none}
.lsel ul small{font-size:.72rem;color:#9f978b;font-weight:700}
.lsel ul a.on small{color:var(--gold)}
.hbtn{background:linear-gradient(135deg,var(--gold),var(--champ));color:#1a1408;border-radius:999px;padding:12px 22px;font-size:.88rem;box-shadow:0 6px 20px rgba(200,161,60,.28)}
.hbtn:hover{background:#fff;color:#000}
.burger{margin-left:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);align-items:center}
.burger span{width:18px}
.topbar{display:none}
.cnav{top:100px}
@media(max-width:1100px){
  .hdr{padding:10px 12px 0}
  .hdr .wrap,.hdr.scrolled .wrap{height:64px;padding:0 10px 0 20px}
  .logo img,.hdr.scrolled .logo img{width:90px}
  .hdr.open .wrap{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(20,18,17,.98)}
  .hdr.open{background:none}
  .nav{position:fixed;top:82px;left:12px;right:12px;bottom:auto;max-height:calc(100vh - 96px);padding:14px;border-radius:26px;background:rgba(20,18,17,.98);border:1px solid rgba(200,161,60,.3);box-shadow:0 20px 50px rgba(0,0,0,.5)}
  .menu > li > a,.menu .ddb{font-size:1.08rem;padding:14px 18px;border-radius:14px}
  .menu > li > a::after,.menu > li > .ddb::after{left:auto;right:18px;bottom:50%;margin:0 0 -2.5px}
  .mbook{display:block;margin-top:12px;text-align:center;text-decoration:none;font-weight:800;color:#1a1408;background:linear-gradient(135deg,var(--gold),var(--champ));padding:15px;border-radius:14px}
  .cnav{top:84px}
  .lsel > ul{position:absolute;top:calc(100% + 12px);margin:0;display:none;box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .lsel.open > ul{display:block}
}
@media(max-width:600px){.hdr .hbtn{display:none}.lsel .lsb{padding:9px 11px}}

/* FOOTER */
.foot{padding:30px 20px 26px;text-align:left;color:#cfc6b8;font-size:.92rem;line-height:1.7}
.fwrap{position:relative;max-width:1400px;margin:0 auto;border-radius:30px;overflow:hidden;
  background:radial-gradient(circle at 0% 0%,rgba(200,161,60,.16),transparent 45%),radial-gradient(circle at 100% 100%,rgba(255,110,207,.08),transparent 45%),linear-gradient(165deg,rgba(38,31,22,.96),rgba(19,18,17,.97));
  border:1px solid rgba(200,161,60,.26);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.fwrap::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--rose),var(--gold),transparent)}
.fcta{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:40px 48px;border-bottom:1px solid rgba(255,255,255,.08)}
.fh{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900;line-height:1.15;color:#f5efe6;margin-bottom:6px}
.fs{color:#bdb4a6;max-width:560px}
.fcta-btns{display:flex;gap:10px;flex:none}
.foot .hbtn{display:inline-flex!important;align-items:center;justify-content:center}
.fwa{display:inline-flex;align-items:center;padding:12px 22px;border-radius:999px;border:1px solid rgba(200,161,60,.5);color:var(--champ);text-decoration:none;font-weight:800;font-size:.88rem;transition:.2s}
.fwa:hover{background:rgba(200,161,60,.15);color:#fff}
.foot .fcols{max-width:none;margin:0;border-top:0;padding:40px 48px 30px;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;text-align:left}
.foot .fbrand img{width:140px;margin:0 0 14px}
.fsoc{display:flex;gap:10px;margin-bottom:16px}
.foot .fsoc a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(200,161,60,.38);color:var(--gold);transition:.2s}
.foot .fsoc a:hover{background:var(--gold);color:#1a1408}
.fsoc svg{width:18px;height:18px;fill:currentColor}
.fchip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(200,161,60,.1);border:1px solid rgba(200,161,60,.35);color:var(--champ);font-size:.8rem;font-weight:700}
.fchip svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.foot .ft{color:var(--gold);font-size:.95rem;font-weight:800;letter-spacing:.3px;text-transform:none;margin-bottom:12px}
.flinks a,.flinks span{display:block;padding:3px 0;color:#d9d1c4;text-decoration:none;transition:color .2s}
.flinks a:hover{color:var(--champ)}
.fbot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 20px;padding:18px 48px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#9f978b}
.fbot a{color:#bdb4a6;text-decoration:none}
.fbot a:hover{color:var(--champ)}
.foot .credit{margin:0;letter-spacing:.5px}
.foot .credit a{color:var(--gold)}
@media(max-width:1100px){.foot .fcols{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.fcta{flex-direction:column;align-items:flex-start;padding:30px 24px}.foot .fcols{padding:30px 24px 24px;gap:28px}.fbot{padding:16px 24px}}
@media(max-width:600px){.foot{padding:24px 12px 90px}.foot .fcols{grid-template-columns:1fr}.fcta-btns{width:100%}.fcta-btns a{flex:1;justify-content:center;text-align:center}.fbot{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.hdr .wrap,.logo img,.menu > li > a::after{transition:none}}

/* fixes */
.foot .hbtn{color:#1a1408}
.foot .hbtn:hover{color:#000}
.glass p a.lux-cta-btn{color:#000}
#main{padding-top:16px}
@media(max-width:1100px){#main{padding-top:12px}}
