/* KVA mobile layer v1 – loaded last; desktop (>820px) untouched */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:820px){
 html,body{overflow-x:clip!important;max-width:100%}
 body{overscroll-behavior-x:none}
 img,video,iframe{max-width:100%}
 /* header */
 header{padding:8px 12px!important;padding-top:max(8px,env(safe-area-inset-top))!important;gap:8px!important;min-width:0}
 header .brand{flex:0 0 auto;min-width:0}
 header .brand img{height:34px!important;width:34px!important}
 header .wm{font-size:20px!important}
 .nav-wrap{flex:0 0 auto}
 .menu{min-width:44px;min-height:44px;font-size:22px!important}
 .head-tools{display:flex;align-items:center;gap:6px!important;flex:0 1 auto;min-width:0;margin-left:auto}
 .langswitch button{min-width:40px;min-height:36px;font-size:14px!important;padding:0 8px!important}
 .cartbtn{min-height:40px;padding:0 12px!important;white-space:nowrap;font-size:14px!important}
 #nav.open a{display:block;padding:14px 18px!important;min-height:44px;font-size:16px!important}
 /* headings */
 .hero h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.08!important;overflow-wrap:anywhere}
 h2{font-size:clamp(22px,6.4vw,28px)!important;line-height:1.2!important}
 .btn,.hbuy,.hadd,.hovbtn,button{touch-action:manipulation}
 .hero .btn{min-height:46px}
 /* category chips */
 #tabs button{min-height:40px;white-space:nowrap}
 /* product cards */
 #grid h3{font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere}
 #grid button,.hovbtn{min-height:42px;white-space:nowrap;font-size:14px!important}
 /* vehicle picker */
 .kva-veh{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
 .kva-veh button{min-height:56px;min-width:0;padding:8px 4px!important;font-size:13px!important;white-space:nowrap}
 #kvakit h3{font-size:19px!important;overflow-wrap:anywhere}
 #kvakit .acts{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
 #kvakit .acts .buy{grid-column:1/-1}
 #kvakit .acts button{min-height:46px;width:100%}
 /* footer links */
 footer a{display:inline-block;padding:7px 0;min-height:36px}
 footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))!important}
 /* floating buttons: tidy stack, never cover content edges */
 .fabcart{width:56px!important;height:56px!important;right:max(14px,env(safe-area-inset-right))!important;bottom:calc(14px + env(safe-area-inset-bottom))!important}
 .wa{width:50px!important;height:50px!important;right:max(17px,env(safe-area-inset-right))!important;bottom:calc(80px + env(safe-area-inset-bottom))!important}
 .kva-sosfab{left:max(12px,env(safe-area-inset-left))!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;font-size:13px!important;padding:10px 14px!important;max-width:calc(100% - 100px)}
 #toast{top:calc(74px + env(safe-area-inset-top))!important;bottom:auto!important;max-width:calc(100% - 32px);text-align:center;white-space:normal}
 /* video */
 #how iframe{width:100%!important;max-width:420px;display:block;margin:0 auto;border:0}
 /* PDP full-screen sheet */
 .pdp .pdpbox{margin:0!important;min-height:100%;border-radius:0!important;width:100%!important;max-width:none!important;padding:12px 16px calc(24px + env(safe-area-inset-bottom))!important}
 .pdpback{min-height:44px}
 .pdp h2{font-size:22px!important}
 .pdp .pin input{font-size:16px!important;min-height:44px}
 .pdp .pin button{min-height:44px}
 .pdp .buyrow{position:sticky;bottom:0;background:#fff;padding:10px 0 calc(6px + env(safe-area-inset-bottom));z-index:2}
 /* cart drawer */
 #dr{max-width:100vw}
 #dr .x{min-width:44px;min-height:44px;font-size:24px}
 #dr button{min-height:36px;min-width:36px}
 /* any form field: stop iOS zoom */
 input,select,textarea{font-size:16px!important}
 input[type=checkbox],input[type=radio]{width:20px;height:20px}
 body:has(#dr.open) #toast{opacity:0!important}
}