/* ==========================================================================
   EN-TÊTE 2026 — andorregestoria.fr (26/10/2026)
   Barre haute, barre principale et méga-menus plein écran du format bureau (≥ 981 px).
   Chargée par includes/header.php après app.css, app-mobile.css et ux-site.css ($hdr_2026, $hdr_ver).
   Balisage : includes/header_nav_2026.php · textes : includes/header_menu.php · script : assets/js/header-2026.js
   Sous 981 px, rien ne change : tiroir, bouton Appeler et barre d'onglets restent ceux d'app-mobile.css.
   Classes préfixées hn- / tb- (aucune ne contient ad, cta, share, banner, promo… : bloqueurs de publicité).
   --------------------------------------------------------------------------
   01. Barre haute                  05. Colonne d'accueil sombre
   02. Barre principale, contact    06. Liens, cartes outils, vignettes
   03. Entrées du menu, filet doré  07. Pied des panneaux, villes
   04. Panneaux, feuille, voile     08. Largeurs intermédiaires · arabe · impression
   ========================================================================== */

/* 01 — BARRE HAUTE ======================================================== */
.topbar--2026 .tb-tel,.topbar--2026 .tb-link{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;color:var(--text-on-dark-soft)}
.topbar--2026 .tb-flag{width:16px;height:12px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.topbar--2026 .tb-tel__k{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-400)}
.topbar--2026 .tb-tel bdi{font-weight:600;letter-spacing:.01em;color:#e6ecf0;font-variant-numeric:tabular-nums;transition:color .25s var(--ease)}
.topbar--2026 .tb-tel:hover bdi,.topbar--2026 .tb-link:hover,.topbar--2026 .tb-link[aria-current="page"]{color:#fff}
.topbar--2026 .tb-link svg,.topbar--2026 .tb-hours svg{width:.95rem;height:.95rem;color:var(--gold-400)}
.topbar--2026 .tb-hours{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap}
.topbar--2026 .lang-sw__btn{gap:.4rem;font-weight:700;letter-spacing:.06em}
.topbar--2026 .lang-sw__menu{min-width:210px;padding:.4rem;border-radius:14px;border-color:rgba(207,196,173,.75);background:var(--paper-card);box-shadow:0 34px 64px -30px rgba(11,25,37,.55),0 10px 24px -14px rgba(11,25,37,.28)}
.topbar--2026 .lang-sw__menu a{padding:.55rem .7rem;border-radius:9px}
.topbar--2026 .lang-sw__menu a[aria-current="true"]::after{content:"";margin-inline-start:auto;width:.38rem;height:.7rem;border:solid var(--gold-600);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
@media (min-width:981px){
  .topbar--2026{position:relative;background:linear-gradient(90deg,#0a1219,var(--ink-900) 24%,var(--ink-900) 76%,#0a1219);border-bottom:0;font-size:.8rem}
  .topbar--2026::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,189,132,.34) 18%,rgba(214,189,132,.34) 82%,transparent)}
  .topbar--2026 .topbar__in{height:40px}
  .topbar--2026 .topbar__left{gap:1.3rem}
  .topbar--2026 .topbar__right{gap:1.15rem}
}
@media (max-width:1199px){.topbar--2026 .tb-tel__k{display:none}}
@media (max-width:1099px){.topbar--2026 .tb-lg{display:none}}

/* 02 — BARRE PRINCIPALE, CONTACT =========================================== */
.hn-contact{display:none}
@media (min-width:981px){
  .site-header{background:rgba(247,243,235,.86);border-bottom-color:rgba(207,196,173,.6);transition:background .35s var(--ease),box-shadow .45s var(--ease),border-color .35s var(--ease)}
  .site-header::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(194,161,95,.8) 22%,rgba(194,161,95,.8) 78%,transparent);transition:opacity .5s var(--ease)}
  .site-header.is-stuck{background:rgba(250,247,240,.92);box-shadow:0 16px 36px -28px rgba(11,25,37,.5)}
  .site-header.is-stuck::after{opacity:.55}
  .site-header.hn-on{background:var(--paper-card);box-shadow:none}
  .site-header.hn-on::after{opacity:0}
  .site-header .nav{position:static;height:84px;gap:1rem;transition:height .4s var(--ease)}
  .site-header.hn-compact .nav{height:68px}
  .site-header .brand{gap:.8rem;flex:0 0 auto}
  .site-header .brand__mark{height:48px;transition:height .4s var(--ease)}
  .site-header.hn-compact .brand__mark{height:40px}
  .site-header .brand__name{font-size:1.42rem;transition:font-size .4s var(--ease)}
  .site-header.hn-compact .brand__name{font-size:1.3rem}
  .site-header .nav__actions{gap:.9rem;flex:0 0 auto}

  .hn-contact{position:relative;display:inline-flex;align-items:center;gap:.7rem;height:48px;padding-inline:1.2rem .38rem;border-radius:var(--r-pill);overflow:hidden;isolation:isolate;white-space:nowrap;font-size:.92rem;font-weight:700;letter-spacing:.01em;color:#f6f1e6;background:linear-gradient(180deg,var(--ink-700),var(--ink-900));box-shadow:inset 0 0 0 1px rgba(214,189,132,.32),0 14px 28px -18px rgba(11,25,37,.85);transition:height .4s var(--ease),box-shadow .35s var(--ease),color .25s var(--ease)}
  .hn-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translateX(-110%);transition:transform .9s var(--ease-out)}
  .hn-contact:hover::before{transform:translateX(110%)}
  .hn-contact:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(214,189,132,.6),0 18px 34px -18px rgba(11,25,37,.9)}
  .hn-contact__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:0 4px 10px -4px rgba(140,106,44,.7);transition:transform .35s var(--ease-out),width .4s var(--ease),height .4s var(--ease)}
  .hn-contact__ic svg{width:1rem;height:1rem}
  .hn-contact:hover .hn-contact__ic{transform:translateX(3px)}
  .site-header.hn-compact .hn-contact{height:44px}
  .site-header.hn-compact .hn-contact__ic{width:32px;height:32px}
}

