/* ============================================================
   CORNER MOBILE — Méga-menu silo 100% CSS, zéro JS navigation
   Tous les <a href> en HTML brut → Google crawle tout
   ============================================================ */
.main-nav{display:none}
@media(min-width:1024px){
  .main-nav{display:flex;align-items:center;margin-left:auto}
  .nav-root{display:flex;align-items:stretch;gap:0;list-style:none;height:var(--hdr-h)}
  .nav-item{position:relative;display:flex;align-items:center}
  .nav-cta-item{margin-left:6px}
  .nav-link{display:flex;align-items:center;gap:3px;padding:0 11px;height:100%;font-size:1rem;font-weight:600;color:var(--gray-800);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent;transition:color .14s,border-color .14s}
  .nav-link svg{flex-shrink:0;transition:transform .2s}
  .nav-item:hover>.nav-link,.nav-item.active>.nav-link{color:var(--blue);border-bottom-color:var(--blue)}
  .nav-item:hover>.nav-link svg{transform:rotate(180deg)}
  .nav-item.has-mega::after{content:'';position:absolute;top:100%;left:-20px;right:-20px;height:10px}
  .mega-panel{position:absolute;top:100%;left:50%;background:#fff;border:1.5px solid var(--blue-mid);border-radius:var(--r-lg);box-shadow:0 12px 40px rgba(3,100,180,.13),0 2px 8px rgba(0,0,0,.06);padding:20px 24px;z-index:300;opacity:0;pointer-events:none;visibility:hidden;transform:translateX(-50%) translateY(6px);transition:opacity .17s,transform .17s;display:flex}
  .nav-item.has-mega:hover>.mega-panel,.nav-item.has-mega:focus-within>.mega-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(-50%) translateY(0)}
  .mega-inner{display:grid;gap:0 20px}
  .mega-panel--iphone{min-width:720px}
  .mega-panel--samsung{min-width:760px}
  .mega-panel--xiaomi{min-width:680px}
  .mega-panel--huawei,.mega-panel--honor{min-width:240px}
  .mega-panel--autres{min-width:440px}
  .mega-panel--autres2{min-width:260px}
  .mega-panel--iphone .mega-inner{grid-template-columns:repeat(4,1fr)}
  .mega-panel--samsung .mega-inner{grid-template-columns:repeat(4,1fr)}
  .mega-panel--xiaomi .mega-inner{grid-template-columns:repeat(3,1fr)}
  .mega-panel--huawei .mega-inner,.mega-panel--honor .mega-inner{grid-template-columns:1fr}
  .mega-panel--autres .mega-inner{grid-template-columns:repeat(2,1fr)}
  .mega-panel--autres2 .mega-inner{grid-template-columns:1fr}
  .mega-col{min-width:0}
  .mega-group-title{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:7px;padding-bottom:5px;border-bottom:1px solid var(--blue-light);white-space:nowrap}
  .mega-col ul{list-style:none;display:grid;gap:1px;margin-bottom:4px}
  .mega-col a{display:block;padding:4px 7px;font-size:.78rem;font-weight:500;color:var(--gray-600);border-radius:var(--r-sm);transition:background .11s,color .11s;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mega-col a:hover{background:var(--blue-light);color:var(--blue)}
  .mega-col a.active{background:var(--blue-light);color:var(--blue);font-weight:700}
  .mega-see-all{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.74rem;font-weight:700;color:var(--blue)!important;background:transparent!important;padding:0!important}
  .mega-see-all:hover{text-decoration:underline}
  .menu-toggle{display:none}
  .header-search{display:block}
}
@media(max-width:1023px){.main-nav{display:none}}

/* REPAIR TYPE NAV */
.repair-type-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.repair-type-link{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--r-md);font-size:.82rem;font-weight:600;color:var(--gray-600);text-decoration:none;transition:all .14s}
.repair-type-link:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}
.repair-type-link.active{border-color:var(--blue);background:var(--blue);color:#fff}
.repair-type-link.active svg{stroke:#fff}