/* Wesam mobile + rendering performance improvements */
html{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
body{width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-x:clip}
img,video,iframe{max-width:100%}
main,header,footer,section{max-width:100%}
.section,.journey-card,.service-card,.price-card,.trust-strip,.product-card,.maint-card{content-visibility:auto;contain-intrinsic-size:1px 600px}
.home-map-placeholder{min-height:300px;display:grid;place-items:center;align-content:center;gap:9px;padding:24px;text-align:center;background:linear-gradient(145deg,#0f172a,#111827);color:#e2e8f0}
.home-map-placeholder span{font-size:30px}.home-map-placeholder strong{font-size:18px}.home-map-placeholder small{color:#cbd5e1}.home-map-placeholder .btn{margin-top:6px;min-height:44px}
.location-section-map iframe[hidden]{display:none!important}.location-section-map.map-loaded iframe{display:block;width:100%}

@media (max-width: 900px){
  html,body{overscroll-behavior-x:none;touch-action:pan-y}
  .site-header,.hero,.section,.site-footer,.mobile-bar{width:100%!important;max-width:100vw!important}
  .main-nav{display:none!important}
  .nav-wrap{gap:10px!important}
  .hero-content,.price-layout,.trust-strip,.footer-grid{grid-template-columns:1fr!important}
  .hero-content{gap:26px!important}
  .journey{grid-template-columns:1fr!important}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .shop-layout{grid-template-columns:1fr!important;gap:16px!important;padding-top:22px!important}
  .filter-panel{position:static!important}
  .hero-content,.hero-content>*,.hero-visual,.tv-card,.tv-screen,.quick-bar,.quick-grid,.price-layout,.prices-grid,.services-grid,.trust-strip,.location-section-map,.footer-grid{min-width:0!important;max-width:100%!important}
}

@media (max-width: 640px){
  body{padding-bottom:78px!important;position:relative}
  .container{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}

  /* Main dark homepage header */
  .site-header{background:rgba(7,11,20,.92)!important;border-bottom:1px solid rgba(148,163,184,.12);backdrop-filter:blur(14px)}
  .nav-wrap{padding:8px 0!important;gap:8px!important}
  .site-header .brand{gap:8px!important;min-width:0}
  .site-header .brand img{width:38px!important;height:38px!important;border-radius:11px!important;flex:0 0 38px}
  .site-header .brand span{min-width:0}
  .site-header .brand b{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-header .brand small{font-size:9px!important;white-space:nowrap}
  .site-header .nav-cta{padding:9px 11px!important;font-size:11px!important;white-space:nowrap;box-shadow:none!important}

  /* Shared light pages: shop, maintenance, requests */
  .topbar{font-size:10.5px!important;padding:6px 0!important}
  .topbar-inner{justify-content:center!important;gap:6px 10px!important;text-align:center}
  .topbar-contact{justify-content:center!important;gap:8px 12px!important;font-size:10.5px!important}
  .nav-inner{padding:9px 0!important;gap:8px!important;min-width:0}
  .nav .brand{gap:7px!important;min-width:0;overflow:hidden}
  .brand-mark{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:10px!important}
  .brand-text{min-width:0}.brand-text .name{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text .sub{font-size:9px!important;white-space:nowrap}
  .menu-toggle{flex:0 0 auto!important}
  .page-header{padding:30px 0 26px!important}.page-header h1{font-size:26px!important}.page-header p{font-size:13px!important;line-height:1.8!important}.breadcrumb{font-size:11px!important;margin-bottom:12px!important;flex-wrap:wrap}
  .footer{padding:34px 0 18px!important;margin-top:40px!important}.footer-grid{gap:20px!important;text-align:center}.footer-contact-item{justify-content:center}

  /* Homepage */
  .hero{min-height:auto!important;padding:92px 0 54px!important}
  .hero-content{gap:20px!important}
  .eyebrow{font-size:11px!important;padding:6px 11px!important;margin-bottom:14px!important;max-width:100%;white-space:normal}
  .hero h1{font-size:32px!important;line-height:1.25!important;margin-bottom:12px!important}
  .hero .lead{font-size:14px!important;line-height:1.85!important;margin-bottom:18px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-bottom:18px!important}
  .hero-actions .btn{width:100%;min-height:46px;padding:11px 14px!important;font-size:13px!important}
  .hero-badges{gap:6px!important}.hero-badges span{font-size:10px!important;padding:6px 9px!important}
  .hero-visual{width:100%;min-width:0}.tv-card{padding:10px!important;border-radius:20px!important}
  .tv-screen{border-radius:14px!important;background:#020617 url('assets/wesam-real/backlight-approved-screen.webp') center/cover no-repeat!important}
  .tv-screen video{opacity:0;transition:opacity .3s ease}.tv-screen video.wesam-video-ready{opacity:1}
  .tv-stats{gap:6px!important;margin-top:8px!important}.tv-stats div{padding:8px 4px!important;border-radius:12px!important}.tv-stats b{font-size:17px!important}.tv-stats small{font-size:9px!important}
  .quick-bar{margin-top:-18px!important}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px!important;border-radius:18px!important}
  .quick-card{min-height:76px!important;padding:9px 4px!important;border-radius:13px!important;gap:3px!important}.quick-card .icon{font-size:21px!important}.quick-card b{font-size:10.5px!important}.quick-card small{font-size:8.5px!important}
  .section{padding:44px 0!important}.section-head{margin-bottom:24px!important}.section-head h2{font-size:27px!important;line-height:1.35!important}.section-head p{font-size:13px!important}
  .journey-card,.service-card{padding:20px 16px!important;border-radius:20px!important}.services-grid{grid-template-columns:1fr!important;gap:10px!important}.price-layout{gap:22px!important}
  .prices-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.price-card{padding:14px 8px!important;border-radius:15px!important}.price-card b{font-size:16px!important}.price-card small{font-size:11px!important}
  .price-badges{gap:6px!important}.price-badges span{font-size:10.5px!important;padding:6px 9px!important}
  .trust-strip{padding:24px 16px!important;border-radius:22px!important;gap:16px!important}.trust-actions{display:grid!important;grid-template-columns:1fr!important}.trust-actions .btn{width:100%}.trust-side{padding:18px!important}.trust-side img{width:68px!important}
  .location-section-map{border-radius:18px!important;overflow:hidden}.home-map-placeholder{min-height:230px!important;padding:18px!important}.home-map-placeholder strong{font-size:15px!important}.location-section-map iframe{height:230px!important}.location-map-footer{gap:8px!important;flex-direction:column!important;align-items:stretch!important}.location-map-footer .btn{width:100%!important}.site-footer{padding-bottom:20px!important}
  .mobile-bar{padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;gap:5px!important}.mobile-bar a{font-size:10px!important;padding:6px 3px!important;border-radius:11px!important}

  /* Shop */
  .shop-layout{padding:18px 0 36px!important;gap:12px!important}.filter-panel{padding:12px!important;border-radius:13px!important;overflow:hidden}.filter-panel .filter-group{margin-bottom:12px!important}.filter-panel .filter-group:nth-of-type(2){display:none!important}
  .cat-btn{padding:8px 9px!important;font-size:11.5px!important}.toolbar{padding:10px!important;border-radius:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.search-box{min-width:0!important;width:100%!important;padding:8px 9px!important}.toolbar>div:last-child{width:100%;justify-content:space-between!important;gap:6px!important}.toolbar select{max-width:60%!important;font-size:11px!important}
  .products-grid{grid-template-columns:1fr!important;gap:10px!important}.product-card{border-radius:13px!important}.product-card .img-wrap{padding:9px!important}.product-card .body{padding:0 12px 12px!important}.product-card h4{font-size:14px!important}.product-card .price{font-size:16px!important}.product-card .add-btn{min-height:42px!important}
  .cart-toggle{bottom:86px!important;left:10px!important;padding:10px 14px!important;font-size:12px!important}.drawer-overlay{align-items:end!important}.drawer{width:100%!important;max-width:none!important;max-height:84dvh!important;border-radius:20px 20px 0 0!important}.drawer-head,.drawer-body,.drawer-foot{padding:14px!important}.cart-item{grid-template-columns:52px 1fr!important}.cart-item>div:last-child{grid-column:2!important;font-size:12px!important}

  /* Maintenance */
  .maint-grid{grid-template-columns:1fr!important;gap:11px!important;margin-bottom:36px!important}.maint-card{border-radius:15px!important}.maint-card .img-wrap{padding:10px!important}.maint-card .body{padding:16px!important}.maint-card h3{font-size:16px!important}.maint-card p{font-size:12.5px!important}.maint-card .price-row .val{font-size:19px!important}.guarantees{padding:20px!important;border-radius:18px!important;gap:18px!important;margin-bottom:38px!important}

  /* Map popup */
  .map-welcome-overlay{align-items:flex-end!important;padding:0!important;background:rgba(2,6,23,.58)!important}.map-welcome-card{width:100%!important;max-width:none!important;max-height:82dvh!important;border-radius:24px 24px 0 0!important;overflow:auto!important;margin:0!important}.map-welcome-top{padding:13px 14px!important}.map-welcome-map-embed{height:145px!important;min-height:145px!important}.map-welcome-body{padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important}.map-welcome-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.map-welcome-btn{width:100%!important;min-height:44px!important}

  /* Compact assistant */
  .wesam-ai-wrap{left:8px!important;bottom:82px!important}.wesam-ai-robot{width:58px!important;height:58px!important;border-radius:19px!important}.wesam-ai-robot-face{transform:scale(.82)}.wesam-ai-bubble{display:none!important}.wesam-ai-panel{position:fixed!important;left:8px!important;right:8px!important;bottom:82px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 96px)!important;border-radius:20px!important}.wesam-ai-head{padding:12px!important}.wesam-ai-body{padding:11px!important}
  .wesam-ai-grid.services{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wesam-ai-grid.issues{grid-template-columns:1fr!important}.wesam-ai-chip{min-height:44px!important;padding:8px!important;font-size:11.5px!important}.wesam-ai-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wesam-ai-actions{display:grid!important;grid-template-columns:1fr!important}
}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}