/* 03 — ENTRÉES DU MENU, FILET DORÉ ========================================= */
@media (min-width:981px){
  .hn{display:flex;align-self:stretch;margin-inline:auto}
  .hn__list{display:flex;align-items:stretch;gap:.2rem;margin:0;padding:0;list-style:none}
  .hn-item{display:flex;align-items:center}
  .hn-trigger{display:inline-flex;align-items:center;gap:.4rem;height:44px;padding-inline:.7rem;border:0;border-radius:var(--r-pill);background:none;cursor:pointer;font-family:var(--sans);font-size:.92rem;font-weight:600;line-height:1;letter-spacing:-.004em;white-space:nowrap;color:var(--ink-800);transition:color .25s var(--ease),background .25s var(--ease)}
  .hn-trigger .chev{width:.72em;height:.72em;color:var(--gold-600);transition:transform .4s var(--ease-out)}
  .hn-trigger:hover,.hn-item.is-open>.hn-trigger{color:var(--gold-800)}
  .hn-trigger:hover{background:rgba(22,33,46,.04)}
  .hn-item.is-open>.hn-trigger{background:rgba(194,161,95,.12)}
  .hn-item.is-open>.hn-trigger .chev{transform:rotate(180deg)}
  .hn-item.is-current>.hn-trigger{color:var(--ink-900)}
  .hn__ink{position:absolute;left:0;bottom:-1px;z-index:6;height:2px;width:var(--ink-w,0px);transform:translateX(var(--ink-x,0px));border-radius:2px;background:linear-gradient(90deg,var(--gold-400),var(--gold-600));opacity:0;pointer-events:none;transition:transform .45s var(--ease-out),width .45s var(--ease-out),opacity .3s var(--ease)}
  .hn.has-ink .hn__ink{opacity:1}
  .hn.no-anim .hn__ink{transition:none}
  /* Sans script : simple soulignement de la rubrique courante */
  .site-header:not(.hn-ready) .hn-item.is-current>.hn-trigger{box-shadow:inset 0 -2px 0 var(--gold-500);border-radius:0}
}

