/* Shared Studio/shop chrome. Keep the wide Studio canvas independent of it. */
.nc-shipping-promotion { --promo-ink:#654017; --promo-line:#b88b4638; --promo-bg:linear-gradient(110deg,#f8efdf,#f2e6ce 55%,#f8efdf); box-sizing:border-box; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px 16px; width:100%; max-width:1488px; min-height:32px; padding:5px 24px; margin:0 auto; border-bottom:1px solid var(--promo-line); color:var(--promo-ink); background:var(--promo-bg); font:400 12px/1.5 Poppins,Verdana,sans-serif; }
.nc-shipping-promotion > .nc-promotion-shipping { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 12px; color:inherit; }
.nc-shipping-promotion svg { width:17px; height:17px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.nc-shipping-promotion strong { font-weight:600; }
.nc-promotion-coupon { display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:6px; color:inherit; }
.nc-promotion-copy { position:relative; display:inline-flex; }
.nc-promotion-copy button { display:inline-flex; align-items:center; gap:5px; padding:3px 7px; border:1px dashed var(--promo-ink); border-radius:5px; color:inherit; background:#b88b4610; font:inherit; cursor:pointer; }
.nc-promotion-copy button:focus-visible { outline:2px solid currentColor; outline-offset:2px; }
.nc-promotion-copy button:disabled { cursor:wait; }
.nc-promotion-copy button svg { width:12px; height:12px; }
.nc-promotion-copy code { color:inherit; font:600 12px/1.3 Consolas,monospace; user-select:all; }
.nc-promotion-copy-feedback { position:absolute; top:calc(100% + 4px); inset-inline-end:0; z-index:120; pointer-events:none; white-space:nowrap; padding:4px 8px; border-radius:6px; background:#26342a; color:#fff; font-size:11px; box-shadow:0 3px 12px #0002; }
.nc-promotion-copy-feedback:empty { display:none; }
.nc-promotion-copy-buffer { position:fixed; inset-inline-start:-9999px; top:0; width:1px; height:1px; opacity:0; }
:is([data-commerce-theme=night],[data-public-chat-theme=night]) .nc-shipping-promotion { --promo-ink:#ffe0a3; --promo-line:#e3b75a40; --promo-bg:linear-gradient(110deg,#24281f,#303324 55%,#24281f); }
body.is-chat-active > .nc-shipping-promotion { flex:none; }
@media(max-width:600px) { .nc-shipping-promotion { padding-inline:12px; gap:4px 12px; } .nc-shipping-promotion > .nc-promotion-shipping { gap:4px 9px; } }
[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; }
.nc-creator-nav { position:relative; display:flex; align-items:center; gap:2px; }
.nc-motifs-nav { position:relative; display:flex; align-items:center; gap:2px; }
.nc-motifs-nav > a { display:inline-flex; align-items:center; gap:7px; font-size:13px; }
.nc-motifs-nav > button { display:grid; place-items:center; width:30px; min-height:36px; padding:3px; border:0; color:inherit; background:transparent; cursor:pointer; }
.nc-motifs-nav > button[aria-expanded=true] svg { transform:rotate(180deg); }
.nc-motifs-choices { position:absolute; top:calc(100% + 6px); left:0; z-index:35; width:280px; max-width:calc(100vw - 48px); padding:10px; border:1px solid #799f8733; border-radius:20px; background:#f6faf7; color:#153c32; box-shadow:0 18px 50px #05251f26; }
.nc-motifs-choices[hidden] { display:none; }
.nc-motifs-choices p { margin:8px; font-size:12px; }
.nc-motifs-choices p:empty { display:none; }
.nc-motifs-choices a { display:flex; align-items:center; gap:12px; min-height:42px; padding:10px; border-radius:12px; font-size:13px; }
.nc-motifs-choices img { width:36px; height:36px; object-fit:contain; }
.nc-motifs-choices a:hover,.nc-motifs-choices a:focus-visible { background:#799f871b; }
.nc-motifs-choices .nc-motifs-all { border-top:1px solid #799f8733; margin-top:6px; font-weight:600; justify-content:space-between; }
:is([data-commerce-theme=night],[data-public-chat-theme=night]) .nc-motifs-choices { background:#122923; color:#e1efe8; border-color:#315146; }
.nc-creator-nav > a { display:inline-flex; gap:7px; align-items:center; color:inherit; text-decoration:none; font-size:13px; }
.nc-creator-nav > button { display:grid; place-items:center; width:30px; min-height:36px; padding:3px; border:0; background:transparent; color:inherit; cursor:pointer; }
.nc-creator-nav > button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; }
.nc-creator-nav > button[aria-expanded=true] svg { transform:rotate(180deg); }
.nc-creator-choices { position:absolute; top:calc(100% + 8px); left:0; z-index:30; min-width:280px; max-width:calc(100vw - 48px); padding:8px; border:1px solid #799f8733; border-radius:18px; background:#f6faf7; color:#153c32; box-shadow:0 18px 50px #05251f26; }
.nc-creator-choices[hidden] { display:none; }
.nc-creator-choices a { display:flex; align-items:center; gap:12px; padding:12px; border-radius:12px; color:inherit; text-decoration:none; }
.nc-creator-choices a:hover, .nc-creator-choices a:focus-visible { background:#799f871b; }
.nc-creator-choices strong { display:block; font-size:14px; font-weight:600; }
.nc-creator-choices small { display:block; margin-top:2px; font-size:11px; opacity:.7; }
.nc-creator-choices a > svg { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; }
.nc-creator-choices a > svg:last-child { margin-left:auto; width:16px; height:16px; opacity:.55; }
.nc-collections-choices { --sc-line:#799f8733; --sc-muted:#59736c; --sc-accent:#259979; position:absolute; top:calc(100% + 8px); left:0; z-index:30; width:min(960px,calc(100vw - 320px)); max-height:min(650px,75dvh); overflow:auto; overscroll-behavior:contain; padding:26px; border:1px solid var(--sc-line); border-radius:24px; background:#f6faf7; color:#153c32; box-shadow:0 18px 50px #05251f26; }
.nc-collections-choices[hidden] { display:none; }
.nc-collections-choices [data-shop-menu-status]:empty { display:none; }
[data-site-header] .sc-mega-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 16px; align-items:start; }
[data-site-header] .sc-menu-group { min-width:0; border:1px solid var(--sc-line); border-radius:14px; overflow:hidden; }
[data-site-header] .sc-menu-group summary { display:flex; align-items:center; gap:10px; padding:10px; list-style:none; cursor:pointer; }
[data-site-header] .sc-menu-group summary::-webkit-details-marker { display:none; }
[data-site-header] .sc-menu-group summary > a { flex:1; min-width:0; font-size:13px; font-weight:550; line-height:1.35; overflow-wrap:anywhere; }
[data-site-header] .sc-menu-group summary > a small { display:block; color:var(--sc-muted); font-size:10px; font-weight:400; margin-top:4px; }
[data-site-header] .sc-menu-group summary:hover, [data-site-header] .sc-subcategories a:hover { background:color-mix(in srgb,var(--sc-accent),transparent 94%); }
[data-site-header] .sc-category-icon { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; min-width:44px; padding:6px; border-radius:10px; overflow:hidden; color:#254135; background:radial-gradient(ellipse at 26% 12%,#f3fbf8 0%,transparent 65%),linear-gradient(145deg,#d5eeea,#e4ede8 52%,#c6e0da); }
[data-site-header] .sc-category-icon img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center; }
[data-site-header] .sc-subcategories { padding:5px; border-top:1px solid var(--sc-line); }
[data-site-header] .sc-subcategories a { display:flex; gap:9px; align-items:center; padding:10px 9px; font-size:12px; border-radius:8px; }
[data-site-header] .sc-subcategories small { margin-left:auto; color:var(--sc-muted); }
[data-site-header] .sc-subcategories .sc-category-icon { width:32px; height:32px; min-width:32px; flex-basis:32px; padding:4px; border-radius:7px; }
[data-site-header] .sc-menu-group summary > svg:last-child { width:15px; }
[data-site-header] .sc-menu-group[open] > summary > svg:last-child { transform:rotate(180deg); }
:is([data-commerce-theme=night],[data-public-chat-theme=night]) .nc-creator-choices { background:#122923; color:#e1efe8; border-color:#315146; }
:is([data-commerce-theme=night],[data-public-chat-theme=night]) .nc-collections-choices { --sc-line:#315146; --sc-muted:#a7bdb3; background:#122923; color:#e1efe8; border-color:#315146; }
:is([data-commerce-theme=night],[data-public-chat-theme=night]) [data-site-header] .sc-category-icon { background:radial-gradient(ellipse at 42% 30%,#d9e8e4 0%,transparent 75%),linear-gradient(145deg,#7da7a5,#bed3cb 56%,#6b9795); }
[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 select { appearance:none; border-radius:10px; padding-right:28px!important; background-image:url("/bundles/shoptefynativecommerce/select-chevron.svg")!important; background-repeat:no-repeat!important; background-position:right 8px center!important; }
.nc-header-settings 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-primary .nc-creator-nav { flex-wrap:wrap; gap:0; padding:0; border:1px solid var(--menu-line); border-radius:16px; background:linear-gradient(120deg,#76bb9317,transparent); }
.nc-mobile-primary .nc-creator-nav > a { flex:1; gap:14px; padding:18px 16px; font-size:15px; font-weight:500; }
.nc-mobile-primary .nc-creator-nav > a > svg { width:22px; height:22px; }
.nc-mobile-primary .nc-creator-nav > button { width:48px; height:58px; }
.nc-mobile-primary .nc-creator-choices { position:static; flex:0 0 100%; min-width:0; max-width:none; padding:0 8px 8px; border:0; border-radius:0 0 16px 16px; box-shadow:none; background:transparent; color:inherit; }
.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; } }