.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:64px;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:transparent;cursor:pointer;line-height:1;white-space:nowrap}.theme-toggle:hover{border-color:var(--copper);color:var(--copper)}.theme-icon{font-family:Arial,sans-serif;font-size:23px}.theme-name{font-size:11px}.theme-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media(max-width:800px){.header-inner{gap:8px}.theme-toggle{min-width:36px;width:36px;height:36px;padding:0}.theme-name{display:none}.language{margin-left:auto}.menu-toggle{margin-left:0}.language span{margin:0 5px}}
@media(max-width:360px){.header-inner{gap:5px}.site-header .brand,.site-header .brand img{width:140px}.site-header .wrap{width:calc(100% - 24px)}.language{font-size:11px}}
/* Product UI captures must remain fully opaque in either theme. */
.route-product .page-hero .hero-art{opacity:1}
.route-product .page-hero .hero-art img{opacity:1;filter:none;mix-blend-mode:normal;object-fit:contain;object-position:center;background:#fff;animation:none}
.route-product .page-hero .hero-art:before{display:none}