/* 04 — PANNEAUX, FEUILLE, VOILE ============================================ */
@media (min-width:981px){
  .hn-panel{position:absolute;inset-inline:0;top:100%;z-index:4;text-align:start;visibility:hidden;opacity:0;pointer-events:none;background:var(--paper-card);border-bottom:1px solid var(--line);box-shadow:0 46px 80px -40px rgba(11,25,37,.45)}
  /* Conteneurs des panneaux alignés sur la grille du site (ux-site.css annule la marge des conteneurs imbriqués) */
  .site-header .hn-panel .container{padding-inline:var(--gutter)}
  /* Repli sans script (ou script non chargé) : ouverture au survol / au focus */
  .site-header:not(.hn-ready) .hn-item:hover>.hn-panel,
  .site-header:not(.hn-ready) .hn-item:focus-within>.hn-panel{visibility:visible;opacity:1;pointer-events:auto}
  /* Avec script : panneaux transparents sur une feuille commune dont la hauteur suit le panneau ouvert */
  .hn-ready .hn-panel{height:var(--hn-sheet,0px);overflow:hidden;background:none;border:0;box-shadow:none;transition:height .46s var(--ease-out),opacity .2s var(--ease),visibility 0s linear .2s}
  .hn-ready .hn-item.is-open>.hn-panel{visibility:visible;opacity:1;pointer-events:auto;transition:height .46s var(--ease-out),opacity .3s var(--ease) .05s,visibility 0s}
  .hn-ready .hn-panel.is-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
  .hn-sheet{position:absolute;inset-inline:0;top:100%;z-index:3;height:var(--hn-sheet,0px);pointer-events:none;opacity:0;visibility:hidden;background:var(--paper-card);border-bottom:1px solid var(--line);box-shadow:0 50px 90px -44px rgba(11,25,37,.5),0 20px 34px -26px rgba(11,25,37,.25);transition:height .46s var(--ease-out),opacity .3s var(--ease) .1s,visibility 0s linear .46s}
  .site-header.hn-on .hn-sheet{opacity:1;visibility:visible;transition:height .46s var(--ease-out),opacity .16s var(--ease),visibility 0s}
  /* Apparition décalée du contenu (--st = rang, posé dans le balisage) */
  .hn-ready .hn-st{opacity:0;transform:translateY(10px);transition:opacity .22s var(--ease),transform .22s var(--ease)}
  .hn-ready .hn-item.is-open .hn-st{opacity:1;transform:none;transition:opacity .4s var(--ease) calc(var(--st,0) * 35ms + 80ms),transform .6s var(--ease-out) calc(var(--st,0) * 35ms + 80ms)}
  .hn-ready.hn-swap .hn-item.is-open .hn-st{transition-delay:calc(var(--st,0) * 22ms + 40ms)}
  .hn-scrim{position:fixed;inset:0;z-index:79;background:rgba(10,18,26,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s var(--ease),visibility 0s linear .4s}
  body.hn-dim .hn-scrim{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s var(--ease),visibility 0s}
}
@media (max-width:980px){.hn,.hn-sheet,.hn-scrim{display:none}}

/* 05 — COLONNE D'ACCUEIL SOMBRE ============================================ */
@media (min-width:981px){
  .hn-grid{display:grid;gap:clamp(1.6rem,.9rem + 1.6vw,2.8rem);padding-block:1.75rem 1.85rem;align-items:start}
  .hn-grid--creation{grid-template-columns:minmax(240px,280px) minmax(0,1.15fr) minmax(0,1.85fr)}
  .hn-grid--fiscal{grid-template-columns:minmax(240px,285px) minmax(0,1fr) minmax(0,1.3fr)}
  .hn-grid--expat{grid-template-columns:minmax(240px,285px) minmax(0,1fr) minmax(0,1fr)}
  .hn-grid--guides{grid-template-columns:minmax(240px,285px) minmax(0,.85fr) minmax(0,1.15fr)}
  .hn-intro{position:relative;isolation:isolate;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;gap:.8rem;padding:1.55rem 1.5rem 1.4rem;border-radius:18px;color:var(--text-on-dark-soft);background:radial-gradient(130% 90% at 100% 0%,rgba(194,161,95,.2),transparent 55%),linear-gradient(160deg,var(--ink-700),var(--ink-900) 75%);box-shadow:inset 0 0 0 1px rgba(214,189,132,.18),0 26px 50px -34px rgba(11,25,37,.8)}
  .hn-intro::before{content:"";position:absolute;z-index:-1;top:-70px;inset-inline-end:-80px;width:270px;height:270px;background:url(/assets/img/topo.svg) center/contain no-repeat;opacity:.5;pointer-events:none}
  .hn-intro__eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-400)}
  .hn-intro__eyebrow::before{content:"";flex:0 0 auto;width:1.4rem;height:1px;background:currentColor}
  .hn-intro__t{margin:0;font-family:var(--serif);font-size:1.44rem;font-weight:500;line-height:1.14;letter-spacing:-.012em;color:#fbf8f1;text-wrap:balance}
  .hn-intro__t em{font-style:italic;color:var(--gold-300)}
  .hn-intro__x{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-on-dark-soft)}
  .hn-figs{display:flex;gap:1.2rem;margin-top:.15rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.1)}
  .hn-fig{flex:1 1 0;min-width:0;margin:0;display:flex;flex-direction:column;gap:.35rem}
  .hn-fig b{font-family:var(--serif);font-size:1.45rem;font-weight:600;line-height:1;white-space:nowrap;color:var(--gold-300)}
  .hn-fig b small{margin-inline-start:.25rem;font-family:var(--sans);font-size:.75rem;font-weight:700;color:var(--gold-400)}
  .hn-fig span{font-size:.75rem;line-height:1.3;color:var(--text-on-dark-soft)}
  .hn-intro__go{margin-top:auto;align-self:flex-start;display:block;padding-top:.5rem;font-size:.92rem;font-weight:700;line-height:1.4;color:var(--gold-300);transition:color .25s var(--ease)}
  .hn-intro__go .hn-arr{display:inline-block;vertical-align:-.16em;margin-inline-start:.45rem}
  .hn-intro__go:hover,.hn-intro__go[aria-current="page"]{color:#fff}
}

