:root{--km-primary:#2f6664;--km-deep:#244d4c;--km-ink:#25363a;--km-soft:#f5f8f8;--km-border:#dce6e5;--km-muted:#6f7f84}
.site-header,.km-brand{background:linear-gradient(180deg,#fff 0%,#f9fcfb 100%);color:var(--km-ink)}
.site-header .header-inner,.km-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px 18px 24px;max-width:none}
.site-header .brandcenter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.site-header .site-logo,.km-brand>img{width:auto;max-width:min(300px,75vw);max-height:92px;height:auto;object-fit:contain;display:block}
.site-header .brandtitle,.km-brand .brandtitle{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(21px,2.8vw,27px);font-weight:850;letter-spacing:-.045em;line-height:1.2;color:#263d40;text-align:center}
.site-header .brandtag,.km-brand .brandtag{font-size:12px;font-weight:450;color:#738184;margin:0;text-align:center}
.site-header .quick-actions,.km-brand .km-head-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(820px,100%);margin:7px auto 0}
.site-header .quickbtn,.km-brand .km-head-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:9px 14px;border-radius:10px;border:1px solid var(--km-border);background:#fff;color:#2c4344;font-size:13px;font-weight:720;line-height:1.25;text-decoration:none;box-shadow:none;transition:background .15s,border-color .15s;cursor:pointer}
.site-header .quickbtn:hover,.km-brand .km-head-action:hover{transform:none;background:#edf5f3;border-color:#aac7c1;box-shadow:none;color:#244d4c}
.site-header .quickbtn.cartbtn,.km-brand .km-head-action.km-head-cart{background:var(--km-primary);color:#fff;border-color:var(--km-primary)}
.site-header .quickbtn.cartbtn:hover,.km-brand .km-head-action.km-head-cart:hover{background:var(--km-deep);color:#fff}
.site-header .quickbtn svg,.km-brand .km-head-action svg{width:19px;height:19px;flex:none}
.site-header .quickbtn strong,.km-brand .km-head-action strong{background:#ffffff25;color:#fff;border-radius:99px;min-width:22px;padding:3px 6px;text-align:center;font-size:11px}
.site-header .controls,.searchbar{max-width:none}
.controls .searchbox,.searchbar .searchwrap{display:flex;align-items:center;width:100%;min-height:53px;border:1px solid #d6e3e1;background:#fff;border-radius:12px;box-shadow:0 3px 12px #173b3b08;transition:border-color .15s,box-shadow .15s}
.controls .searchbox:focus-within,.searchbar .searchwrap:focus-within{border-color:var(--km-primary);box-shadow:0 0 0 3px #2f666417}
.controls .searchbox input,.searchbar .searchwrap input.search{height:52px;min-height:52px;width:100%;background:transparent;border:0;border-radius:12px;box-shadow:none;font-family:inherit;font-size:14px;color:var(--km-ink);outline:none}
.controls .searchbox input:focus,.searchbar .searchwrap input.search:focus{border:0;box-shadow:none;outline:none}
.controls .searchbox svg,.searchbar .searchwrap>svg{color:#64807e}
.searchbar{margin:14px auto 14px;width:100%}
.searchbar .searchwrap{position:relative}
.searchbar .searchwrap input.search{padding-left:46px;padding-right:45px}
.searchbar .searchwrap>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%)}
.searchbar .clearSearch{top:10px;right:9px}
.controls .searchbox{min-height:54px}
.controls .searchbox input{font-size:14px}
.admin-login-dialog,.config-dialog,.priceDialog{border:0;border-radius:14px;box-shadow:0 26px 80px #0c273844;background:#fff;color:var(--km-ink);width:min(490px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
.admin-login-dialog::backdrop,.config-dialog::backdrop,.priceDialog::backdrop{background:#102b34a6}
.admin-login-dialog .modalhead,.config-dialog .modalhead,.priceDialog .priceHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:61px;padding:16px 20px;border-bottom:1px solid var(--km-border);font-size:15px;font-weight:800;color:#283d3f}
.admin-login-dialog .config-content,.config-dialog .config-content,.priceDialog .priceFields{display:grid;gap:12px;padding:20px}
.admin-login-dialog input[type=password],.config-dialog input[type=number],.priceDialog input:not([type=checkbox]),.priceDialog select{height:43px;width:100%;min-width:0;padding:0 12px;border-radius:9px;border:1px solid var(--km-border);background:#fff;color:var(--km-ink);font:inherit}
.admin-login-dialog label,.config-dialog label,.priceDialog label{font-size:12px;font-weight:700;color:#405456}
.config-dialog input[type=checkbox],.priceDialog input[type=checkbox]{accent-color:var(--km-primary)}
.admin-login-dialog .primary,.config-dialog .primary,.priceDialog .btn.dark{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;background:var(--km-primary);border:1px solid var(--km-primary);border-radius:9px;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.admin-login-dialog .primary:hover,.config-dialog .primary:hover,.priceDialog .btn.dark:hover{background:var(--km-deep)}
.config-dialog .config-help,.admin-login-dialog .admin-note,.priceDialog .priceHelp{color:var(--km-muted);font-size:11px;line-height:1.55}
.config-dialog .config-message,.admin-login-dialog .admin-error,#adminLoginError{color:#a62d2d;font-size:12px}
.priceDialog .checkFx,.config-dialog .config-switch{display:flex;gap:8px;align-items:center}
.priceDialog .priceFields>label{display:grid;gap:6px}
@media(max-width:620px){.site-header .header-inner,.km-brand{padding:12px 10px 16px;gap:8px}.site-header .site-logo,.km-brand>img{max-height:75px}.site-header .quick-actions,.km-brand .km-head-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.site-header .quickbtn.cartbtn,.km-brand .km-head-action.km-head-cart{grid-column:1/-1;grid-row:2}.site-header .quickbtn,.km-brand .km-head-action{min-height:43px;font-size:12px;padding:8px 6px}.site-header .brandtitle,.km-brand .brandtitle{font-size:22px}.controls .searchbox input,.searchbar .searchwrap input.search{height:48px;min-height:48px;font-size:13px}.admin-login-dialog,.config-dialog,.priceDialog{width:calc(100vw - 22px)}}

@media(max-width:620px){.site-header .quickbtn.cartbtn{position:static;inset:auto;transform:none;box-shadow:none;justify-content:center}.site-header .quick-actions{margin:7px auto 0}.site-header .header-inner{min-height:0}}