/* Themes change only the background palette; column geometry stays shared. */
/* Black Friday key visual: near-black, warm amber light, champagne highlights. */
#fall-sale #sale-products{--field-top:#050505;--field-dark:#050505;--field-mid:#8c4d10;--field-bronze:#59300d;--field-gold:#d5942d;--field-pale:#efce85;--field-base:#f5e3b7;--field-ornament:#eac381;background:var(--field-dark)}
#fall-sale #sale-products[data-campaign-theme="blue"]{--field-top:#2d5f95;--field-dark:#193e67;--field-mid:#547fab;--field-bronze:#42658c;--field-gold:#91b4d6;--field-pale:#d7e5f4;--field-base:#e8eff9;--field-ornament:#e1f2ff}
#fall-sale #sale-products[data-campaign-theme="green"]{--field-top:#47765b;--field-dark:#325b45;--field-mid:#6d9171;--field-bronze:#567751;--field-gold:#a9c198;--field-pale:#dbe8cf;--field-base:#edf2e2;--field-ornament:#e1f2cc}
#fall-sale #sale-products[data-campaign-theme="red"]{--field-top:#963b50;--field-dark:#70293b;--field-mid:#aa6270;--field-bronze:#934657;--field-gold:#d4999b;--field-pale:#efd5d1;--field-base:#f5e6df;--field-ornament:#ffdbc6}
.sale-product-light-field{background:linear-gradient(180deg,var(--field-top) 0%,var(--field-dark) 40%,var(--field-mid) 59%,var(--field-pale) 84%,var(--field-base) 100%)}
.sale-product-light-field>span{background:linear-gradient(180deg,var(--field-top) 0%,var(--field-dark) var(--light-dark),var(--field-bronze) var(--light-bronze),var(--field-gold) var(--light-gold),var(--field-pale) var(--light-pale),var(--field-base) 100%)}
#fall-sale #sale-products .sale-decor-glint{display:none!important}
.sale-code-ornaments{--ornament-scale:2;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;color:var(--field-ornament)}
.sale-code-ornaments>i{position:absolute;left:var(--orn-x);top:var(--orn-y);width:var(--orn-size);height:var(--orn-size);opacity:var(--orn-alpha);transform:rotate(var(--orn-angle)) scale(var(--ornament-scale));background:currentColor;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%)}
.sale-code-ornaments>i:nth-child(3n){width:clamp(1.5px,calc(var(--orn-size)*.3),4px);height:clamp(1.5px,calc(var(--orn-size)*.3),4px);clip-path:none;border-radius:50%}
/* Hand-authored vector masks: small seasonal accents, no bitmap downloads. */
#sale-products:not([data-campaign-theme="gold"]) .sale-code-ornaments>i{width:calc(var(--orn-size)*1.6 + 4px);height:calc(var(--orn-size)*1.6 + 4px);border:0;border-radius:0;clip-path:none;background:currentColor;opacity:calc(var(--orn-alpha)*1.15);mask:var(--ornament-mask) center/contain no-repeat}
#sale-products:not([data-campaign-theme="gold"]) .sale-code-ornaments>i:not(:nth-child(2n)){display:none}
#sale-products[data-campaign-theme="blue"]{--ornament-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 2v28M4 9l24 14M4 23L28 9M12 5l4 4 4-4M12 27l4-4 4 4M5 14l5-1-1-5M23 24l-1-5 5-1M5 18l5 1-1 5M23 8l-1 5 5 1'/%3E%3C/g%3E%3C/svg%3E")}
#sale-products[data-campaign-theme="blue"] .sale-code-ornaments>i:nth-child(6n){mask:none;width:clamp(2px,calc(var(--orn-size)*.35),5px);height:clamp(2px,calc(var(--orn-size)*.35),5px);border-radius:50%;opacity:.3}
#sale-products[data-campaign-theme="green"]{--ornament-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M27 4C11 3 3 10 6 21c10 5 22-1 21-17ZM4 28L24 8M11 21l-1-7M16 16l7 1'/%3E%3C/g%3E%3C/svg%3E")}
#sale-products[data-campaign-theme="green"] .sale-code-ornaments>i:nth-child(6n){mask:none;width:clamp(2px,calc(var(--orn-size)*.35),5px);height:clamp(2px,calc(var(--orn-size)*.35),5px);border-radius:50%;opacity:.25}
#sale-products[data-campaign-theme="red"]{--ornament-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h24v6H4zM6 18v12h20V18M16 12v18M16 12C6 12 5 3 10 3c4 0 6 6 6 9ZM16 12C26 12 27 3 22 3c-4 0-6 6-6 9Z'/%3E%3C/g%3E%3C/svg%3E")}
#sale-products[data-campaign-theme="red"] .sale-code-ornaments>i:nth-child(4n){mask:none;width:calc(var(--orn-size)*.8);height:calc(var(--orn-size)*.8);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:var(--orn-alpha)}
#sale-products[data-campaign-theme="red"] .sale-code-ornaments>i:nth-child(6n){mask:none;width:clamp(2px,calc(var(--orn-size)*.35),5px);height:clamp(2px,calc(var(--orn-size)*.35),5px);border-radius:50%;clip-path:none;opacity:.3}
#sale-products[data-campaign-theme="red"] .sale-code-ornaments>i:nth-child(8n + 4){mask:var(--ornament-mask) center/contain no-repeat;width:calc(var(--orn-size)*1.6 + 4px);height:calc(var(--orn-size)*1.6 + 4px);border-radius:0;clip-path:none;opacity:calc(var(--orn-alpha)*1.15)}
/* Theme switching is available on both local previews and the deployed site. */
#fall-sale #sale-products .sale-theme-preview[hidden]{display:none!important}
#fall-sale #sale-products .sale-theme-preview{position:absolute;right:max(24px,calc((100% - var(--max-width,1128px))/2));top:16px;z-index:3;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff60;border-radius:24px;background:#202020;color:#ddd;font-size:13px;line-height:1.2}
.sale-theme-preview-label{padding:0 7px;white-space:nowrap;font-size:11px}
#fall-sale .sale-theme-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:6px 10px;border:0;border-radius:18px;background:transparent;color:#ddd;font:inherit;cursor:pointer;white-space:nowrap}
#fall-sale .sale-theme-option::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--theme-swatch);border:1px solid #ffffff40}
#fall-sale .sale-theme-option[aria-pressed="true"]{background:#fff;color:#171b1a}
#fall-sale .sale-theme-option:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.sale-code-ornaments{--ornament-scale:1.8}.sale-code-ornaments>i:not(:nth-child(4n)){display:none}#fall-sale #sale-products .sale-theme-preview{top:10px;right:12px;gap:1px;padding:3px;font-size:11px}.sale-theme-preview-label{display:none}#fall-sale .sale-theme-option{min-height:28px;padding:5px 8px;gap:4px}#fall-sale #sale-products[data-product-decorations="hidden"][data-theme-preview-active]{padding-top:64px}}
/* Broad curved edges shared by every palette; neighboring sections are white. */
#fall-sale #sale-products[data-product-decorations="hidden"]{--section-wave-height:clamp(40px,3vw,72px);padding-top:calc(var(--section-wave-height) + 72px);padding-bottom:calc(var(--section-wave-height) + 48px)}
#fall-sale #sale-products::before,
#fall-sale #sale-products::after{content:"";position:absolute;left:-1px;right:auto;width:calc(100% + 2px);height:var(--section-wave-height);z-index:2;pointer-events:none;background:#fff;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H1440V38C1220 104 1080 104 840 48S400 0 220 48S60 88 0 62Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
#fall-sale #sale-products::before{top:-1px;bottom:auto}
#fall-sale #sale-products::after{top:auto;bottom:-1px;transform:rotate(180deg)}
#fall-sale #sale-products .sale-theme-preview{top:calc(var(--section-wave-height) + 12px)}
@media(max-width:600px){
  #fall-sale #sale-products[data-product-decorations="hidden"]{--section-wave-height:28px;padding-top:84px;padding-bottom:72px}
  #fall-sale #sale-products[data-product-decorations="hidden"][data-theme-preview-active]{padding-top:96px}
  #fall-sale #sale-products .sale-theme-preview{top:38px}
}
/* Neutral option restores the original white section without campaign scenery. */
#fall-sale #sale-products[data-campaign-theme="none"][data-product-decorations="hidden"]{--section-wave-height:0px;background:#fff;padding-top:72px;padding-bottom:72px}
#fall-sale #sale-products[data-campaign-theme="none"] .sale-product-light-field,
#fall-sale #sale-products[data-campaign-theme="none"] .sale-code-ornaments,
#fall-sale #sale-products[data-campaign-theme="none"] .sale-campaign-decor,
#fall-sale #sale-products[data-campaign-theme="none"]::before,
#fall-sale #sale-products[data-campaign-theme="none"]::after{display:none}
#fall-sale #sale-products[data-campaign-theme="none"] .section-heading h2{color:var(--sale-text-main)}
#fall-sale #sale-products[data-campaign-theme="none"] .section-heading>p{color:var(--sale-text-muted)}
#fall-sale #sale-products[data-campaign-theme="none"] .sale-theme-preview{top:16px}
@media(max-width:600px){
  #fall-sale #sale-products .sale-theme-preview{max-width:calc(100% - 24px);flex-wrap:wrap}
  #fall-sale .sale-theme-option{padding-left:4px;padding-right:4px}
  #fall-sale #sale-products[data-campaign-theme="none"][data-product-decorations="hidden"]{padding-top:64px;padding-bottom:48px}
  #fall-sale #sale-products[data-campaign-theme="none"] .sale-theme-preview{top:10px}
}