/* ═══════════ Vanalok v2 — site-wide chrome (header, drawer, rail, footer) ═══════════
   Loaded on every page. Tokens are namespaced --v2-* so they never clash with the
   older pages' own :root variables. Swap --v2-acc to #ED8123 for an orange look. */
:root{
  --v2-acc:#2d7a3a;          /* brand accent — swap to #ED8123 for an orange look */
  --v2-acc-d:#1f5a2a;
  --v2-acc-soft:rgba(45,122,58,.08);
  --v2-acc-line:rgba(45,122,58,.35);
  --v2-gold:#e8a33b;
  --v2-ink:#1d231d;
  --v2-muted:#6b726b;
  --v2-band:#f7f7f4;
  --v2-line:#ebebe6;
  --v2-card:#ffffff;
  --v2-r:16px;
  --v2-shadow:0 6px 24px rgba(20,30,20,.07);
  --v2-wrap:1320px;
}
/* Isolate the chrome from older pages' element rules (nav{}, footer{}, p{}, ul li{} ...) */
.v2c,.v2c *{text-align:left;box-sizing:border-box;margin:0;padding:0;font-family:'Barlow',system-ui,sans-serif;letter-spacing:normal;text-transform:none;line-height:1.5;}
.v2c a{color:inherit;text-decoration:none;border:0;background:none;}
.v2c img{max-width:100%;display:block;}
.v2c button{font-family:inherit;cursor:pointer;}
.v2c .ftr-wrap{max-width:var(--v2-wrap);margin:0 auto;padding-inline:2rem;}

/* ── Header ── */
.hdr{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s,box-shadow .3s;}
.hdr-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:2rem;padding:.9rem 2rem;}
.hdr-logo{display:inline-flex;border-radius:12px;padding:4px 10px;transition:background .3s;}
.hdr:not(.solid) .hdr-logo{background:rgba(255,255,255,.92);}
.hdr-logo img{height:40px;width:auto;}
.hdr-nav{display:flex;gap:1.9rem;margin-inline:auto;}
.hdr-nav a{color:#fff;font-size:1rem;font-weight:500;opacity:.92;transition:opacity .2s,color .2s;}
.hdr-nav a:hover{opacity:1;}
.hdr-right{display:flex;align-items:center;gap:.9rem;}
.hdr-phone{display:inline-flex;align-items:center;gap:.4rem;color:#fff;font-weight:600;font-size:1rem;}
.v2c .hdr-cta{background:#101510;color:#fff;border-radius:999px;padding:.6rem 1.1rem;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.v2c .hdr-cta2{border:1.5px solid var(--v2-gold);color:var(--v2-gold);background:#fff;border-radius:999px;padding:.55rem 1.1rem;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.hdr.solid{background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.07);}
.hdr.solid .hdr-nav a,.hdr.solid .hdr-phone{color:var(--v2-ink);}
.hdr.solid .hdr-nav a:hover{color:var(--v2-acc);}
.hdr-burger{display:none;background:none;border:0;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;}
.hdr-burger span{display:block;height:2px;width:24px;background:#fff;border-radius:2px;margin-inline:auto;}
.hdr.solid .hdr-burger span{background:var(--v2-ink);}
.drawer{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s;}
.drawer.open{opacity:1;pointer-events:auto;}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,85vw);background:#fff;padding:1.4rem;
  transform:translateX(100%);transition:transform .3s;display:flex;flex-direction:column;gap:.3rem;}
.drawer.open .drawer-panel{transform:none;}
.drawer-panel a{padding:.8rem .4rem;border-bottom:1px solid var(--v2-line);font-weight:500;}
.drawer-close{align-self:flex-end;background:none;border:0;font-size:1.4rem;margin-bottom:.6rem;}

/* side social rail + whatsapp */
.rail{position:fixed;left:0;top:32%;z-index:90;display:flex;flex-direction:column;gap:6px;}
.rail a{width:32px;height:32px;background:#101510;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content:center;color:#fff;transition:width .2s;}
.rail a:hover{width:40px;}
.wa{position:fixed;right:1.4rem;bottom:1.4rem;z-index:90;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);border:3px solid #fff;}

/* ── Footer ── */
.ftr{background:#0e1a10;color:#c9d3c8;padding:3.5rem 0 1.4rem;margin-top:0;}
.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:2rem;}
.ftr-logo{height:52px;width:auto;margin-bottom:1rem;background:#fff;border-radius:10px;padding:6px 12px;}
.ftr p{font-size:.9rem;line-height:1.6;color:#9fae9d;}
.v2c.ftr h5{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:1rem;letter-spacing:.04em;}
.ftr ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;font-size:.9rem;}
.ftr a:hover{color:#fff;}
.ftr-soc{display:flex;gap:.6rem;margin-top:1.1rem;}
.ftr-soc a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;}
.ftr-soc a:hover{background:var(--v2-acc);border-color:var(--v2-acc);}
.ftr-bot{border-top:1px solid rgba(255,255,255,.1);margin-top:2.4rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:#80907e;flex-wrap:wrap;}


@media(max-width:1100px){
  .hdr-nav,.hdr-phone{display:none;}
  .hdr-burger{display:flex;}
  .hdr-right{margin-left:auto;}
  .ftr-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  .hdr-in{padding:.7rem 1rem;gap:.6rem;}
  .v2c .hdr-cta,.v2c .hdr-cta2{display:none;}
  .v2c .ftr-wrap{padding-inline:1rem;}
  .ftr-grid{grid-template-columns:1fr;}
  .rail{display:none;}
}