/* Installed storefront only: use the existing sticky row, not another toolbar. */
.klima-pwa-navigation { display:none; }
.klima-pwa-menu-contacts { display:none; }
html.is-klima-standalone .klima-nav .klima-pwa-navigation { display:flex!important; align-items:center; flex:0 0 auto; gap:4px; margin:0; order:-10; }
html.is-klima-standalone .klima-pwa-navigation > button { box-sizing:border-box; display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; min-width:44px; min-height:44px; margin:0; padding:10px; border:1px solid #ffffff66; border-radius:50%; color:#fff; background:#ffffff0a; cursor:pointer; }
html.is-klima-standalone .klima-pwa-navigation > button:hover { background:#ffffff20; }
html.is-klima-standalone .klima-pwa-navigation > button:focus-visible { outline:3px solid #ffcc42; outline-offset:2px; }
html.is-klima-standalone .klima-pwa-navigation > button:disabled { opacity:.5; cursor:wait; }
.klima-pwa-navigation svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.klima-pwa-leave { width:min(420px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); box-sizing:border-box; padding:24px; border:1px solid #cbd7eb; border-radius:18px; background:#fff; color:#11182a; box-shadow:0 24px 80px #03091c66; }
.klima-pwa-leave::backdrop { background:#070c22a6; }
.klima-pwa-leave h2 { font-size:22px; line-height:1.2; margin:0 0 12px; }
.klima-pwa-leave p { margin:0 0 20px; font-size:16px; line-height:1.5; }
.klima-pwa-leave > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.klima-pwa-leave button { font:inherit; font-weight:700; min-height:44px; padding:10px 16px; border:1px solid #a9b7cd; border-radius:9px; background:#f2f5fa; color:#11182a; cursor:pointer; }
.klima-pwa-leave [data-leave] { background:#ca153f; border-color:#ca153f; color:#fff; }
.klima-pwa-leave button:focus-visible { outline:3px solid #005dcc; outline-offset:3px; }
@media(min-width:1280px) {
 html.is-klima-standalone .klima-nav .klima-nav__inner { grid-template-columns:max-content minmax(0,1fr) max-content!important; column-gap:8px!important; }
 html.is-klima-standalone .klima-nav .klima-nav__start { gap:8px!important; }
 html.is-klima-standalone .klima-nav .klima-nav__start > .klima-category-menu { width:196px!important; max-width:196px!important; flex-basis:196px!important; }
 html.is-klima-standalone .klima-nav .klima-category-menu > summary { grid-template-columns:18px minmax(0,1fr) 14px; padding-inline:10px; column-gap:6px; }
 html.is-klima-standalone .klima-nav .klima-header-search-trigger { width:48px!important; height:48px!important; min-width:48px!important; max-width:48px!important; min-height:48px!important; max-height:48px!important; flex-basis:48px!important; }
 html.is-klima-standalone .klima-nav .wp-block-navigation__container { column-gap:clamp(8px,1vw,14px)!important; }
 html.is-klima-standalone .klima-nav .klima-nav__actions { gap:6px!important; }
}
@media(max-width:1279px) {
 html.is-klima-standalone .klima-nav .klima-nav__actions { gap:4px!important; }
}
@media(max-width:540px) {
 /* Contact remains available in the mobile menu and the fixed appointment CTA. */
 html.is-klima-standalone .klima-nav .klima-phone-header-link,
 html.is-klima-standalone .klima-nav .klima-prelaunch-quote--header { display:none!important; }
 html.is-klima-standalone .klima-nav .klima-nav__inner { column-gap:6px!important; }
 html.is-klima-standalone body:not(.klima-catalog-prelaunch) .klima-nav .klima-brand { width:clamp(44px,calc(100vw - 280px),130px)!important; min-width:44px!important; }
 html.is-klima-standalone .is-menu-open .klima-pwa-menu-contacts { display:flex; flex-wrap:wrap; gap:10px; width:100%; margin-top:16px; }
 html.is-klima-standalone .klima-pwa-menu-contacts a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; border:1px solid #a9b7cd; border-radius:8px; font-size:16px; font-weight:700; text-decoration:none; }
}