/* Shared palette tokens: saved store, account header, and CSS-only live preview. */
:is(.sp-accent-aurora,.sp-profile-workspace:has(input[name="appearance[accent]"][value=aurora]:checked) .sp-appearance-preview){--sp-accent:#403577;--sp-secondary:#126a75;--sp-highlight:#bf8c26;--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-sunset,.sp-profile-workspace:has(input[name="appearance[accent]"][value=sunset]:checked) .sp-appearance-preview){--sp-accent:#712b57;--sp-secondary:#ad442d;--sp-highlight:#d4a33d;--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-coast,.sp-profile-workspace:has(input[name="appearance[accent]"][value=coast]:checked) .sp-appearance-preview){--sp-accent:#174868;--sp-secondary:#087573;--sp-highlight:#c28b24;--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-forest,.sp-profile-workspace:has(input[name="appearance[accent]"][value=forest]:checked) .sp-appearance-preview){--sp-accent:#235d4d;--sp-secondary:#465f35;--sp-highlight:#b88432;--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-rose,.sp-profile-workspace:has(input[name="appearance[accent]"][value=rose]:checked) .sp-appearance-preview){--sp-accent:#793e58;--sp-secondary:#6b4a85;--sp-highlight:#bf824b;--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-midnight,.sp-profile-workspace:has(input[name="appearance[accent]"][value=midnight]:checked) .sp-appearance-preview){--sp-accent:#253453;--sp-secondary:#504083;--sp-highlight:#168278;--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-aurora,.sp-accent-sunset,.sp-accent-coast,.sp-accent-forest,.sp-accent-rose,.sp-accent-midnight){--sp-band:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary));--sp-soft:color-mix(in srgb,var(--sp-secondary) 7%,#fff)}

/* Choices keep native radio/keyboard behavior; selections require no JavaScript. */
.sp-palette-help{font-size:12px;line-height:1.7;color:var(--account-muted,#65748b);margin:0 0 12px}
.sp-palette-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sp-appearance-controls .sp-palette-choice{display:flex;align-items:center;gap:9px;min-width:0;margin:0;padding:12px;border:1px solid var(--account-border,#dce4ed);border-radius:10px;cursor:pointer}
.sp-palette-choice:has(input:checked){border-color:var(--sp-accent);background:var(--sp-soft);box-shadow:0 0 0 1px var(--sp-accent)}
.sp-palette-choice strong{font-size:12px;overflow-wrap:anywhere}
.sp-palette-choice>.sp-palette-swatch{display:flex;flex:none;width:51px;height:21px;overflow:hidden;border-radius:6px;background:transparent}
.sp-palette-swatch>i{flex:1;background:var(--sp-accent)}.sp-palette-swatch>i:nth-child(2){background:var(--sp-secondary)}.sp-palette-swatch>i:nth-child(3){background:var(--sp-highlight)}
.sp-single-colors{margin-top:18px}.sp-single-colors>summary{font-size:12px;color:var(--account-muted,#65748b);cursor:pointer}.sp-single-colors[open]>summary{margin-bottom:14px}
.sp-theme-sample-boutique{background:linear-gradient(125deg,#64456d,#b17173)!important;border-radius:14px!important;padding:10px}.sp-theme-sample-boutique>span{background:#fff5e9!important;border-radius:10px!important}
.sp-theme-sample-vivid{background:linear-gradient(115deg,#175e72,#476a9f)!important;border-top:5px solid #d0a252;padding:8px}.sp-theme-sample-vivid>span:nth-child(2){background:#d9eeeb}.sp-theme-sample-vivid>span:nth-child(3){background:#f5e5c8}
.sp-theme-sample-editorial{background:#f3f0ea!important;border-top:5px solid #3d4556;padding:9px}.sp-theme-sample-editorial>span{border-radius:0!important;background:#d7d8df!important}.sp-theme-sample-editorial>span:nth-child(3){background:#d9bd91!important}

/* Multicolor palettes tint distinct parts of the actual market layout. */
.sp-multicolor .page-design-layout{--design-primary:var(--sp-accent)}
.sp-storefront.sp-multicolor .sp-storefront-header .sp-store-identity,.sp-store-header:is(.sp-accent-aurora,.sp-accent-sunset,.sp-accent-coast,.sp-accent-forest,.sp-accent-rose,.sp-accent-midnight) .sp-store-identity{background:var(--sp-band);color:#fff}
.sp-store-header:is(.sp-accent-aurora,.sp-accent-sunset,.sp-accent-coast,.sp-accent-forest,.sp-accent-rose,.sp-accent-midnight) .sp-store-identity p{color:#fff}
.sp-multicolor .sp-storefront-identity{background:linear-gradient(160deg,color-mix(in srgb,var(--sp-accent) 8%,#fff),#fff 75%)}
.sp-multicolor .sp-storefront-categories h2{color:var(--sp-secondary);border-bottom-color:var(--sp-highlight)}
.sp-multicolor .sp-storefront-contact-card{border-top:3px solid var(--sp-secondary)}
.sp-multicolor .sp-storefront-contact-card h2,.sp-multicolor .sp-product-more{color:var(--sp-secondary)}
.sp-multicolor .sp-store-search{border-top:3px solid var(--sp-highlight);background:var(--sp-soft)}
.sp-multicolor .sp-product-card-image{background:linear-gradient(135deg,color-mix(in srgb,var(--sp-accent) 8%,#fff),color-mix(in srgb,var(--sp-secondary) 10%,#fff))}
.sp-multicolor .sp-product-card{border-bottom:3px solid var(--sp-highlight)}
.sp-multicolor .sp-store-info-dialog-heading{background:var(--sp-band)}.sp-multicolor .sp-store-info-social a{color:var(--sp-secondary)}

/* New themes change the presentation, while builder rows/columns stay intact. */
.sp-storefront.sp-storefront-boutique .sp-storefront-card,.sp-storefront.sp-storefront-boutique .sp-store-search{border-radius:24px;box-shadow:0 8px 24px #2536490b}
.sp-storefront-boutique .sp-storefront-header .sp-store-identity{background:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary,#77526b))}
.sp-storefront-boutique .sp-store-logo,.sp-header-boutique .sp-store-logo{border-radius:22px}.sp-storefront-boutique .sp-store-logo img,.sp-header-boutique .sp-store-logo img{border-radius:18px}
.sp-storefront-boutique .sp-product-card{border-radius:18px}.sp-storefront-boutique .sp-product-card h3{font-family:Georgia,serif}
.sp-header-boutique .sp-store-identity{background:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary,#77526b));color:#fff}.sp-header-boutique .sp-store-identity p{color:#fff}
.sp-storefront.sp-storefront-vivid .sp-storefront-card{border-radius:14px;border-top:4px solid var(--sp-secondary,#126a75)}
.sp-storefront-vivid .sp-storefront-header .sp-store-identity,.sp-header-vivid .sp-store-identity{background:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary,#126a75));color:#fff;border-bottom:4px solid var(--sp-highlight,#bf8c26)}.sp-header-vivid .sp-store-identity p{color:#fff}
.sp-storefront-vivid .sp-product-card-image{background:linear-gradient(135deg,color-mix(in srgb,var(--sp-accent) 12%,#fff),color-mix(in srgb,var(--sp-secondary,#126a75) 15%,#fff))}
.sp-storefront-vivid .sp-storefront-categories h2,.sp-storefront-vivid .sp-storefront-filter h2{color:var(--sp-secondary,#126a75)}
.sp-storefront.sp-storefront-editorial .sp-storefront-card,.sp-storefront.sp-storefront-editorial .sp-store-search{border-radius:3px;box-shadow:none}
.sp-storefront-editorial .sp-storefront-header .sp-store-identity,.sp-header-editorial .sp-store-identity{background:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary,#77526b));color:#fff;border-bottom:5px solid var(--sp-highlight,#bf8c26)}.sp-header-editorial .sp-store-identity p{color:#fff}
.sp-storefront-editorial .sp-storefront-header h1,.sp-header-editorial h2,.sp-storefront-editorial .sp-storefront-identity h2{font-family:Georgia,serif;font-weight:700;letter-spacing:.02em}
.sp-storefront-editorial .sp-storefront-logo,.sp-storefront-editorial .sp-store-logo,.sp-header-editorial .sp-store-logo{border-radius:4px}.sp-storefront-editorial .sp-store-logo img,.sp-header-editorial .sp-store-logo img{border-radius:0}
.sp-storefront-editorial .sp-product-card{border-radius:0;border-bottom:3px solid var(--sp-highlight,#bf8c26)}

/* The existing profile preview uses :has to react immediately to every palette. */
:is(.sp-preview-boutique,.sp-preview-vivid,.sp-preview-editorial,.sp-profile-workspace:has(input[name="appearance[theme]"]:is([value=boutique],[value=vivid],[value=editorial]):checked) .sp-appearance-preview){--sp-band:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary,#77526b));--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-accent-aurora,.sp-accent-sunset,.sp-accent-coast,.sp-accent-forest,.sp-accent-rose,.sp-accent-midnight,.sp-profile-workspace:has(input[name="appearance[accent]"][value=aurora]:checked) .sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[accent]"][value=sunset]:checked) .sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[accent]"][value=coast]:checked) .sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[accent]"][value=forest]:checked) .sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[accent]"][value=rose]:checked) .sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[accent]"][value=midnight]:checked) .sp-appearance-preview){--sp-band:linear-gradient(115deg,var(--sp-accent),var(--sp-secondary));--sp-soft:color-mix(in srgb,var(--sp-secondary) 7%,#fff)}
:is(.sp-preview-modern,.sp-profile-workspace:has(input[name="appearance[theme]"][value=modern]:checked) .sp-appearance-preview){--sp-legacy-band:var(--sp-accent);--sp-preview-ink:#fff;--sp-preview-muted:#fff;--sp-preview-gap:12px}
:is(.sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[theme]"][type=radio]:checked) .sp-appearance-preview) .sp-preview-identity{background:var(--sp-band,var(--sp-legacy-band,transparent));color:var(--sp-preview-ink,#253649)}
:is(.sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[theme]"][type=radio]:checked) .sp-appearance-preview) .sp-preview-identity span{color:var(--sp-preview-muted,#65748b)}
.sp-profile-workspace .sp-appearance-preview>p,.sp-appearance-preview[class*="sp-accent-"]>p{padding-top:var(--sp-preview-gap,0)}
:is(.sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[theme]"][type=radio]:checked) .sp-appearance-preview) .sp-preview-identity :is([data-sp-preview-name],[data-sp-preview-company_name]){color:var(--sp-preview-ink,#253649)}
.sp-storefront .sp-storefront-header .sp-store-identity :is(h1,h2,p){color:#fff}
.sp-store-header:is(.sp-header-modern,.sp-header-boutique,.sp-header-vivid,.sp-header-editorial) .sp-store-identity :is(h1,h2,p){color:#fff}
.sp-store-header:is(.sp-accent-aurora,.sp-accent-sunset,.sp-accent-coast,.sp-accent-forest,.sp-accent-rose,.sp-accent-midnight) .sp-store-identity :is(h1,h2,p){color:#fff}
.sp-appearance-preview .sp-preview-cards>div{border-bottom:3px solid var(--sp-highlight,#e4e9ef)}.sp-appearance-preview .sp-preview-product-image{background:var(--sp-soft,#f2f5f8);color:var(--sp-secondary,#90a0af)}.sp-appearance-preview .sp-preview-whatsapp{background:var(--sp-band,var(--sp-accent))}
.sp-appearance-preview .sp-preview-logo img{border-radius:inherit}
:is(.sp-preview-boutique,.sp-profile-workspace:has(input[name="appearance[theme]"][value=boutique]:checked) .sp-appearance-preview){border-radius:22px;box-shadow:0 8px 24px #25364912}
:is(.sp-preview-boutique,.sp-profile-workspace:has(input[name="appearance[theme]"][value=boutique]:checked) .sp-appearance-preview) .sp-preview-logo{border-radius:14px}
:is(.sp-preview-boutique,.sp-profile-workspace:has(input[name="appearance[theme]"][value=boutique]:checked) .sp-appearance-preview) .sp-preview-cards>div{border-radius:12px}
:is(.sp-preview-vivid,.sp-profile-workspace:has(input[name="appearance[theme]"][value=vivid]:checked) .sp-appearance-preview){border-top:4px solid var(--sp-secondary,#126a75)}
:is(.sp-preview-vivid,.sp-profile-workspace:has(input[name="appearance[theme]"][value=vivid]:checked) .sp-appearance-preview) .sp-preview-identity{border-bottom:4px solid var(--sp-highlight,#bf8c26)}
:is(.sp-preview-editorial,.sp-profile-workspace:has(input[name="appearance[theme]"][value=editorial]:checked) .sp-appearance-preview){border-radius:0;box-shadow:none}
:is(.sp-preview-editorial,.sp-profile-workspace:has(input[name="appearance[theme]"][value=editorial]:checked) .sp-appearance-preview) .sp-preview-identity strong{font-family:Georgia,serif;letter-spacing:.02em}
:is(.sp-preview-editorial,.sp-profile-workspace:has(input[name="appearance[theme]"][value=editorial]:checked) .sp-appearance-preview) :is(.sp-preview-logo,.sp-preview-cards>div){border-radius:0}
@media(max-width:575px){.sp-theme-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-palette-choices{grid-template-columns:minmax(0,1fr)}}