/* header.css - top bar, header (logo | nav | tools), language dropdown, cart icon */
.topbar{background:var(--b);color:#fff;text-align:center;font-size:.78rem;padding:5px 10px;letter-spacing:.08em}
.hdr{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.hdr-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 24px;max-width:1440px;margin-inline:auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-inline-end:auto}
.logo img{width:46px;height:auto}
.logo-t{display:flex;flex-direction:column;line-height:1.1}
.logo-t b{font-size:1.15rem;color:var(--o)}.logo-t small{font-family:var(--font);letter-spacing:.2em;font-size:.62rem;color:var(--b)}
.nav{order:3;width:100%;display:flex;justify-content:center;gap:26px;overflow-x:auto;padding:2px 0;font-weight:500;font-size:.93rem;white-space:nowrap}
.nav a{text-decoration:none;padding:4px 0;border-bottom:1.5px solid transparent}.nav a:hover{border-color:var(--o);color:var(--o)}
.hdr-tools{display:flex;align-items:center;gap:14px}
.cartlink{position:relative;display:inline-flex;padding:6px;color:var(--b)}.cartlink .ic{width:22px;height:22px}
.cnt{position:absolute;top:-2px;inset-inline-end:-4px;background:var(--o);color:#fff;border-radius:999px;font-size:.66rem;min-width:18px;height:18px;line-height:18px;text-align:center;font-weight:700}
/* language dropdown */
.langsw{position:relative}
.langsw summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.06em;padding:6px 4px}
.langsw summary::-webkit-details-marker{display:none}.langsw summary::after{content:none!important}
.langsw .ic{width:12px;height:12px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--o);display:inline-block}
.langsw-menu{position:absolute;inset-inline-end:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(59,31,20,.12);padding:6px;min-width:140px;z-index:40}
.langsw-menu a{display:block;text-decoration:none;padding:7px 12px;border-radius:8px;font-size:.9rem}.langsw-menu a:hover,.langsw-menu a.on{background:var(--o-tint);color:var(--o-dark)}
@media(min-width:800px){.hdr-row{display:grid;grid-template-columns:1fr auto 1fr;min-height:68px}.nav{order:0;width:auto;overflow:visible}.logo{margin:0}.hdr-tools{justify-self:end}.logo-t b{font-size:1.3rem}}