/* One header anatomy across every page; logo artwork uses the original PNG. */
:root{--header-logo-width:180px;--header-row-height:88px}
.site-chrome .header.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;height:var(--header-row-height);min-height:var(--header-row-height);padding:0 clamp(24px,4vw,64px);box-sizing:border-box}
.site-chrome .header.header>a[aria-label="Pandawa home"]{grid-column:2;grid-row:1;justify-self:center;display:block;margin:0;transform:none;line-height:0}
.header-logo-art{display:block;width:var(--header-logo-width);height:calc(var(--header-logo-width)/3);overflow:hidden}
.site-chrome .header.header .header-controls{display:flex;grid-column:3;grid-row:1;justify-self:end;align-items:center;margin:0;gap:0}
.site-chrome .header.header .language-switch{display:flex;gap:0;align-items:center;font:500 12px 'DM Sans',sans-serif}
.site-chrome .header.header .language-switch button{width:44px;height:44px;min-height:44px;padding:0;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer}
.site-chrome .header.header .language-switch>span{display:none}
.site-chrome .header.header .menu-toggle{grid-column:1;grid-row:1;justify-self:start;display:none;width:44px;height:44px;min-height:44px;padding:10px;border:0;background:none;color:var(--ink);cursor:pointer}
.menu-toggle svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.site-chrome .header.header #nav{display:contents;margin:0;padding:0;border:0;background:none;position:static}
.nav-side{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px);min-width:0;font:500 .9rem 'DM Sans',sans-serif}
.nav-left{grid-column:1;grid-row:1;justify-self:start}.nav-right{grid-column:3;grid-row:1;justify-self:end;margin-right:108px}
.site-chrome .header.header #nav a{display:block;padding:12px 0;white-space:nowrap;color:var(--ink)}
#nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.menu-toggle:focus-visible,.language-switch button:focus-visible,.site-chrome #nav a:focus-visible{outline:2px solid #a84625;outline-offset:3px;border-radius:4px}
@media(max-width:1199px){
 :root{--header-logo-width:156px;--header-row-height:80px}
 .site-chrome .header.header .menu-toggle{display:block}
 .site-chrome .header.header #nav{display:none;position:absolute;left:0;right:0;top:calc(100% + var(--scallop-height) - 1px);max-height:calc(100dvh - var(--chrome-height) - 28px);overflow:auto;overscroll-behavior:contain;background:#fffaf1;border:1px solid #173b3917;border-top:0;border-radius:0 0 20px 20px;padding:20px clamp(24px,4vw,64px) 26px;box-shadow:0 12px 20px #173b3912}
 .site-chrome .header.header #nav.open{display:flex;flex-direction:column;gap:0}
 .nav-side{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;font-size:1.1rem}
 .site-chrome .header.header #nav a{padding:15px 4px;white-space:normal;min-height:48px}
}
@media(max-width:700px){:root{--header-logo-width:132px;--header-row-height:76px}.site-chrome .header.header{padding-inline:16px;column-gap:6px}}
@media(max-width:360px){:root{--header-logo-width:110px}.site-chrome .header.header{column-gap:4px}}
.shop-lightbox .quick-close{position:sticky;top:12px;right:auto;margin:0 0 12px auto;display:block;width:max-content;z-index:3}
.shop-lightbox{padding-top:14px}