/* ---------- Header / Nav ---------- */
    header{position:fixed;inset:0 0 auto 0;z-index:40;background:linear-gradient(180deg,rgba(6,8,12,.55),rgba(6,8,12,0));backdrop-filter:saturate(120%) blur(2px)}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}

    /* Logo */
    .brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
    .logo-mark{display:grid;place-items:center;width:36px;height:36px;background:#ef4d38;}
    .logo-mark::before{content:"";width:18px;height:18px;border:3px solid #fff;border-radius:4px}
    .brand-txt{line-height:1}
    .brand-txt .title{font-weight:900;letter-spacing:.02em}
    .brand-txt .sub{font-size:.73rem;opacity:.9;letter-spacing:.12em}

    /* Desktop nav */
    nav ul{display:flex;align-items:center;gap:34px;list-style:none;margin:0;padding:0}
    nav a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.02em}
    nav a:hover{opacity:.9}

    /* Language pill */
    .lang{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
    .lang .dot{width:8px;height:8px;border-radius:50%;background:#ff2b2b;}
    .lang span{font-weight:700}
    .lang .caret{border:4px solid transparent;border-top-color:#fff;opacity:.9;margin-left:2px}

    /* Burger (mobile) */
    #nav-toggle{display:none}
    .burger{display:none;cursor:pointer;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);align-items:center;justify-content:center}
    .burger span,.burger::before,.burger::after{content:"";display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:.3s}
    .burger::before{transform:translateY(-6px)}
    .burger::after{transform:translateY(6px)}
    #nav-toggle:checked + label.burger span{opacity:0}
    #nav-toggle:checked + label.burger::before{transform:rotate(45deg)}
    #nav-toggle:checked + label.burger::after{transform:rotate(-45deg)}

    /* Mobile panel */
    .nav-panel{display:flex;align-items:center;gap:28px}
    .drawer{position:fixed;inset:70px 16px auto 16px;background:rgba(16,20,28,.95);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;display:none}
    .drawer ul{flex-direction:column;align-items:flex-start;gap:18px}
    #nav-toggle:checked ~ .drawer{display:block}

  
  
  
  #nav-toggle{display:none}
.burger{
  display:none; cursor:pointer; width:44px; height:44px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
  align-items:center; justify-content:center; position:relative; z-index:51;
}
.burger span,.burger::before,.burger::after{
  content:""; display:block; width:18px; height:2px; background:#fff; border-radius:2px; transition:.3s
}
.burger::before{position:absolute; transform:translateY(-6px); width:18px; height:2px; background:#fff; border-radius:2px; content:""}
.burger::after{position:absolute; transform:translateY(6px);  width:18px; height:2px; background:#fff; border-radius:2px; content:""}

/* X state */
#nav-toggle:checked + label.burger span{opacity:0}
#nav-toggle:checked + label.burger::before{transform:rotate(45deg)}
#nav-toggle:checked + label.burger::after{transform:rotate(-45deg)}

/* Mobile drawer */
.drawer{
  position: fixed;
    background: rgba(16, 20, 28, .97);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 30px;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
}
.drawer ul{display:flex; flex-direction:column; align-items:flex-start; gap:18px; margin:0; padding:0; list-style:none; margin: 15px;}
.drawer a{color:#fff; text-decoration:none; font-weight:700; letter-spacing:.02em}

/* Shfaq drawer kur toggler është checked (tani janë vëllezër) */
#nav-toggle:checked ~ .drawer{display:block}

/* Responsive: fshi menunë desktop, shfaq burger */
@media (max-width:1024px){
  .nav-desktop{display:none}
  .burger{display:inline-flex}
  .nav-panel{gap:12px}
}

/* Opsionale: blloko scroll kur menu hapet */
body.no-scroll{overflow:hidden}