/* Interface mobile AsteriaxVerse : compacte, tactile et compatible avec les zones sûres iPhone. */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  button,select,input,a{-webkit-tap-highlight-color:transparent}
  button,select,.searchbox,.global-search,.directory-search{min-height:46px}
  .shell{width:100%;padding:34px 18px 100px}
  .section-head{align-items:flex-start;gap:10px}
  .section-head h2{font-size:clamp(29px,7vw,36px);line-height:1.08}
  .result-count{padding-top:7px;text-align:right;line-height:1.35}
  .filters{position:static;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-bottom:18px;padding:10px}
  .filters .searchbox{grid-column:1/-1}
  .filters select{width:100%;min-width:0;font-size:14px}
  .filters .extra-sort{grid-column:1/-1;width:100%;min-width:0}
  .ship-status-filter{grid-column:1/-1;flex-wrap:nowrap!important;margin-inline:-2px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity}
  .ship-status-filter::-webkit-scrollbar,.news-toolbar::-webkit-scrollbar,.verse-env-grid::-webkit-scrollbar{display:none}
  .ship-status-filter button{min-height:42px;scroll-snap-align:start}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .ship-card,.item-card{min-width:0}
  .ship-image{height:180px}
  .card-body{padding:15px}
  .card-body h3{font-size:18px}
  .card-meta strong{font-size:13px}
  .catalog-pagination{margin-top:24px;padding:4px 0}
  .catalog-pagination button{min-width:44px;min-height:44px}
  .directory-card{min-height:70px}
  .news-toolbar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 0 8px}
  .news-toolbar button{min-height:42px;scroll-snap-align:start}
  .modal-panel{overscroll-behavior:contain}
}

