/* AsteriaxVerse Mobile v5 — feuille autonome, chargée en dernier. */
@media (max-width:900px){
  :root{--mobile-nav-height:64px}
  html,body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:16px;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important}
  button,select,input,a{-webkit-tap-highlight-color:transparent}
  .ambient{opacity:.07}
  .topbar{position:sticky!important;top:0!important;z-index:80!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;align-items:center!important;padding:8px 12px!important;padding-top:max(8px,env(safe-area-inset-top))!important;gap:8px!important;background:#050e15!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;contain:none!important}
  .brand{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;grid-column:1!important;grid-row:1!important;margin:0!important;gap:9px!important;align-items:center!important}
  .brand-logo{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .brand>span{min-width:0!important;display:block!important}
  .brand strong{display:block!important;font-size:16px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .brand small{display:none!important}
  .language-toggle{position:static!important;grid-column:2!important;grid-row:1!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border-radius:10px!important;font-size:10px!important;line-height:1!important;transform:none!important}
  .language-label{display:none!important}
  .global-search{grid-column:1/-1!important;grid-row:2!important;order:initial!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;border-radius:11px!important}
  .global-search input{font-size:16px!important}
  .global-search,.searchbox,.directory-search{min-width:0!important;max-width:100%!important}
  .global-search input,.searchbox input,.directory-search input{min-width:0!important;flex:1 1 0!important}
  .global-search>span{flex-shrink:0}
  .global-results strong{min-width:0;overflow-wrap:anywhere}
  .global-results{top:var(--search-results-top,106px)!important;left:10px!important;right:10px!important;transform:none!important;width:calc(100% - 20px)!important;max-height:var(--search-results-height,calc(100dvh - 180px))!important;border-radius:13px!important}

  .nav{position:fixed!important;z-index:100!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important;overflow:visible!important;border-top:1px solid #1c3442!important;background:rgba(5,14,21,.985)!important;backdrop-filter:blur(16px)!important;box-shadow:0 -8px 28px rgba(0,0,0,.35)!important}
  .nav-secondary{display:contents!important}
  .nav-btn,.nav-btn:hover,.nav-btn.active{box-sizing:border-box!important;width:100%!important;height:56px!important;min-width:0!important;min-height:56px!important;max-height:56px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:4px 2px!important;border:0!important;border-radius:8px!important;font-size:9px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;transform:none!important}
  .nav-btn{background:transparent!important;color:#7893a2!important;box-shadow:none!important}
  .nav-btn:hover{background:transparent!important;color:#90a8b4!important;box-shadow:none!important}
  .nav-btn::before{content:attr(data-mobile-icon)!important;display:block!important;font-size:19px!important;font-weight:500!important;line-height:1!important;color:#7d9dad!important;filter:none!important}
  .nav-btn.active{background:#102733!important;color:#eefcff!important;box-shadow:inset 0 0 0 1px rgba(82,217,255,.14)!important}
  .nav-btn.active::before{color:#58d9ff!important;filter:none!important}

  .shell{width:100%!important;max-width:100%!important;padding:22px 12px 28px!important}
  .hero{grid-template-columns:1fr!important;min-height:auto!important;gap:24px!important;padding:8px 0 28px!important}
  .hero h1{font-size:clamp(32px,9vw,42px)!important;line-height:1.02!important;letter-spacing:-2px!important}
  .hero-copy{margin:18px 0!important;font-size:15px!important;line-height:1.55!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero-actions button,.home-section-link,.verse-news-btn{width:100%!important;min-height:46px!important}
  .home-live-card{justify-self:start!important;max-width:none!important}
  .home-section{padding:30px 0!important}
  .home-section-head{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .home-news-grid,.home-featured-grid,.home-now-grid{grid-template-columns:1fr!important;gap:12px!important}
  .home-hangar-panel{grid-template-columns:1fr!important;gap:16px!important;padding:17px!important}
  .home-hangar-side{align-items:stretch!important;flex-direction:column!important}
  .home-hangar-counts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
  .home-hangar-count{min-width:0!important;width:auto!important}
  .verse-status-banner{padding:16px!important;border-radius:16px!important}
  .verse-status-top{align-items:stretch!important;flex-direction:column!important;gap:15px!important}
  .verse-env-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .verse-env-grid::-webkit-scrollbar{display:none!important}
  .verse-env{flex:0 0 86%!important;min-width:0!important;scroll-snap-align:center!important}
  .verse-env.live{grid-column:auto!important}
  .verse-services{grid-template-columns:1fr!important}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;overflow:hidden!important;border-radius:14px!important}
  .stats article,.stats article+article{min-width:0!important;padding:15px 7px!important;border:0!important;text-align:center!important}
  .stats strong{font-size:23px!important}
  .stats span{display:block!important;font-size:9px!important;line-height:1.2!important;overflow-wrap:anywhere!important}

  .section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;margin-bottom:18px!important}
  .section-head>div{min-width:0!important}
  .section-head h2{font-size:29px!important;line-height:1.08!important;overflow-wrap:anywhere!important}
  .section-head .result-count{align-self:start!important;max-width:140px!important;padding-top:5px!important;font-size:12px!important;text-align:right!important}
  .filters{position:static!important;top:auto!important;z-index:auto!important;width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin:0 0 18px!important;padding:9px!important;border-radius:14px!important}
  .filters>*{min-width:0!important}
  .filters .searchbox{grid-column:1/-1!important}
  .filters .extra-sort{grid-column:1/-1!important}
  .filters select,.filters .searchbox{width:100%!important;min-width:0!important;min-height:48px!important;font-size:15px!important}
  .searchbox input{font-size:16px!important}
  .ship-status-filter{grid-column:1/-1!important;width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding-top:10px!important}
  .ship-status-filter::-webkit-scrollbar{display:none!important}
  .ship-status-filter button{flex:0 0 auto!important;min-height:40px!important;touch-action:manipulation!important}

  .card-grid,.equipment-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;min-width:0!important}
  .ship-card,.item-card{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:14px!important;transform:none!important}
  .ship-card:hover,.item-card:hover{transform:none!important}
  .ship-image{height:clamp(175px,49vw,215px)!important}
  .card-body{padding:15px!important}
  .card-body h3{margin:8px 0 15px!important;font-size:20px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .card-meta{gap:10px!important}
  .card-meta strong{font-size:14px!important;max-width:100%!important}
  .catalog-pagination{max-width:100%!important;overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:4px!important}

  .hangar-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hangar-tabs button{min-height:46px!important}
  .news-header{align-items:center!important;padding:12px!important}
  .news-heading h2{font-size:24px!important}
  .news-heading small{display:none!important}
  .news-refresh{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important}
  .news-refresh span{font-size:22px!important}
  .news-toolbar{flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;padding-bottom:8px!important;scrollbar-width:none!important}
  .news-toolbar::-webkit-scrollbar{display:none!important}
  .news-toolbar button{flex:0 0 auto!important}
  #news .news-grid{grid-template-columns:1fr!important}

  .modal{z-index:110!important;inset:0!important}
  .modal-panel{display:flex!important;flex-direction:column!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:68px 12px calc(24px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;overflow:hidden!important;box-shadow:none!important}
  #itemDetail{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
  .modal-close{position:fixed!important;z-index:120!important;top:max(10px,env(safe-area-inset-top))!important;right:10px!important;width:46px!important;height:46px!important;margin:0!important;border-radius:12px!important;background:#102936!important}
  .detail-vehicle-image{height:clamp(190px,55vw,250px)!important}
  .detail-title-row,.detail-head{min-width:0!important}
  .detail-title-row h2,.detail-head h2{font-size:28px!important;line-height:1.08!important;overflow-wrap:anywhere!important}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .shops{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .toast{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px)!important;width:calc(100% - 24px)!important;text-align:center!important}
  .site-footer{max-width:none!important;margin:30px 12px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important;padding:22px 6px 26px!important;align-items:stretch!important;gap:14px!important}
  .social-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
}

@media (max-width:520px){
  .section-head{grid-template-columns:1fr!important}
  .section-head .result-count{max-width:none!important;padding-top:0!important;text-align:left!important}
  .filters{grid-template-columns:1fr!important}
  .filters .searchbox,.filters select,.filters .extra-sort,.ship-status-filter{grid-column:1/-1!important}
  .nav-btn,.nav-btn.active{font-size:8.5px!important}
  .nav-btn::before,.nav-btn.active::before{font-size:18px!important}
  .social-links{grid-template-columns:1fr!important}
}

@media (max-width:370px){
  .topbar{padding-left:10px!important;padding-right:10px!important}
  .shell{padding-inline:10px!important}
  .brand strong{font-size:15px!important}
  .detail-grid{grid-template-columns:1fr!important}
}

@media (orientation:landscape) and (max-height:500px) and (max-width:900px){
  :root{--mobile-nav-height:56px}
  .nav{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))!important}
  .nav-btn,.nav-btn.active{height:48px!important;min-height:48px!important;max-height:48px!important}
}