.headerControls { display:flex; align-items:center; gap:8px }
#installApp { padding:8px 10px; min-height:38px; background:#ddf28e; color:#143e36; border:0; border-radius:8px; font-weight:700; white-space:nowrap }
#installDialog { width:min(92vw,400px); padding:20px; border-radius:14px; color:#143e36; background:#fff }
#installDialog form { padding:0; color:inherit }
#installDialog h2 { margin:0 0 12px; font-size:22px }
#installDialog p { font-size:14px; color:#294e44; margin:10px 0; line-height:1.5 }
#installDialog .installActions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:18px }
.installActions button { min-height:44px; border-radius:8px; padding:8px 14px; font-weight:600 }
#nativeInstall { background:#143e36; color:#fff }
@media(max-width:380px) {
  header .brand { font-size:14px }
  header .brand small { font-size:7px }
  .headerControls { gap:5px }
  #installApp { font-size:12px; padding-inline:6px }
}
@media(display-mode:standalone) {
  header { padding-top:env(safe-area-inset-top); height:calc(66px + env(safe-area-inset-top)) }
  .tools, #basket .cartSummary { top:calc(66px + env(safe-area-inset-top)) }
}