/* 06 — LIENS, CARTES OUTILS, VIGNETTES ===================================== */
@media (min-width:981px){
  .hn-col{min-width:0}
  .hn-col__label{display:flex;align-items:center;gap:.8rem;margin:0 0 .65rem;padding-inline-start:.6rem;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-700)}
  .hn-col__label::after{content:"";flex:1 1 auto;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
  .hn-list{display:grid;gap:.15rem;margin:0;padding:0;list-style:none}
  .hn-list--2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.5rem}
  .hn-link{position:relative;display:flex;align-items:center;gap:.75rem;padding-block:.62rem;padding-inline:.55rem 1.8rem;border-radius:13px;color:var(--ink-800);transition:background .25s var(--ease),box-shadow .25s var(--ease)}
  .hn-link__ic{flex:0 0 auto;display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:12px;color:var(--gold-700);background:linear-gradient(180deg,#fff,var(--gold-100));box-shadow:inset 0 0 0 1px var(--gold-200),0 1px 2px rgba(15,34,51,.05);transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
  .hn-link__ic svg{width:1.15rem;height:1.15rem}
  .hn-link__tx{display:flex;flex-direction:column;gap:.15rem;min-width:0}
  .hn-link__t{font-size:.95rem;font-weight:700;line-height:1.25;letter-spacing:-.006em;color:var(--ink-800);transition:color .25s var(--ease)}
  .hn-link__d{font-size:.8rem;line-height:1.4;color:var(--text-soft)}
  .hn-link__cap{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-700)}
  .hn-link__cap+.hn-link__t{font-family:var(--serif);font-size:1.02rem;font-weight:600;letter-spacing:-.01em}
  .hn-link:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(207,196,173,.6),0 12px 26px -20px rgba(11,25,37,.4)}
  .hn-link:hover .hn-link__ic{color:var(--gold-300);background:linear-gradient(160deg,var(--ink-700),var(--ink-900));box-shadow:inset 0 0 0 1px rgba(214,189,132,.28)}
  .hn-link:hover .hn-link__t{color:var(--gold-800)}
  .hn-link[aria-current="page"] .hn-link__t{color:var(--gold-700)}
  .hn-link[aria-current="page"] .hn-link__ic{color:var(--ink-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:none}
  .hn-link:focus-visible{outline-offset:-2px}
  /* Vignettes (profils, guides à la une) */
  .hn-link--img{padding-block:.5rem}
  .hn-list>.hn-sep{margin-top:.45rem;padding-top:.45rem;border-top:1px dashed var(--line)}
  .hn-link__img{flex:0 0 auto;width:4.25rem;height:3.2rem;border-radius:10px;overflow:hidden;background:var(--paper-200);box-shadow:inset 0 0 0 1px rgba(14,24,34,.06)}
  .hn-link__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}
  .hn-link:hover .hn-link__img img{transform:scale(1.08)}
  /* Thèmes des guides : pictogramme + compteur */
  .hn-link--cat{padding-block:.42rem;padding-inline-end:.75rem}
  .hn-link--cat .hn-link__ic{width:2.3rem;height:2.3rem;border-radius:10px}
  .hn-count{margin-inline-start:auto;flex:0 0 auto;min-width:1.9rem;padding:.12rem .45rem;border-radius:var(--r-pill);text-align:center;font-size:.75rem;font-weight:700;color:var(--gold-700);background:var(--paper-200);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s var(--ease),color .25s var(--ease)}
  .hn-link--cat:hover .hn-count{color:var(--ink-900);background:var(--gold-200)}
  /* Cartes outils (simulateur, comparateur) */
  .hn-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .hn-cards>div{display:flex;min-width:0}
  .hn-card{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;border-radius:16px;overflow:hidden;background:#fff;color:var(--ink-800);box-shadow:inset 0 0 0 1px rgba(207,196,173,.65),0 14px 30px -26px rgba(11,25,37,.55);transition:transform .4s var(--ease-out),box-shadow .35s var(--ease)}
  .hn-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink-800)}
  .hn-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}
  .hn-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,25,37,0) 40%,rgba(11,25,37,.55))}
  .hn-card__badge{position:absolute;z-index:1;top:.7rem;inset-inline-start:.7rem;padding:.28rem .62rem;border-radius:var(--r-pill);font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--gold-800);background:rgba(251,248,241,.94)}
  .hn-card__ic{position:absolute;z-index:1;bottom:.75rem;inset-inline-start:.8rem;display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:11px;color:var(--ink-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:0 8px 18px -8px rgba(0,0,0,.55)}
  .hn-card__ic svg{width:1.1rem;height:1.1rem}
  .hn-card__body{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem 1rem}
  .hn-card__t{font-family:var(--serif);font-size:1.1rem;font-weight:600;line-height:1.2;color:var(--ink-800)}
  .hn-card__d{font-size:.8rem;line-height:1.45;color:var(--text-soft)}
  .hn-card__go{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;font-size:.8rem;font-weight:700;color:var(--gold-700)}
  .hn-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(194,161,95,.6),0 26px 44px -30px rgba(11,25,37,.65)}
  .hn-card:hover .hn-card__media img{transform:scale(1.06)}
  .hn-card[aria-current="page"]{box-shadow:inset 0 0 0 2px var(--gold-500)}
  /* Flèches « aller » */
  .hn-arr{flex:0 0 auto;width:1rem;height:1rem;transition:transform .35s var(--ease-out)}
  .hn-intro__go:hover .hn-arr,.hn-card:hover .hn-card__go .hn-arr,.hn-foot__go:hover .hn-arr{transform:translateX(4px)}
  .hn-link__go{position:absolute;inset-inline-end:.6rem;top:50%;margin-top:-.5rem;color:var(--gold-600);opacity:0;transform:translateX(-6px);transition:opacity .25s var(--ease),transform .35s var(--ease-out)}
  .hn-link:hover .hn-link__go{opacity:1;transform:none}
  .hn-link--cat .hn-link__go{display:none}
}

