/* Standalone storefront; shared primitives stay scoped outside the control UI. */
@font-face{font-family:Commerce Grotesk;src:url('/assets/fonts/hkgrotesk-regular.24ff70bd.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Commerce Grotesk;src:url('/assets/fonts/hkgrotesk-semibold.59387fcc.woff') format('woff');font-weight:600 800;font-display:swap}
.nc-body,.nc-admin{--nc-bg:#f5f6ef;--nc-surface:#fff;--nc-ink:#15231c;--nc-muted:#546259;--nc-line:#dce2d8;--nc-accent:#b9f227;--nc-soft:#eaf0e5;--nc-radius:22px;font-family:Commerce Grotesk,sans-serif;color:var(--nc-ink);line-height:1.45}
[data-commerce-theme=night] .nc-body,[data-bs-theme=dark] .nc-admin{--nc-bg:#0c1812;--nc-surface:#15241b;--nc-ink:#edf4e7;--nc-muted:#aabdab;--nc-line:#34463a;--nc-soft:#223329;color-scheme:dark}
[data-bs-theme=dark] .nc-admin .nc-admin-hero h1 span{color:#b9f227}
[data-bs-theme=dark] .nc-admin .nc-orbit>span{background:var(--nc-surface)}
.nc-body{--nc-bg:#edf6f3;--nc-surface:#f9fcfb;--nc-ink:#102c2c;--nc-muted:#617978;--nc-line:#cbded9;--nc-accent:#0fa6aa;--nc-soft:#deefea;--nc-photo:radial-gradient(ellipse at 26% 12%,#f3fbf8 0%,transparent 65%),linear-gradient(145deg,#d5eeea,#e4ede8 52%,#c6e0da);margin:0;background:radial-gradient(ellipse at 90% 0%,#19b4b423,transparent 45%),radial-gradient(ellipse at 5% 40%,#75ae6418,transparent 50%),var(--nc-bg);font-size:16px}
[data-commerce-theme=night] .nc-body{--nc-bg:#071416;--nc-surface:#0b2022;--nc-ink:#eff8f6;--nc-muted:#8ca5a3;--nc-line:#294548;--nc-soft:#123235;--nc-accent:#39c3c7;--nc-photo:radial-gradient(ellipse at 42% 30%,#d9e8e4 0%,transparent 75%),linear-gradient(145deg,#7da7a5,#bed3cb 56%,#6b9795)}
.nc-body *,.nc-admin *{box-sizing:border-box}
.nc-body a,.nc-admin a{color:inherit;text-decoration:none}
.nc-body button,.nc-body input,.nc-body select,.nc-admin button,.nc-admin select{font:inherit}
.nc-body button,.nc-admin button{cursor:pointer}
.nc-body img{display:block;max-width:100%}
.nc-body button,.nc-body select,.nc-body input,.nc-admin select{color:var(--nc-ink)}
.nc-body :focus-visible,.nc-admin :focus-visible{outline:3px solid var(--nc-accent);outline-offset:4px}
.nc-body h1,.nc-body h2,.nc-body p,.nc-admin h1,.nc-admin h2{margin-top:0;color:inherit}
.nc-visually-hidden,.nc-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nc-skip:focus{position:fixed;top:12px;left:12px;z-index:10;padding:12px;background:var(--nc-accent)}
.nc-preview-bar{display:flex;justify-content:space-between;gap:12px;background:#193024;color:#edf4e7;padding:9px max(24px,calc((100vw - 1440px)/2));font-size:12px}
.nc-preview-bar>span{display:flex;align-items:center;gap:8px}.nc-preview-bar i{width:6px;height:6px;border-radius:50%;background:var(--nc-accent)}
.nc-brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.6px}
.nc-brand b{display:grid;place-items:center;background:var(--nc-accent);color:#15231c;border-radius:14px 14px 14px 4px;width:44px;height:44px;font-size:30px}
.nc-brand small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:500}
.nc-nav-active{font-weight:600;border-bottom:2px solid var(--nc-ink);padding:5px 0}
.nc-market{font-size:12px;color:var(--nc-muted)}
.nc-icon-button{background:var(--nc-surface);border:1px solid var(--nc-line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center}
.nc-body svg:not(:where(.nc-creator-surface *)){width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.nc-main{max-width:1488px;margin:auto;padding:0 24px 60px;min-height:65vh}
.nc-data-notice{border-left:3px solid #b58215;background:var(--nc-soft);color:var(--nc-muted);padding:12px 16px;margin:20px 0 0;font-size:13px;border-radius:0 10px 10px 0}
.nc-catalog-hero{padding:38px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.nc-eyebrow{display:block;text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:700;color:var(--nc-muted);margin-bottom:10px}
.nc-catalog-hero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.02;letter-spacing:-2px;max-width:900px;margin-bottom:18px;font-weight:600}
.nc-catalog-hero #category-heading{scroll-margin-top:20px;outline:none}
.nc-catalog-hero p{color:var(--nc-muted);margin-bottom:0;max-width:660px}.nc-hero-note{display:flex;gap:18px;align-items:center;flex-shrink:0;padding:20px 24px;border-radius:22px;background:var(--nc-soft)}
.nc-hero-note>span{font-size:52px;letter-spacing:-3px;line-height:1}.nc-hero-note p{font-size:12px}
.nc-browse-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px}.nc-category-panel{align-self:start;position:sticky;top:24px}
.nc-category-panel summary{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:12px 0 20px;cursor:pointer}.nc-category-panel summary span{font-size:12px;color:var(--nc-muted)}
.nc-category-panel nav{display:grid;gap:4px;max-height:calc(100dvh - 120px);overflow:auto;scrollbar-width:thin}.nc-category-panel a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:12px;font-size:12px;min-width:0}.nc-category-panel a>span:not(.nc-category-icon){flex:1;min-width:0;overflow-wrap:anywhere}.nc-category-panel a:hover{background:var(--nc-soft)}.nc-category-panel a[aria-current=page]{background:var(--nc-soft);box-shadow:inset 2px 0 var(--nc-accent)}.nc-category-panel small{font-size:10px;opacity:.7}
.nc-filters{display:flex;gap:12px 8px;flex-wrap:wrap;align-items:end}.nc-search{display:flex;align-items:center;gap:8px;flex:1;min-width:170px;height:46px;padding:0 12px;background:var(--nc-surface);border:1px solid var(--nc-line);border-radius:12px}
.nc-filter-select{display:grid;gap:5px}.nc-filter-select>span,.nc-color-filters legend{font-size:12px;font-weight:600;color:var(--nc-muted)}
.nc-color-filters{flex-basis:100%;min-width:0;margin:6px 0 0;padding:0;border:0}.nc-color-filters legend{margin-bottom:9px}.nc-color-filters>div{display:flex;flex-wrap:wrap;gap:7px}
.nc-color-filters label{position:relative;cursor:pointer}.nc-color-filters input{position:absolute;opacity:0;width:1px;height:1px}.nc-color-filters label>span{display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;border:1px solid var(--nc-line);border-radius:20px;background:var(--nc-surface);font-size:12px;line-height:1.2;transition:background .15s,border-color .15s}
.nc-color-filters small{color:var(--nc-muted);font-size:10px}.nc-color-filters input:checked+span{border-color:var(--nc-ink);background:var(--nc-soft);box-shadow:inset 0 0 0 1px var(--nc-ink)}.nc-color-filters input:focus-visible+span{outline:2px solid var(--nc-ink);outline-offset:3px}.nc-color-filters label:hover>span{border-color:var(--nc-muted)}
.nc-color-dot{display:block;flex:none;width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid #8886}.nc-color-dot--multi{background:conic-gradient(#c63744,#ecc83e,#438a52,#3685ae,#875b9d,#c63744)}.nc-color-dot--all{background:linear-gradient(135deg,#fff 50%,#1e2924 50%)}
.nc-color-dot[data-cluster=white]{--swatch:#fff}.nc-color-dot[data-cluster=black]{--swatch:#000}.nc-color-dot[data-cluster=navy]{--swatch:#000080}.nc-color-dot[data-cluster=brown]{--swatch:#8b4513}.nc-color-dot[data-cluster=purple]{--swatch:#800080}.nc-color-dot[data-cluster=red]{--swatch:#e60026}.nc-color-dot[data-cluster=orange]{--swatch:#ffa500}.nc-color-dot[data-cluster=yellow]{--swatch:#ffe93c}.nc-color-dot[data-cluster=pink]{--swatch:#fee0d6}.nc-color-dot[data-cluster=beige]{--swatch:#f5f5dc}.nc-color-dot[data-cluster=gray]{--swatch:#808080}.nc-color-dot[data-cluster=blue]{--swatch:#1e90ef}.nc-color-dot[data-cluster=turquoise]{--swatch:#91c0ba}.nc-color-dot[data-cluster=olive]{--swatch:#454839}.nc-color-dot[data-cluster=green]{--swatch:#228b22}
.nc-search input{width:100%;min-width:0;background:transparent;border:0;padding:12px 0;outline-offset:0}.nc-search svg{width:18px;flex-shrink:0}
.nc-filters select,.nc-admin select{height:46px;max-width:190px;padding:0 28px 0 12px;background:var(--nc-surface);border:1px solid var(--nc-line);border-radius:12px;font-size:13px}
.nc-body .nc-button,.nc-admin .nc-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;background:var(--nc-accent);color:#172414;padding:11px 18px;border-radius:12px;min-height:44px;font-size:14px;font-weight:600;text-decoration:none}
.nc-body .nc-button:hover,.nc-admin .nc-button:hover{background:#abdf2a;color:#172414}.nc-body .nc-button--quiet,.nc-admin .nc-button--quiet{background:var(--nc-surface);border-color:var(--nc-line);color:var(--nc-ink)}
.nc-results-meta{display:flex;justify-content:space-between;margin:20px 0;font-size:12px;color:var(--nc-muted)}.nc-results-meta a{text-decoration:underline;text-underline-offset:4px}
.nc-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.nc-product-card{min-width:0;animation:nc-reveal .35s both;padding:8px 8px 14px;border:1px solid var(--nc-line);border-radius:28px;background:color-mix(in srgb,var(--nc-surface),transparent 12%);position:relative}
.nc-product-photo{display:block;position:relative;aspect-ratio:4/4.5;border-radius:var(--nc-radius);overflow:hidden;background:var(--nc-photo);border:1px solid var(--nc-line)}
/* Main product surfaces follow the night theme; thumbnail/icon tiles stay light. */
[data-commerce-theme=night] :is(.nc-product-photo,.nc-gallery,.nc-zoom){background:radial-gradient(circle at 50% 44%,rgba(83,99,100,.32),transparent 64%),linear-gradient(180deg,#2a3435,#263031)}
[data-commerce-theme=night] .nc-gallery{color:#bdc9c7}
.nc-body .nc-gallery .nc-main-image{color:inherit}
/* An animated card is a stacking context: raise the entire open card. */
.nc-product-card:has(.nc-more-colors[open]){z-index:6}
.nc-product-photo img{width:100%;height:100%;object-fit:contain;padding:22px;transition:transform .25s}.nc-product-photo:hover img{transform:scale(1.035)}
.nc-card-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;background:#f1f3eb;color:#16271b;border-radius:50%;font-size:21px}
.nc-card-copy{padding:16px 8px 0}.nc-card-copy .nc-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:7px}.nc-card-copy h2{font-size:16px;line-height:1.25;letter-spacing:-.3px;font-weight:600;margin-bottom:10px;min-height:2.5em}
.nc-card-price{font-size:20px;letter-spacing:-.4px;margin-bottom:9px}.nc-card-price small{font-size:12px;color:var(--nc-muted);letter-spacing:0}.nc-card-facts{display:flex;gap:12px;font-size:12px;color:var(--nc-muted)}
.nc-empty{grid-column:1/-1;padding:65px 24px;border:1px dashed var(--nc-line);border-radius:22px;text-align:center}.nc-empty>span{font-size:48px}.nc-empty h2{margin-top:12px;font-size:24px}.nc-empty p{color:var(--nc-muted)}.nc-image-empty{display:grid;height:100%;place-items:center;padding:24px;text-align:center;color:#5c695e}
.nc-pagination{display:flex;gap:18px;align-items:center;justify-content:center;margin:36px 0;font-size:14px}.nc-source-note{font-size:12px;color:var(--nc-muted);line-height:1.6;margin:18px 0}.nc-footer{border-top:1px solid var(--nc-line);padding:28px max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:32px;font-size:12px;color:var(--nc-muted)}.nc-footer p{margin:0;flex:1;max-width:750px}.nc-footer>a{margin-left:auto}
.nc-breadcrumbs{display:flex;gap:12px;padding:26px 0;font-size:12px;flex-wrap:wrap;color:var(--nc-muted)}.nc-breadcrumbs>a:hover{text-decoration:underline}
.nc-pdp{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.nc-gallery{position:sticky;top:24px;min-width:0;height:min(760px,calc(100dvh - var(--nc-action-height,0px) - 48px));border:1px solid var(--nc-line);border-radius:30px;background:var(--nc-photo);color:#294635;overflow:hidden}
.nc-stage-caption{min-width:0;margin-left:auto;font-size:11px;line-height:1.5;text-align:right;overflow-wrap:anywhere}
.nc-stage-caption>span{margin:0 6px;opacity:.4}
.nc-main-image{display:block;position:relative;width:100%;height:100%;padding:65px 30px 62px 83px;border:0;background:none;color:inherit;overflow:hidden}
.nc-main-image>img{display:block;width:100%;height:100%;object-fit:contain}
.nc-zoom-label{position:absolute;right:22px;bottom:46px;background:#fffe;color:#294635;padding:8px 12px;border-radius:20px;font-size:11px;display:flex;align-items:center;gap:8px}
.nc-zoom-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}
.nc-thumbnails{position:absolute;top:85px;left:18px;bottom:95px;display:flex;flex-direction:column;gap:9px;overflow-y:auto;scrollbar-width:none}
.nc-thumbnails::-webkit-scrollbar{display:none}
.nc-thumbnails button{flex:0 0 62px;width:52px;height:62px;padding:2px;background:var(--nc-photo);border:1px solid #d2dacf;border-radius:10px;overflow:hidden}
.nc-thumbnails img{display:block;height:100%;width:100%;object-fit:contain}
.nc-thumbnails [aria-pressed=true]{border:2px solid #294b36}
.nc-stage-coordinate{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;opacity:.4;pointer-events:none}
.nc-body:has([data-commerce-product-actions]){padding-bottom:var(--nc-action-height,150px)}
.nc-product-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,500px);gap:24px;align-items:center;padding:14px max(24px,calc((100vw - 1440px)/2));padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--nc-line);background:var(--nc-surface);box-shadow:0 -8px 32px #03181b14}
.nc-action-product{display:flex;align-items:center;gap:24px;min-width:0}.nc-action-product>div{min-width:0}.nc-action-product strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.nc-action-product span{display:block;margin-top:4px;font-size:11px;color:var(--nc-muted)}.nc-action-product>b{font-size:20px;font-weight:600;white-space:nowrap}
.nc-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nc-action-controls>p{font-size:10px;color:var(--nc-muted);margin:6px 0 0;text-align:right}.nc-action-buttons .nc-button{font-size:13px;gap:8px;min-height:46px;padding:10px}.nc-action-buttons .nc-button:disabled{cursor:not-allowed;color:var(--nc-muted);border-color:var(--nc-line);background:transparent}
@media(max-width:700px){.nc-product-actions{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 16px max(10px,env(safe-area-inset-bottom))}.nc-action-product{justify-content:space-between;gap:12px}.nc-action-product strong{font-size:12px}.nc-action-product span{display:none}.nc-action-product>b{font-size:16px}.nc-action-buttons .nc-button{font-size:12px;padding:9px 6px}.nc-action-controls>p{text-align:center}}
.nc-product-info{padding-top:10px;min-width:0}.nc-product-info h1{font-size:clamp(30px,3vw,48px);letter-spacing:-1.5px;line-height:1.07;margin-bottom:24px;font-weight:600}.nc-pdp-price{font-size:32px;letter-spacing:-1px}.nc-product-info>.nc-source-note{margin-top:4px}.nc-choice{border-top:1px solid var(--nc-line);padding:22px 0 4px}.nc-choice h2{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:14px}.nc-choice h2 span{font-weight:400;color:var(--nc-muted);text-align:right}.nc-color-options{display:flex;flex-wrap:wrap;gap:8px;padding:3px}.nc-color-option{display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:55px;height:64px;flex:0 0 55px;overflow:hidden;border-radius:10px;background:var(--nc-photo);border:1px solid var(--nc-line);padding:4px}.nc-color-option img{display:block;height:100%;width:100%;min-height:0;min-width:0;object-fit:contain;object-position:center}.nc-color-option span{font-size:10px;color:#15231c;overflow-wrap:anywhere}.nc-color-option.is-selected{outline:2px solid var(--nc-ink);outline-offset:2px}.nc-size-options{display:flex;flex-wrap:wrap;gap:8px}.nc-size-options a{min-width:54px;padding:11px;text-align:center;border:1px solid var(--nc-line);border-radius:10px;background:var(--nc-surface);font-size:13px}.nc-size-options a.is-selected{background:var(--nc-ink);color:var(--nc-bg);border-color:var(--nc-ink)}
.nc-next-step{display:flex;gap:18px;background:var(--nc-soft);border-radius:18px;padding:20px;margin:18px 0 28px}.nc-next-step svg{width:30px;height:30px;flex-shrink:0}.nc-next-step strong{font-size:15px}.nc-next-step p{font-size:13px;margin:6px 0 0;color:var(--nc-muted)}.nc-detail{border-top:1px solid var(--nc-line);padding:18px 0}.nc-detail summary{font-weight:600;cursor:pointer;font-size:14px}.nc-product-description{font-size:14px;color:var(--nc-muted);margin-top:18px;line-height:1.7;overflow-wrap:anywhere}.nc-detail dl{font-size:13px;line-height:1.7}.nc-detail dt{font-weight:600;margin-top:16px}.nc-detail dd{margin:4px 0;color:var(--nc-muted)}
.nc-product-description :is(p,div,ul,ol,dl,blockquote,table){margin:0 0 12px;white-space:normal}
.nc-product-description :is(h2,h3,h4,h5,h6){font-size:15px;font-weight:600;line-height:1.5;letter-spacing:normal;color:var(--nc-ink);margin:18px 0 10px}
.nc-product-description :is(ul,ol){padding-left:20px}.nc-product-description ul{list-style:disc}.nc-product-description ol{list-style:decimal}.nc-product-description li{margin:4px 0}
.nc-product-description a{color:var(--nc-ink);text-decoration:underline;text-underline-offset:3px}.nc-product-description table{display:block;max-width:100%;overflow-x:auto}.nc-product-description :is(td,th){padding:4px 8px;text-align:start}.nc-product-description>:first-child{margin-top:0}.nc-product-description>:last-child{margin-bottom:0}
.nc-zoom{border:0;border-radius:22px;background:var(--nc-photo);padding:20px;width:min(94vw,1000px);height:min(90vh,1000px);overflow:hidden}.nc-zoom::backdrop{background:#04140bcc;backdrop-filter:blur(8px)}.nc-zoom img{width:100%;height:100%;object-fit:contain}.nc-zoom button{position:absolute;right:16px;top:16px;border:0;border-radius:50%;height:42px;width:42px;font-size:28px;background:#edf3e4;color:#15231c}
/* Storefront collection controls use the same teal surfaces as Studio. */
.nc-body [hidden]{display:none!important}
.nc-body .nc-button{background:var(--nc-accent);color:#042b2d}.nc-body .nc-button:hover{background:color-mix(in srgb,var(--nc-accent),#fff 20%);color:#042b2d}.nc-body .nc-button--quiet{background:var(--nc-surface);color:var(--nc-ink)}
.nc-category-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:5px;border-radius:11px;background:var(--nc-photo);color:#163a39;overflow:hidden}
.nc-category-icon img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain;object-position:center}
.nc-category-carousel{display:flex;align-items:center;gap:10px;margin-bottom:28px;min-width:0}
.nc-category-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 0;min-width:0;flex:1;scrollbar-width:none}
.nc-category-rail::-webkit-scrollbar{display:none}
.nc-category-scroll{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--nc-line);border-radius:50%;background:var(--nc-surface);color:var(--nc-ink);cursor:pointer}
.nc-category-scroll svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.nc-category-scroll:hover:not(:disabled){border-color:var(--nc-accent);background:var(--nc-soft)}.nc-category-scroll:disabled{opacity:.3;cursor:default}.nc-category-scroll:focus-visible,.nc-category-rail:focus-visible{outline:2px solid var(--nc-accent);outline-offset:2px}
.nc-category-rail>a{display:flex;align-items:center;gap:12px;flex:0 0 195px;padding:12px;border:1px solid var(--nc-line);border-radius:18px;background:var(--nc-surface);scroll-snap-align:start;font-size:13px;line-height:1.3}
.nc-category-rail>a:hover{border-color:var(--nc-accent)}.nc-category-rail small{display:block;font-size:10px;color:var(--nc-muted);margin-top:4px}.nc-category-rail .nc-category-icon{width:54px;height:54px;flex-basis:54px;padding:7px}.nc-rail-arrow{margin-left:auto;color:var(--nc-muted)}
.nc-category-panel nav,.nc-more-colors>div{scrollbar-color:color-mix(in srgb,var(--nc-muted),transparent 60%) transparent;scrollbar-width:thin}
.nc-category-tree,.nc-category-tree ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}.nc-category-tree ul{padding:4px 0 6px 16px;border-left:1px solid var(--nc-line);margin-left:20px}
.nc-category-branch>summary{list-style:none;padding:0;gap:0;font-weight:400}.nc-category-branch>summary::-webkit-details-marker{display:none}.nc-category-branch>summary>a{flex:1}.nc-category-branch>summary>svg{width:26px;flex:none;padding:5px}.nc-category-branch[open]>summary>svg{transform:rotate(180deg)}
.nc-category-tree ul .nc-category-icon{width:30px;height:30px;flex-basis:30px;padding:4px;border-radius:8px}
.nc-all-categories{margin-bottom:5px}.nc-results-meta{gap:15px;line-height:1.5}.nc-results-meta>a{flex-shrink:0}
.nc-card-meta{display:flex;align-items:baseline;gap:8px;justify-content:space-between;margin-bottom:8px;min-width:0}.nc-card-meta .nc-card-price{margin:0;flex:none;white-space:nowrap}.nc-card-color{font-size:11px;line-height:1.5;color:var(--nc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0}.nc-swatches{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:34px}
.nc-body .nc-swatch{width:32px;height:36px;border:1px solid var(--nc-line);border-radius:9px;display:grid;place-items:center;overflow:hidden;padding:2px;background:var(--nc-photo);color:#173e3b;flex:none;font-size:12px;transition:border-color .15s,box-shadow .15s}
.nc-swatch img{width:100%;height:100%;min-height:0;object-fit:contain}.nc-body .nc-swatch.is-previewed,.nc-body .nc-swatch[aria-current=true]{border-color:var(--nc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--nc-accent),transparent 60%)}
.nc-more-colors{position:relative}.nc-more-colors>summary{list-style:none;cursor:pointer;border:1px solid var(--nc-line);border-radius:9px;padding:8px 7px;font-size:11px;min-width:34px;text-align:center}.nc-more-colors>summary::-webkit-details-marker{display:none}
.nc-more-colors[open]{position:static}.nc-more-colors>div{display:flex;flex-wrap:wrap;gap:7px;position:absolute;left:8px;right:8px;z-index:5;padding:14px;border:1px solid var(--nc-line);background:var(--nc-surface);border-radius:15px;box-shadow:0 12px 28px #00181933;max-height:260px;overflow:auto;margin-top:7px}
.nc-card-sizes{margin-top:12px;border-top:1px solid var(--nc-line);padding-top:9px}.nc-card-sizes>span{font-size:10px;color:var(--nc-muted)}.nc-card-sizes>div{display:flex;gap:4px 7px;flex-wrap:wrap;margin-top:5px;min-height:24px;align-content:start}.nc-card-sizes>div>span{font-size:11px;line-height:1.6;white-space:nowrap;color:var(--nc-ink)}
.nc-product-card[aria-busy=true] .nc-product-photo::before{content:'';position:absolute;width:22px;height:22px;border:2px solid #4c7b7733;border-top-color:#327f7b;border-radius:50%;left:calc(50% - 11px);top:calc(50% - 11px);animation:nc-spin .8s linear infinite}
@keyframes nc-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.nc-product-card{padding:5px 5px 10px;border-radius:20px}.nc-card-copy{padding-inline:4px}.nc-category-rail>a{flex-basis:175px;padding:9px}.nc-category-rail .nc-category-icon{width:44px;height:44px;flex-basis:44px}.nc-swatches{gap:4px}.nc-body .nc-swatch{width:30px;height:34px}.nc-results-meta{font-size:11px}.nc-header nav{font-size:12px}.nc-market{font-size:10px}}
@media(prefers-reduced-motion:reduce){.nc-product-card[aria-busy=true] .nc-product-photo::before{animation:none}.nc-swatch{transition:none}}
/* Control-center integration does not change the existing admin design system. */
.nc-admin{background:var(--nc-bg);border-radius:24px;padding:28px;margin-bottom:28px}.nc-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 10px 34px}.nc-admin-hero h1{font-size:clamp(32px,4vw,56px);letter-spacing:-2px;line-height:1.03;margin-bottom:18px;font-weight:600}.nc-admin-hero h1 span{color:#527347}.nc-admin-hero p{color:var(--nc-muted);max-width:540px;font-size:15px;margin:0}.nc-orbit{display:flex;align-items:center;font-size:12px;gap:10px}.nc-orbit>span{border:1px solid var(--nc-line);padding:12px;border-radius:50%;background:#fff}.nc-orbit>strong{padding:28px 15px;border-radius:22px;background:#203429;color:#b9f227;font-size:17px;transform:rotate(-5deg)}.nc-orbit i{width:20px;border-top:1px dashed #54784a}
.nc-seo-stores{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.nc-seo-stores a{padding:10px 18px;border:1px solid var(--nc-line);border-radius:12px}.nc-seo-stores a[aria-current]{background:var(--nc-ink);color:var(--nc-bg)}
.nc-seo-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:24px}.nc-seo label{font-size:12px;font-weight:600;display:grid;gap:7px}.nc-seo small{display:block;color:var(--nc-muted);font-weight:400;font-size:11px}.nc-seo input:not([type=checkbox]),.nc-seo textarea,.nc-seo select{font:inherit;color:var(--nc-ink);width:100%;max-width:none;border:1px solid var(--nc-line);background:var(--nc-surface);border-radius:10px;padding:11px 12px;line-height:1.5}.nc-seo-auto{align-content:center}.nc-seo-auto span{display:flex;gap:10px;align-items:center}.nc-seo input[type=checkbox]{width:20px;height:20px;accent-color:#5a8314}
.nc-seo-toolbar{position:sticky;top:70px;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;background:var(--nc-bg);border:1px solid var(--nc-line);border-radius:16px;margin-bottom:20px}.nc-seo-toolbar label{flex:1;min-width:160px}.nc-seo-toolbar>span{font-size:12px;color:var(--nc-muted)}.nc-seo-rows{display:grid;gap:14px;margin-bottom:30px}.nc-seo-rows article{border:1px solid var(--nc-line);border-radius:18px;padding:20px;background:var(--nc-surface)}.nc-seo-rows article[hidden]{display:none}.nc-seo-rows header{display:flex;gap:12px;align-items:center;margin-bottom:14px}.nc-seo-rows header>a{margin-left:auto}.nc-seo-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.nc-seo-fields label:first-child{position:relative}.nc-seo-fields label:first-child span{position:absolute;left:12px;bottom:12px;color:var(--nc-muted)}.nc-seo-fields label:first-child input{padding-left:24px}.nc-seo-fields label:last-child{grid-column:1/-1}.nc-seo-rows article>small{margin-top:10px;overflow-wrap:anywhere}.nc-seo-rows small a{text-decoration:underline}
@media(max-width:700px){.nc-seo-settings,.nc-seo-fields{grid-template-columns:1fr}.nc-seo-toolbar{top:60px;padding:10px}.nc-seo-rows article{padding:14px}.nc-seo-rows header{flex-wrap:wrap}}
.nc-admin-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:end;border-top:1px solid var(--nc-line);padding:24px 0}.nc-admin-toolbar form>div{display:flex;gap:8px}.nc-admin-toolbar label{display:block;margin-bottom:6px;font-size:12px;font-weight:600}.nc-admin-toolbar select{max-width:360px}.nc-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nc-store-card{border:1px solid var(--nc-line);border-radius:20px;padding:22px;background:var(--nc-surface);min-width:0}.nc-store-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.nc-store-code{font-size:20px;font-weight:700}.nc-state{font-size:10px;padding:5px 10px;border-radius:20px;background:#f1f2eb;color:#606458}.nc-state--ready{background:#eaf5da;color:#365119}.nc-store-card h2{font-size:17px;overflow-wrap:anywhere;margin-bottom:6px}.nc-store-card>p{font-size:12px;color:var(--nc-muted)}.nc-store-card>p span{padding:0 6px}.nc-store-stats{display:flex;gap:25px;margin:24px 0}.nc-store-stats strong{font-size:27px;display:block;letter-spacing:-.8px}.nc-store-stats span{display:block;font-size:11px;color:var(--nc-muted)}.nc-store-card>small{display:block;min-height:34px;font-size:10px;color:var(--nc-muted)}.nc-store-card>.nc-button{display:flex;justify-content:space-between;margin-top:20px}.nc-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0}.nc-roadmap>div{border-top:2px solid var(--nc-line);padding-top:15px}.nc-roadmap .nc-roadmap-current{border-color:#6a961b}.nc-roadmap span{font-size:10px;color:var(--nc-muted);text-transform:uppercase;letter-spacing:.8px}.nc-roadmap strong{display:block;font-size:21px;margin:8px 0}.nc-roadmap p{font-size:12px;color:var(--nc-muted);margin:0}.nc-howto{border-top:1px solid var(--nc-line);padding-top:18px;font-size:13px}.nc-howto summary{cursor:pointer;font-weight:600}.nc-howto p{margin:16px 0 0;color:var(--nc-muted)}.nc-howto a{text-decoration:underline}
@keyframes nc-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.nc-browse-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.nc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nc-hero-note{display:none}.nc-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nc-orbit{display:none}}
@media(max-width:700px){.nc-preview-bar{padding:8px 16px;font-size:10px}.nc-brand{font-size:18px;flex:1}.nc-main{padding:0 16px 32px}.nc-catalog-hero{padding:34px 0 26px}.nc-catalog-hero h1{letter-spacing:-1.3px}.nc-catalog-hero p{font-size:14px}.nc-browse-layout{display:block}.nc-category-panel{position:static;margin-bottom:20px;border-bottom:1px solid var(--nc-line)}.nc-category-panel nav{display:grid;max-height:350px;padding-bottom:15px}.nc-category-panel a{max-width:none;gap:10px}.nc-category-panel summary{padding:10px 0}.nc-filters>.nc-search{flex-basis:100%}.nc-filters>label:not(.nc-search){flex:1;min-width:0}.nc-filters select{max-width:100%;width:100%}.nc-product-grid{gap:22px 12px}.nc-product-photo{border-radius:15px}.nc-product-photo img{padding:10px}.nc-card-copy h2{font-size:14px;min-height:3.75em}.nc-card-copy{padding-top:12px}.nc-card-price{font-size:18px}.nc-card-facts{gap:8px;font-size:10px}.nc-card-arrow{width:26px;height:26px;font-size:17px;right:8px;bottom:8px}.nc-footer{padding:22px 16px;gap:16px;flex-wrap:wrap}.nc-footer p{flex-basis:100%;order:3}.nc-pdp{grid-template-columns:1fr;gap:24px}.nc-gallery{position:relative;top:0;height:clamp(360px,60dvh,580px)}.nc-main-image{padding:65px 18px 62px 78px}.nc-stage-caption{left:20px;right:20px}.nc-thumbnails{left:14px}.nc-product-info h1{font-size:34px}.nc-admin{padding:16px}.nc-admin-hero{padding:8px 0 24px}.nc-admin-toolbar{align-items:start;flex-direction:column}.nc-admin-toolbar select{max-width:240px}.nc-store-grid{grid-template-columns:1fr}.nc-roadmap{grid-template-columns:1fr 1fr}.nc-store-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.nc-product-card{animation:none}.nc-product-photo img{transition:none}}
/* Domain management shares the existing administration asset, not storefront styles. */
.nc-domain-form{display:grid;gap:24px}.nc-domain-form .nc-store-card{min-width:0;display:grid;gap:16px;border:1px solid var(--vz-border-color,#dfe6e1)}
.nc-domain-form label,.nc-domain-default{display:grid;gap:6px;min-width:0}.nc-domain-form input:not([type=checkbox]),.nc-domain-form select{width:100%;max-width:100%;min-width:0;min-height:42px;border:1px solid var(--nc-line);border-radius:9px;padding:8px 10px;background:var(--nc-surface);color:var(--nc-ink);font:inherit}
.nc-domain-default{max-width:600px}.nc-domain-default p{margin:4px 0;color:var(--vz-secondary-color,#617267)}.nc-domain-form .nc-domain-toggle{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.nc-domain-toggle input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#247851}.nc-domain-form>.nc-button{justify-self:start}
