:root{--ink:#0D574A;--paper:#F6F5EF;--accent:#EF6836;--line:#3A8070;color-scheme:light}
body{background:var(--paper);color:var(--ink);font-family:Poppins,'Segoe UI',Arial,sans-serif}
#gk-root{min-height:100vh}
#gk-root img{max-width:100%}
.gk-dock{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:50;display:flex;gap:8px}
.gk-dock button{font-family:Poppins,'Segoe UI',Arial,sans-serif;font-size:14px;font-weight:600;min-height:46px;padding:0 18px;border-radius:99px;cursor:pointer;border:1px solid var(--line);background:var(--ink);color:var(--paper);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.gk-dock button.gk-alt{background:var(--paper);color:var(--ink);border-color:#C9CCB8}
.gk-dock button:focus-visible,.gk-menu a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.gk-menu{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:51;width:min(300px,calc(100vw - 32px));max-height:min(70vh,560px);overflow:auto;background:var(--ink);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 18px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:2px}
.gk-menu[hidden]{display:none}
.gk-menu a{color:var(--paper);text-decoration:none;font-size:15px;padding:11px 14px;border-radius:10px}
.gk-menu a:hover{background:#1E6356}
.gk-menu a[aria-current="page"]{background:var(--accent);color:var(--ink);font-weight:600}
.gk-menu .gk-mh{color:#A9CBC2;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px 4px}
.gk-tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));background:var(--accent);scrollbar-width:thin}
.gk-tabs .gk-tl{flex:none;font-size:12px;font-weight:600;color:var(--ink);margin-right:4px}
.gk-tabs a{flex:none;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.55);padding:7px 12px;border-radius:99px;white-space:nowrap}
.gk-tabs a[aria-current="page"]{background:var(--ink);color:var(--paper)}
.gk-tabs a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}

@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}
.gk-logo{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}
.gk-logo img{width:40px;height:40px;background:#F6F5EF;border-radius:12px;padding:3px;box-sizing:border-box;flex:none}
.gk-burger{display:none;flex:none;width:46px;height:46px;border-radius:12px;border:1px solid #3A8070;background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;order:2}
.gk-burger span{display:block;width:20px;height:2px;border-radius:2px;background:#E8F2EF;transition:transform .2s,opacity .2s}
.gk-burger:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.gk-open .gk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.gk-open .gk-burger span:nth-child(2){opacity:0}
.gk-open .gk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:820px){
  .gk-burger{display:flex}
  .gk-open .gk-nav{display:flex !important;order:5;flex:1 1 100%;flex-direction:column;align-items:stretch !important;gap:0 !important;border-top:1px solid #2E7466;padding-top:8px}
  .gk-open .gk-nav a{padding:14px 4px;font-size:17px;border-bottom:1px solid #1E6356}
}
@media (prefers-reduced-motion: reduce){.gk-burger span{transition:none}}
#gk-root h1,#gk-root h2{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
#gk-root input[type=checkbox],#gk-root input[type=radio]{width:24px;height:24px;flex:none}
@media (max-width:480px){html body #gk-root .gk-h1{font-size:clamp(28px,8.4vw,36px) !important}html body #gk-root .gk-h2{font-size:clamp(24px,7vw,30px) !important}}
@media (max-width:1320px){.gk-cart-btn>span:not(.gk-cart-n){display:none}.gk-cart-btn{padding:0 12px !important}}
@media (max-width:820px){header>div:last-child,header>span:last-child{order:3}}
@media (min-width:821px){#gk-root{zoom:.85}}