/* Store bands and their lower edge share one horizontal gradient. */
:is(.sp-store-header,.sp-appearance-preview,.sp-transition-picker){--sp-header-band:linear-gradient(90deg,var(--sp-accent,#214a70),var(--sp-secondary,color-mix(in srgb,var(--sp-accent,#214a70) 64%,#10253d)))}
:is(.sp-storefront .sp-store-header[aria-label],.sp-store-header[aria-label]) .sp-store-identity{background:var(--sp-header-band);color:#fff;border-bottom:0}
.sp-store-header .sp-store-identity :is(h1,h2,p){color:#fff}
:is(.sp-appearance-preview,.sp-profile-workspace:has(input[name="appearance[theme]"][type=radio]:checked) .sp-appearance-preview) .sp-preview-identity{background:var(--sp-header-band);--sp-preview-ink:#fff;--sp-preview-muted:#fff;color:#fff;border-bottom:0}
.sp-header-transitions{min-width:0;line-height:0}
/* The global corner preference must not round the internal band/edge join. */
.site-design :is(.sp-store-identity,.sp-preview-identity,.sp-header-transitions,.sp-header-transition),.site-design .sp-store-header .sp-store-cover,.site-design .sp-header-transition::before,.site-design .sp-header-transition::after{border-radius:0!important}
.sp-header-transition{display:block;--footer-art-height:48px;--design-primary:var(--sp-accent,#214a70);height:48px;background:var(--sp-header-band);transform:scaleY(-1);pointer-events:none}
.sp-header-transition[data-footer-transition]::before{background:var(--sp-transition-surface,var(--design-surface,#fff))}
.sp-header-transition[data-footer-transition="none"]{height:0}
.sp-appearance-preview .sp-header-transition{--footer-art-height:28px;--sp-transition-surface:#fff;height:28px}
.sp-appearance-preview .sp-header-transition[data-footer-transition="none"]{height:0}
.sp-appearance-preview [data-sp-transition]{display:none}
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="site"]:checked) [data-sp-transition="site"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="none"]:checked) [data-sp-transition="none"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="brush"]:checked) [data-sp-transition="brush"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="wave"]:checked) [data-sp-transition="wave"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="slant"]:checked) [data-sp-transition="slant"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="zigzag"]:checked) [data-sp-transition="zigzag"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="arc"]:checked) [data-sp-transition="arc"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="cloud-wave"]:checked) [data-sp-transition="cloud-wave"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="layered-wave"]:checked) [data-sp-transition="layered-wave"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="curved-cut"]:checked) [data-sp-transition="curved-cut"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="mountains"]:checked) [data-sp-transition="mountains"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="city"]:checked) [data-sp-transition="city"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="diagonal-cut"]:checked) [data-sp-transition="diagonal-cut"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="dunes"]:checked) [data-sp-transition="dunes"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="clouds"]:checked) [data-sp-transition="clouds"],
.sp-profile-workspace:has(input[name="appearance[header_transition]"][value="crystal"]:checked) [data-sp-transition="crystal"]{display:block}
.sp-transition-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sp-appearance-controls .sp-transition-choice{position:relative;display:grid;align-content:start;gap:6px;padding:8px;margin:0;border:1px solid var(--account-border,#dce4ed);border-radius:9px;cursor:pointer;text-align:center;min-width:0}
.sp-transition-choice:has(input:checked){border-color:var(--design-primary,#214a70);box-shadow:0 0 0 1px var(--design-primary,#214a70);background:var(--design-background,#f2f6fa)}
.sp-transition-choice:has(input:focus-visible){outline:2px solid var(--design-primary,#214a70);outline-offset:3px}
.sp-transition-choice>input{position:absolute;top:8px;left:8px;z-index:1}
.sp-transition-thumbnail{display:block;height:50px;border-radius:5px;overflow:hidden;background:var(--design-surface,#fff)}
.sp-transition-thumbnail .sp-header-transition{height:50px;--footer-art-height:50px}
.sp-transition-choice strong{font-size:10px;line-height:1.5;overflow-wrap:anywhere}.sp-transition-choice small{font-size:9px;line-height:1.5;color:var(--account-muted,#65748b)}
@media(max-width:650px){.sp-header-transition{height:34px;--footer-art-height:34px}.sp-header-transition[data-footer-transition="none"]{height:0}.sp-transition-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sp-transition-thumbnail .sp-header-transition[data-footer-transition="none"]{height:50px}

/* Keep the actual store cover and identity band compact across storefronts and account previews. */
:root{--sp-store-cover-ratio:4}
.sp-store-header .sp-store-cover{width:100%;aspect-ratio:var(--sp-store-cover-ratio);min-height:0;max-height:none}
.sp-store-header .sp-store-cover>img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.sp-store-header .sp-store-identity{gap:14px;padding:10px 18px}
.sp-store-header .sp-store-logo{width:72px;height:72px;margin-top:-22px;border-width:3px}
.sp-store-header .sp-store-logo>span{font-size:28px}
.sp-store-header .sp-store-identity:first-child .sp-store-logo{margin-top:0}
.sp-store-header .sp-header-transition{height:24px;--footer-art-height:24px}
.sp-store-header .sp-header-transition[data-footer-transition="none"]{height:0}
.sp-store-header.sp-header-minimal .sp-store-cover{height:60px;min-height:0;aspect-ratio:auto}
.sp-store-header .sp-branding-save{padding:8px 18px 12px;text-align:right}
.sp-store-header [data-store-branding-status]:not(:empty){padding-top:8px}
@media(max-width:650px){.sp-store-header .sp-store-identity{gap:10px;padding:10px 12px}.sp-store-header .sp-store-logo{width:60px;height:60px;margin-top:-16px}.sp-store-header .sp-header-transition{height:18px;--footer-art-height:18px}.sp-store-header .sp-header-transition[data-footer-transition="none"]{height:0}}
@media(max-width:650px){.sp-storefront-header .sp-store-header-actions{grid-column:1/-1;width:100%;max-width:none;justify-content:flex-start;gap:6px}.sp-storefront-header .sp-store-info-open{padding:8px 10px;font-size:11px}.sp-storefront-header .sp-store-info-open i{font-size:18px}}