/* =========================================================
   DESKTOP — velja samo za zaslone širine 861px in več.
   Tukaj urejajte postavitev menija, velikost pisave v sliderju
   in vse desktop-specifične nastavitve.
   ========================================================= */
@media (min-width: 861px){

  /* ---------- NAVIGACIJA: meni na sredini ---------- */
  /* Logo levo, meni absolutno centriran v sredini headerja. */
  .header .row{justify-content:flex-start}

  .nav{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    display:flex;
    gap:40px;
    font-size:15px;
    align-items:center;
  }
  .nav a{padding:6px 0;opacity:.78}
  .nav a:hover{opacity:1}
  .nav a.active{opacity:1}
  .nav a.active::after{
    content:"";position:absolute;left:0;right:0;bottom:-3px;
    height:2px;background:var(--sage);border-radius:2px;
  }

  /* hamburger samo na mobilnem */
  .menu-btn{display:none}

  /* ---------- HERO / SLIDESHOW ---------- */
  .hero{height:100vh;min-height:600px}

  /* Velikost pisave v sliderju – uredi po želji */
  .hero h1{font-size:64px;max-width:760px;line-height:1.1}
  .hero p{margin-top:22px;font-size:18px;max-width:540px}
  .hero-inner .eyebrow{font-size:12px}

  /* ---------- SECTIONS ---------- */
  section{padding:96px 0}
}