/* Mobile-only presentation; one shared catalogue and one material selection. */
.car-load-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;background:#0b1930;color:#e5eaf0;text-align:center;line-height:1.6}
.car-load-error p{max-width:360px}
.mobile-welcome,.mobile-design-summary,.touch-car-controls{display:none}
#catalogueSheet{width:min(600px,100%);max-width:100%;height:92vh;height:92dvh;max-height:92dvh;margin:auto auto 0;padding:0;border-radius:18px 18px 0 0;overflow:hidden}
#catalogueSheet[open]{display:flex;flex-direction:column}
.catalogue-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 14px;border-bottom:1px solid var(--line);flex-shrink:0}
.catalogue-sheet-header h2{font-size:19px;margin:5px 0 0}
#closeCatalogueSheet{width:44px;height:44px;flex-shrink:0;border:1px solid #53627a;background:#1b304d;color:var(--ink);font-size:26px;border-radius:50%;cursor:pointer}
#catalogueSheetBody{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1}
#catalogueSheet .controls{padding:18px 20px;background:transparent;border:0;backdrop-filter:none}
#catalogueSheet .controls h2,#catalogueSheet .preview-return,#catalogueSheet .spec{display:none}
#catalogueSheet .catalogue-grid{max-height:none;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}
#catalogueSheet .film-card{min-height:120px}
#catalogueSheet .film-card strong{font-size:12px}
#catalogueSheet .film-card small{font-size:10px}
#catalogueSheet .catalogue-filters select,#catalogueSheet #catalogueSearch{font-size:16px;min-height:44px}
#catalogueSheet .catalogue-filters{grid-template-columns:1fr;gap:12px}
.catalogue-sheet-footer{padding:12px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#10213a;flex-shrink:0}
.catalogue-sheet-footer button{width:100%;min-height:48px}
html.catalogue-is-open,html.catalogue-is-open body{overflow:hidden}
@media(max-width:800px){
  .hero>.intro{display:none}
  .mobile-welcome{display:block;max-width:530px}
  .mobile-welcome p{font-size:15px;line-height:1.65;color:#c3cfdd;margin:0 0 16px}
  .mobile-welcome ol{padding-left:23px;color:#c3cfdd;font-size:13px;line-height:1.65;margin:0 0 22px}
  .mobile-welcome li{padding:3px 0 3px 4px}
  .mobile-welcome li::marker{color:var(--accent);font-weight:700}
  .mobile-welcome button{min-height:48px;width:100%}
  .hero .builder{margin-top:24px}
  .hero .car-stage,.hero .photoreal-car{height:420px;min-height:420px}
  .hero .photoreal-car:after,.visualizer-toolbar,.coverage-tag{display:none}
  .environment-control{top:16px;left:12px;max-width:calc(100% - 24px);width:calc(100% - 24px);padding:8px;margin:0}
  .environment-control legend{font-size:9px;letter-spacing:.08em}
  .environment-control small{display:none}
  .environment-buttons button{min-height:40px}
  .mobile-design-summary{display:flex;flex-direction:column;gap:6px;padding:20px;background:#12243e;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px}
  .mobile-design-summary>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
  .mobile-design-summary strong{font-size:17px;line-height:1.4}
  .mobile-design-summary small{font-size:11px;color:#b9c7d8}
  .mobile-design-summary button{min-height:46px;margin-top:10px}
  .quote-row{flex-direction:column;align-items:stretch;gap:12px;margin-top:20px}
  .quote-row>button{min-height:50px}
  .quote-row>span{text-align:center}
}
@media(max-width:800px),(pointer:coarse){
  .three-car{touch-action:pan-y pinch-zoom;cursor:auto}
  .three-car[data-interactive="true"]{touch-action:none;cursor:grab}
  .touch-car-controls{display:flex;position:absolute;z-index:12;bottom:16px;left:12px;right:12px;flex-direction:column;align-items:center;gap:7px;pointer-events:none}
  #toggleCarInteraction{pointer-events:auto;min-height:44px;padding:10px 18px;background:#0b1930f2;color:var(--accent);border:1px solid var(--accent);border-radius:30px;font:600 12px Arial,sans-serif;cursor:pointer}
  #toggleCarInteraction[aria-pressed="true"]{background:var(--accent);color:var(--navy)}
  #touchCarHelp{font-size:10px;line-height:1.4;color:#fff;background:#0b1930db;padding:4px 8px;border-radius:3px;text-align:center}
}