/* Shared Studio/shop chrome. Keep the wide Studio canvas independent of it. */
[data-site-header] {
    --header-ink: var(--v2-ink, var(--nc-ink, var(--ink, #102c2c)));
    --header-line: var(--v2-line, var(--nc-line, var(--line, #cbded9)));
    position: relative;
    z-index: 20;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 28px;
    width: 100%;
    max-width: 1488px;
    margin: 0 auto;
    padding: 22px 24px;
    border-bottom: 1px solid var(--header-line);
    color: var(--header-ink);
    font: 400 13px/1.45 Poppins, Verdana, sans-serif;
}
[data-site-header] * { box-sizing: border-box; }
[data-site-header] a { color: inherit; text-decoration: none; }
[data-site-header] .nc-brand { display: flex; align-items: center; flex: 0 1 auto; min-width: 0; margin-right: auto; }
[data-site-header] .nc-brand small { display: block; margin-top: 3px; font-size: 10px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; }
[data-site-header] .nc-primary-nav { display: flex; position: relative; flex: 1; gap: 18px; align-items: center; flex-wrap: wrap; }
[data-site-header] .nc-primary-nav > a, [data-site-header] .nc-catalog-nav a { display: inline-flex; gap: 7px; align-items: center; font-size: 13px; }
[data-site-header] .nc-primary-nav a[aria-current] { font-weight: 700; text-decoration: underline; text-underline-offset: 7px; }
[data-site-header] .nc-catalog-nav { display: flex; align-items: center; gap: 2px; }
[data-site-header] .nc-catalog-nav button { display: grid; place-items: center; min-width: 30px; min-height: 36px; padding: 3px; border: 0; background: transparent; color: inherit; cursor: pointer; }
[data-site-header] svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
[data-site-header] .nc-header-actions { display: flex; align-items: center; gap: 12px; flex: none; margin-left: auto; }
.nc-header-settings { display: flex; align-items: center; gap: 12px; }
[data-site-header] select { field-sizing: content; max-width: 170px; color: inherit; font: inherit; background: transparent; padding: 10px; border: 0; cursor: pointer; }
[data-site-header] select option { color: #102c2c; background: #f9fcfb; }
.nc-header-settings .nc-icon-button { display: grid; place-items: center; width: 42px; height: 42px; padding: 10px; border: 1px solid #799f8740; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
.nc-header-settings .nc-icon-button svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; }
[data-site-header] .nc-account-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 42px; min-height: 42px; font-size: 12px; }
[data-site-header] .nc-account-link span, .nc-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-site-header] .nc-header-basket { width: 44px; height: 44px; }
[data-site-header] .nc-header-basket svg { width: 25px; height: 25px; }
[data-site-header] :focus-visible { outline: 2px solid #16afb3; outline-offset: 4px; }
[data-site-header] .sc-mega { left: 0; width: min(960px, calc(100vw - 320px)); }
/* The active chat fills the space left by the real header, not a fixed 66px offset. */
body.is-chat-active:has(> [data-site-header]) { display: flex; flex-direction: column; }
body.is-chat-active > [data-site-header] { flex: none; }
body.is-chat-active:has(> [data-site-header]) > .site-frame { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto; }
body.is-chat-active:has(> [data-site-header]) > .site-frame > main { flex: 1; min-height: 0; height: auto; }
.nc-mobile-toggle { display: none; }
.nc-mobile-menu { --menu-ink:#153c32; --menu-bg:#f4f8f4; --menu-line:#799f8733; color:var(--menu-ink); background:var(--menu-bg); width:min(440px,calc(100% - 24px)); max-height:calc(100dvh - 24px); margin:12px 12px 12px auto; padding:24px; border:1px solid var(--menu-line); border-radius:24px; box-shadow:0 24px 90px #05251f35; font-family:Poppins,Verdana,sans-serif; overflow:auto; box-sizing:border-box; }
.nc-mobile-menu::backdrop { background:#061e20a8; backdrop-filter:blur(7px); }
.nc-mobile-menu > header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.nc-mobile-menu > header > a { font-size:22px; letter-spacing:-.05em; color:inherit; text-decoration:none; font-weight:600; }
.nc-mobile-menu button { font:inherit; color:inherit; }
.nc-mobile-menu [data-mobile-menu-close] { width:44px; height:44px; border:1px solid var(--menu-line); border-radius:50%; background:transparent; font-size:28px; cursor:pointer; }
.nc-mobile-menu [data-mobile-menu-close] svg { display:none; }
.nc-mobile-primary { display:grid; gap:10px; }
.nc-mobile-primary > a { display:flex; align-items:center; gap:14px; padding:18px 16px; color:inherit; text-decoration:none; border:1px solid var(--menu-line); border-radius:16px; background:linear-gradient(120deg,#76bb9317,transparent); font-size:15px; font-weight:500; }
.nc-mobile-primary > a > span { margin-left:auto; opacity:.5; }
.nc-mobile-menu [data-mobile-settings] { padding:24px 0; border-bottom:1px solid var(--menu-line); margin-bottom:16px; }
.nc-mobile-menu .nc-header-settings { display:flex; flex-wrap:wrap; justify-content:space-between; }
.nc-mobile-menu .nc-header-settings select { max-width:100%; background:transparent; color:inherit; border:1px solid var(--menu-line); border-radius:10px; padding:10px; font:inherit; }
.nc-mobile-menu .nc-help-menu { font-size:14px; }
.nc-mobile-menu .nc-help-popover { position:static; min-width:0; max-height:none; padding:8px 0; box-shadow:none; border:0; background:transparent; color:inherit; }
.nc-mobile-menu .nc-help-popover a { padding:12px 4px!important; }
.nc-menu-open { overflow:hidden; }
:is([data-commerce-theme=night],[data-public-chat-theme=night]) .nc-mobile-menu { --menu-ink:#e1efe8; --menu-bg:#122923; --menu-line:#90b9a438; }
[data-public-chat-theme=night] .nc-help-popover { background:#122923; color:#e1efe8; border-color:#315146; }
@media(max-width:1150px) {
    [data-site-header] { gap:18px; }
    [data-site-header] .nc-primary-nav { gap:12px; }
    [data-site-header] .nc-primary-nav > a, [data-site-header] .nc-catalog-nav a { font-size:12px; }
}
@media(max-width:1050px) {
    [data-site-header] { flex-wrap:nowrap; gap:12px; padding:15px 20px; }
    [data-site-header] .nc-primary-nav { display:none; }
    [data-site-header] .nc-header-actions { gap:8px; }
    [data-site-header] .nc-header-settings { display:none; }
    [data-site-header] .nc-mobile-toggle { display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; flex:0 0 42px; padding:9px; border:1px solid var(--header-line); border-radius:50%; background:transparent; color:inherit; cursor:pointer; }
    [data-site-header] .nc-shop-wordmark { font-size:clamp(13px,3.8vw,21px); white-space:nowrap; overflow-wrap:normal; }
    [data-site-header] .nc-shop-logo { max-width:min(195px,calc(100vw - 194px)); }
    .nc-mobile-menu .nc-help-popover { background:transparent; }
}
@media(max-width:360px) {
    [data-site-header] { padding-inline:12px; gap:8px; }
    [data-site-header] .nc-header-actions { gap:4px; }
}
@media(prefers-reduced-motion:reduce) { .nc-mobile-menu { scroll-behavior:auto; } }