/* V21 — Desktop navigation architecture. Mobile V20 remains untouched. */
@media (min-width:981px){
  html{scroll-padding-top:112px}
  .header{background:rgba(247,243,236,.97)}
  .nav{height:102px;gap:16px}
  .brand img{width:78px}
  .menu{
    gap:8px;
    padding:6px;
    border:1px solid rgba(184,137,66,.22);
    background:rgba(255,255,255,.58);
    box-shadow:0 8px 24px rgba(36,29,21,.07);
    border-radius:12px;
  }
  .menu a:not(.cta), .menu .lang-toggle{
    padding:10px 11px;
    border:1px solid rgba(62,52,41,.12);
    background:rgba(255,255,255,.76);
    box-shadow:0 3px 9px rgba(36,29,21,.055);
    border-radius:8px;
    line-height:1.1;
    transition:.2s;
  }
  .menu a:not(.cta):hover,.menu a:not(.cta).active{
    background:#fff;
    border-color:rgba(184,137,66,.55);
    box-shadow:0 6px 15px rgba(36,29,21,.10);
    transform:translateY(-1px);
  }
  .menu a:not(.cta):after{display:none}
  .menu .cta{border-radius:8px;padding:11px 13px}
  .lang-toggle{cursor:pointer}

  /* On desktop the home becomes a controlled view: no long chain of home sections. */
  #homeView.v21-home-tabbed > section,
  #homeView.v21-home-tabbed > .quick{display:none}
  #homeView.v21-home-tabbed > section.hero{display:flex}

  /* A selected home section is shown on demand. */
  #homeView.v21-home-tabbed > section.v21-desktop-visible,
  #homeView.v21-home-tabbed > .quick.v21-desktop-visible{display:block}
  #homeView.v21-home-tabbed > section.hero.v21-desktop-visible{display:flex}

  /* Three direct actions in the desktop hero, mirroring the validated mobile logic. */
  .hero-actions.v21-desktop-actions{display:flex!important;gap:10px;flex-wrap:wrap}
}