/* 07 — PIED DES PANNEAUX, VILLES =========================================== */
@media (min-width:981px){
  .hn-foot{border-top:1px solid var(--line);background:linear-gradient(180deg,var(--paper-200),rgba(239,233,219,.55))}
  .hn-foot__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:56px;padding-block:.5rem}
  .hn-foot__lead{display:flex;align-items:center;gap:.6rem;margin:0;font-size:.85rem;color:var(--text-soft)}
  .hn-foot__lead svg{flex:0 0 auto;width:1.1rem;height:1.1rem;color:var(--gold-600)}
  .hn-foot__lead b{font-weight:700;color:var(--ink-800)}
  .hn-foot__acts{display:flex;align-items:center;gap:1.5rem;flex:0 0 auto}
  .hn-foot__tel{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:var(--ink-800);transition:color .25s var(--ease)}
  .hn-foot__tel svg{width:1rem;height:1rem;color:var(--gold-600)}
  .hn-foot__tel:hover{color:var(--gold-700)}
  .hn-foot__go{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.05rem;border-radius:var(--r-pill);font-size:.88rem;font-weight:700;color:var(--ink-900);background:linear-gradient(180deg,var(--gold-300),var(--gold-500));box-shadow:0 10px 22px -14px rgba(140,106,44,.8);transition:box-shadow .3s var(--ease),filter .3s var(--ease)}
  .hn-foot__go:hover{filter:brightness(1.05);box-shadow:0 14px 26px -14px rgba(140,106,44,.9)}
  .hn-cities{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem;margin:0;font-size:.85rem}
  .hn-cities__k{margin-inline-end:.55rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700)}
  .hn-cities a{padding:.3rem .5rem;border-radius:var(--r-pill);font-weight:600;color:var(--text-soft);transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
  .hn-cities a:hover,.hn-cities a[aria-current="page"]{color:var(--ink-800);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
}

/* 08 — LARGEURS INTERMÉDIAIRES · ARABE · IMPRESSION ======================== */
@media (min-width:981px) and (max-width:1365px){
  .site-header .nav{gap:.9rem}
  .hn__list{gap:0}
  .hn-trigger{font-size:.88rem;padding-inline:.6rem}
  .hn-contact{height:44px;font-size:.86rem;padding-inline:1.05rem .32rem;gap:.6rem}
  .hn-contact__ic{width:32px;height:32px}
  .hn-grid{gap:1.5rem}
  .hn-grid--creation{grid-template-columns:minmax(230px,270px) minmax(0,1fr) minmax(0,1.85fr)}
  .hn-intro{padding:1.35rem 1.25rem 1.25rem}
  .hn-intro__t{font-size:1.32rem}
  .hn-link{gap:.7rem;padding-inline:.5rem 1.6rem}
  .hn-link__ic{width:2.35rem;height:2.35rem}
  .hn-link__go{inset-inline-end:.5rem}
  .hn-link__d{font-size:.75rem}
}
@media (min-width:981px) and (max-width:1199px){
  .hn-intro__x,.hn-foot__sub{display:none}
  .hn-intro__go{font-size:.86rem}
  .hn-list--2{grid-template-columns:1fr}
  .hn-list--2 .hn-link__d{display:none}
  .hn-list--2 .hn-link{padding-block:.45rem}
  .hn-grid--creation,.hn-grid--fiscal,.hn-grid--guides{grid-template-columns:minmax(200px,230px) minmax(0,1fr) minmax(0,1.6fr)}
  .hn-grid--expat{grid-template-columns:minmax(200px,230px) minmax(0,1fr) minmax(0,1fr)}
  .hn-cards{gap:.7rem}
  .hn-card__d{display:none}
}
@media (min-width:981px) and (max-width:1099px){
  .site-header .nav{gap:.9rem}
  .hn-trigger{font-size:.85rem;padding-inline:.5rem;gap:.3rem}
  .hn-contact{padding-inline:.95rem .3rem}
}
/* Écrans peu hauts (portables 1366 × 768, fenêtres réduites) : panneaux resserrés pour tenir sans défilement */
@media (min-width:981px) and (max-height:780px){
  .hn-grid{padding-block:1.25rem 1.35rem}
  .hn-intro{gap:.65rem;padding-block:1.2rem 1.1rem}
  .hn-intro__x,.hn-card__d{display:none}
  .hn-link{padding-block:.5rem}
  .hn-link--img{padding-block:.38rem}
  .hn-link--cat{padding-block:.32rem}
  .hn-card__body{padding:.75rem .9rem .85rem}
  .hn-foot__in{min-height:50px;padding-block:.4rem}
}
[dir="rtl"] .hn-col__label::after{background:linear-gradient(270deg,var(--line),transparent)}
[dir="rtl"] .hn-arr{transform:scaleX(-1)}
[dir="rtl"] .hn-intro__go:hover .hn-arr,[dir="rtl"] .hn-card:hover .hn-card__go .hn-arr,[dir="rtl"] .hn-foot__go:hover .hn-arr{transform:scaleX(-1) translateX(4px)}
[dir="rtl"] .hn-link__go{transform:scaleX(-1) translateX(-6px)}
[dir="rtl"] .hn-link:hover .hn-link__go{transform:scaleX(-1)}
[dir="rtl"] .hn-contact:hover .hn-contact__ic{transform:translateX(-3px)}
@media print{.hn-sheet,.hn-scrim,.hn-panel,.hn__ink{display:none!important}}