@media (max-width:650px){
  :root{--mobile-nav-height:72px}
  body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}
  .ambient{opacity:.07}
  .topbar{min-height:0;padding:8px 12px 10px;padding-top:max(8px,env(safe-area-inset-top));gap:8px;background:rgba(5,14,21,.96);box-shadow:0 8px 28px rgba(0,0,0,.2)}
  .brand{width:auto;min-width:0;gap:9px}
  .brand-logo{width:36px;height:36px}
  .brand strong{font-size:16px}
  .global-search{height:42px;min-height:42px;border-radius:12px}
  .global-search input{font-size:16px!important}
  .global-results{top:104px;max-height:calc(100dvh - 190px);width:calc(100% - 20px);border-radius:13px}
  .global-results button{grid-template-columns:78px minmax(0,1fr);min-height:58px;padding:11px}
  .nav{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;padding:5px 4px;padding-bottom:calc(5px + env(safe-area-inset-bottom));background:rgba(5,14,21,.98);box-shadow:0 -8px 30px rgba(0,0,0,.38)}
  .nav-btn{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 1px;border-radius:10px;color:#7f99a6;font-size:9px;line-height:1.05;overflow:hidden;text-overflow:ellipsis}
  .nav-btn::before{content:attr(data-mobile-icon);display:block;color:#7799aa;font-size:20px;font-weight:500;line-height:1}
  .nav-btn.active{background:linear-gradient(180deg,#12303e,#0e2531);color:#e8faff;box-shadow:inset 0 0 0 1px rgba(82,217,255,.12)}
  .nav-btn.active::before{color:#58d9ff;filter:drop-shadow(0 0 7px rgba(82,217,255,.4))}
  .shell{padding:24px 12px 32px}
  .eyebrow{font-size:10px;letter-spacing:2px}
  .hero{gap:25px;padding:6px 0 28px}
  .hero h1{font-size:clamp(32px,10.5vw,42px);line-height:1.02;letter-spacing:-2px}
  .hero-copy{margin:18px 0;font-size:16px;line-height:1.55}
  .hero-actions{gap:9px}
  .hero-actions button,.home-section-link,.verse-news-btn{width:100%;min-height:48px}
  .home-live-card{max-width:none}
  .home-live-row{padding:15px 16px}
  .verse-status-banner{margin-inline:-2px;padding:16px;border-radius:16px}
  .verse-status-top{gap:15px;padding-bottom:16px}
  .verse-status-title-row{align-items:flex-start;flex-direction:column;gap:8px}
  .verse-status-title-row h2{font-size:24px}
  .verse-overall{min-height:30px;font-size:10px}
  .verse-env-grid{display:flex!important;gap:10px;margin-inline:-2px;padding:2px 2px 8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory}
  .verse-env{flex:0 0 84%;min-width:0;padding:16px;scroll-snap-align:center}
  .verse-env.live{grid-column:auto}
  .verse-services{gap:1px!important}
  .verse-services div{padding:12px 13px}
  .verse-services span{font-size:10px}
  .verse-services strong{font-size:13px;white-space:normal}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:20px;overflow:hidden;border:1px solid #172b38;border-radius:14px;background:#172b38}
  .stats article,.stats article+article{min-width:0;padding:16px 8px;border:0;background:#091820;text-align:center}
  .stats strong{font-size:25px}
  .stats span{display:block;margin-top:4px;font-size:10px;line-height:1.25;overflow-wrap:anywhere}
  .home-section{padding:30px 0}
  .home-section-head{gap:14px;margin-bottom:17px}
  .home-section-head h2{font-size:26px}
  .home-section-head p{font-size:14px}
  .home-news-grid,.home-featured-grid,.home-now-grid{gap:12px}
  .home-news-card h3{min-height:0;font-size:18px}
  .home-news-card p{font-size:14px}
  .home-hangar-panel{gap:18px;padding:17px}
  .home-hangar-intro{gap:12px}
  .home-hangar-intro p{font-size:14px}
  .home-hangar-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .home-hangar-count{min-width:0;width:auto;padding:12px}
  .section-head{margin-bottom:18px}
  .section-head h2{font-size:29px}
  .section-head .result-count{max-width:44%;font-size:12px}
  .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-inline:-2px;padding:8px;border:1px solid #152c38;background:#08151d}
  .filters select,.searchbox{height:46px}
  .searchbox input,.directory-search input{font-size:16px!important}
  .card-grid{grid-template-columns:1fr;gap:12px}
  .ship-image{height:clamp(175px,49vw,215px)}
  .ship-card,.item-card{border-radius:14px}
  .ship-card:hover,.item-card:hover{transform:none}
  .card-kicker{font-size:11px}
  .card-body h3{margin:8px 0 15px;font-size:20px}
  .card-meta{gap:10px}
  .card-meta span{font-size:10px}
  .card-meta strong{font-size:14px}
  .card-hangar-btn{width:40px!important;height:40px!important}
  .ship-state{max-width:calc(100% - 112px)!important}
  .catalog-pagination{gap:5px;margin-inline:-4px}
  .catalog-pagination button{min-width:40px;height:44px;padding:0 9px}
  .hangar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
  .hangar-tabs button{min-height:46px;font-size:14px}
  .section-copy{font-size:14px;line-height:1.5}
  .news-header{align-items:center;padding:12px}
  .news-heading{min-width:0}
  .news-heading-icon{width:40px;height:40px}
  .news-heading h2{font-size:24px}
  .news-heading small{display:none}
  .news-refresh{width:44px;height:44px;display:grid;place-items:center;padding:0}
  #news .news-card{min-height:0;border-radius:14px}
  .news-image{height:175px}
  .news-card-content{padding:14px}
  #news .news-card h3{font-size:18px}
  #news .news-card p{font-size:14px}
  .modal{z-index:100}
  .modal-panel{width:100%;height:100dvh;max-height:none;margin:0;padding:70px 13px calc(28px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}
  .modal-close{position:fixed;z-index:110;top:max(12px,env(safe-area-inset-top));right:12px;width:46px;height:46px;background:#102936}
  .detail-vehicle-image{height:clamp(190px,55vw,250px);margin-bottom:18px;border-radius:13px}
  .detail-title-row h2,.detail-head h2{font-size:28px;line-height:1.08;overflow-wrap:anywhere}
  .hangar-actions{gap:8px}
  .hangar-actions .detail-fav{min-height:48px;width:100%}
  .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .detail-stat{min-width:0;padding:12px 10px}
  .detail-stat strong{display:block;font-size:14px;overflow-wrap:anywhere}
  .ship-description{padding:14px;font-size:15px;line-height:1.6}
  .shops th,.shops td{padding:11px 9px}
  .toast{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 12px);width:calc(100% - 24px);text-align:center}
  .site-footer{margin:30px 12px calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:22px 6px 26px;align-items:stretch;gap:14px}
  .site-footer p{margin:0}
  .social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .social-links a{min-height:46px;display:grid;place-items:center;padding:9px;font-size:13px}
}

@media (max-width:370px){
  .nav-btn{font-size:8px}
  .nav-btn::before{font-size:18px}
  .shell{padding-inline:10px}
  .filters{grid-template-columns:1fr}
  .filters .searchbox,.filters .extra-sort,.ship-status-filter{grid-column:1}
  .stats strong{font-size:22px}
  .stats span{font-size:9px}
  .home-hangar-counts{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
}

@media (orientation:landscape) and (max-height:500px) and (max-width:900px){
  :root{--mobile-nav-height:58px}
  .nav-btn{min-height:46px;flex-direction:row;font-size:9px}
  .nav-btn::before{font-size:17px}
  .topbar{position:relative}
  .modal-panel{padding-top:62px}
}

@media (prefers-reduced-motion:reduce){
  .verse-env-grid{scroll-behavior:auto}
}