/* Shared install controls and a private-data-free connection screen. */
.pwa-install-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border:1px solid #8f9784;border-radius:100px;background:transparent;color:#393f39;font:500 12px/1.5 var(--sans,system-ui,sans-serif);cursor:pointer;white-space:nowrap;text-decoration:none}
.pwa-install-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.pwa-install-button:hover{background:#e3e5d5}
.pwa-install-button:focus-visible,.pwa-close:focus-visible,.pwa-primary:focus-visible{outline:3px solid #8a6348;outline-offset:4px}
.pwa-install-button[hidden],[data-pwa-offer][hidden]{display:none!important}
.site-header .pwa-header-install{margin-left:auto}
.pwa-hero-offer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;margin-top:22px}
#landing .ko-website .pwa-hero-offer p{max-width:230px;font-size:11px;line-height:1.65;color:var(--muted)}
.pwa-sidebar-install{width:100%;margin-top:28px;font-size:11px;white-space:normal}
.pwa-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:36px;border:1px solid #bec2b1;border-radius:22px;background:#f1eee5;color:#393f39;font:14px/1.7 var(--sans,system-ui,sans-serif);box-shadow:0 24px 90px #26332538;overflow:auto}
.pwa-dialog::backdrop{background:#26332577;backdrop-filter:blur(4px)}
.pwa-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.pwa-dialog-top img{border-radius:13px}
.pwa-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bec2b1;border-radius:50%;background:transparent;color:inherit;font:27px/1 system-ui;cursor:pointer}
.pwa-dialog h2{margin:22px 0 12px;font:400 32px/1.15 var(--serif,Georgia,serif);letter-spacing:-.6px}
.pwa-dialog ol{padding-left:23px;margin:20px 0}
.pwa-dialog li{padding-left:5px;margin:12px 0}
.pwa-dialog-note{padding-top:18px;border-top:1px solid #bec2b1;font-size:12px;color:#626a5e}
.pwa-dialog a{color:inherit;text-underline-offset:3px}
#pwa-install-status:empty{display:none}
#pwa-install-status{font-weight:500}
.pwa-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #393f39;border-radius:100px;background:#393f39;color:#f1eee5;font:500 14px/1.5 system-ui,sans-serif;cursor:pointer}
.ko-offline{margin:0;background:#f1eee5;color:#393f39;font:16px/1.7 system-ui,sans-serif}
.ko-offline main{width:min(560px,calc(100% - 48px));margin:0 auto;padding:clamp(56px,12vh,150px) 0 max(48px,env(safe-area-inset-bottom))}
.ko-offline img{border-radius:20px}
.ko-offline-label{margin:28px 0 18px;font-size:10px;letter-spacing:2px;color:#626a5e}
.ko-offline h1{font:400 clamp(32px,6vw,46px)/1.15 Georgia,serif;letter-spacing:-1px;margin:0 0 25px}
.ko-offline p:not(.ko-offline-label){color:#626a5e;font-size:14px}
.ko-offline .pwa-primary{margin:20px 0 8px}
.ko-offline #connection-status{font-size:12px}
@media(max-width:1250px){.site-header .pwa-header-install{display:none}}
@media(max-width:600px){.pwa-dialog{padding:24px}.pwa-dialog h2{font-size:28px}.pwa-hero-offer{align-items:flex-start;flex-direction:column;gap:8px}.pwa-install-button{font-size:11px}.pwa-dialog li{font-size:13px}}
@media(display-mode:standalone){.site-header{padding-top:env(safe-area-inset-top)}.product-shell{padding-bottom:env(safe-area-inset-bottom)}[data-pwa-offer],[data-pwa-install]{display:none!important}}
