.holiday-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;text-align:center;margin:18px auto 0;padding:16px 18px;width:min(1440px,90%);border:1px solid #e1bb7255;border-radius:15px;background:linear-gradient(105deg,#151719,#252a2d,#151719);box-shadow:0 10px 32px #00000040}
.holiday-banner strong{color:#e1bb72;font-size:20px;letter-spacing:.4px}.holiday-banner span{color:#c5c0b7;font-size:14px}
.holiday-preview{position:relative;min-height:230px;padding:20px;border:1px solid #655438;border-radius:16px;background:radial-gradient(ellipse at top,#302b20,#111515);display:grid;gap:24px;text-align:center}.holiday-preview .holiday-banner{width:100%;margin:0}
.holiday-sample{position:relative;border:1px solid #655438;border-radius:18px;background:#1b1e20;padding:24px 20px;text-align:left}.holiday-sample strong,.holiday-sample span{display:block}.holiday-sample span{margin-top:8px;color:#bcb7ab;font-size:14px}
.holiday-admin .holiday-retry{padding:10px 16px;color:#f3dfb4;background:#29251e;border:1px solid #927547;border-radius:10px;cursor:pointer}
/* Pyntet ligger ovanpå utvalda kort, utanför deras innehåll. */
[data-holiday] .base-grid{padding-top:66px;row-gap:24px}
[data-holiday] .customer-review-list{padding-top:70px}
[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample){position:relative;overflow:visible}
[data-holiday] :is(.contact form,.holiday-sample){margin-top:66px}
[data-holiday] .addon-group:nth-child(4n+2){margin-top:24px}
[data-holiday] .base-grid .campaign-option{border-radius:20px}
[data-holiday] .base-grid .campaign-option .campaign-banner{border-radius:19px 19px 0 0}
[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::after{content:"";position:absolute;top:-29px;left:8px;right:8px;height:36px;background-image:var(--holiday-trim);background-size:360px 36px;background-repeat:repeat-x;pointer-events:none;z-index:2;transform-origin:center bottom;animation:grip-trim-breeze 5s ease-in-out infinite}
[data-holiday="christmas"] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::after{top:-59px;height:74px;background-image:var(--christmas-bank);background-size:480px 74px;animation:grip-snow-glow 7s ease-in-out infinite}
[data-holiday="christmas"] :is(.base-grid .option:first-child,.customer-review:first-child,.contact form,.holiday-sample)::before{content:"";position:absolute;top:-70px;right:22px;width:76px;height:74px;background:var(--christmas-snowman) center/contain no-repeat;pointer-events:none;z-index:3;transform-origin:50% 92%;animation:grip-snowman-sway 4.8s ease-in-out infinite}
[data-holiday="newyear"] :is(.base-grid .option,.addon-group,.customer-review,.contact form,.holiday-sample)::after{animation-name:grip-snow-glow}
[data-holiday="halloween"] :is(.base-grid .option,.addon-group,.customer-review,.contact form,.holiday-sample)::after{animation-name:grip-pumpkin-glow}
@keyframes grip-trim-breeze{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg) translateY(-2px)}}
@keyframes grip-snowman-sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes grip-snow-glow{0%,100%{filter:drop-shadow(0 2px 2px #a9d4eb15) brightness(1)}50%{filter:drop-shadow(0 2px 5px #c4e8ff50) brightness(1.07)}}
@keyframes grip-pumpkin-glow{0%,100%{filter:drop-shadow(0 0 1px #ed8b3320)}50%{filter:drop-shadow(0 0 5px #ed8b3390)}}
@media(max-width:580px){.holiday-banner strong{font-size:17px}.holiday-banner span{font-size:13px}.holiday-preview{padding:14px}[data-holiday] .base-grid{row-gap:24px}}
@media(prefers-reduced-motion:reduce){[data-holiday] :is(.base-grid .option,.addon-group,.customer-review,.contact form,.holiday-sample)::after,[data-holiday] :is(.base-grid .option,.customer-review,.contact form,.holiday-sample)::before{animation:none!important}}
[data-holiday="christmas"]{--holiday-trim:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%2236%22%20viewBox%3D%220%200%20360%2036%22%3E%3Cpath%20d%3D%22M0%200H360V9Q335%205%20310%2012T260%2010T210%2013T160%209T110%2014T60%2010T0%208Z%22%20fill%3D%22%23edf5f8%22%2F%3E%3Cpath%20d%3D%22M18%2011Q35%2021%2052%2012M138%2013Q156%2024%20174%2012%22%20fill%3D%22%23d2e5ed%22%2F%3E%3Cpath%20d%3D%22M294%208l-14%2012%2014-4-7%2012%2020-13M307%208l16%2012-14-4%208%2012-20-13%22%20fill%3D%22%23436754%22%2F%3E%3Cg%20fill%3D%22%23bd4e4b%22%3E%3Ccircle%20cx%3D%22298%22%20cy%3D%2217%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22306%22%20cy%3D%2220%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22305%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-holiday="midsummer"]{--holiday-trim:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%2236%22%20viewBox%3D%220%200%20360%2036%22%3E%3Cpath%20d%3D%22M0%2010Q90%2024%20180%209T360%2010%22%20fill%3D%22none%22%20stroke%3D%22%23719876%22%20stroke-width%3D%222%22%2F%3E%3Cg%20transform%3D%22translate%2835%2013%29%22%3E%3Cellipse%20cx%3D%22-11%22%20cy%3D%221%22%20rx%3D%229%22%20ry%3D%223%22%20fill%3D%22%236a936d%22%2F%3E%3Cg%20fill%3D%22%23f8f0db%22%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%20transform%3D%22rotate%2845%29%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%20transform%3D%22rotate%2845%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%223.5%22%20fill%3D%22%23dcb860%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2890%2013%29%22%3E%3Cellipse%20cx%3D%22-11%22%20cy%3D%221%22%20rx%3D%229%22%20ry%3D%223%22%20fill%3D%22%236a936d%22%2F%3E%3Cg%20fill%3D%22%23f8f0db%22%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%20transform%3D%22rotate%2845%29%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%20transform%3D%22rotate%2845%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%223.5%22%20fill%3D%22%23dcb860%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28145%2013%29%22%3E%3Cellipse%20cx%3D%22-11%22%20cy%3D%221%22%20rx%3D%229%22%20ry%3D%223%22%20fill%3D%22%236a936d%22%2F%3E%3Cg%20fill%3D%22%23f8f0db%22%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%20transform%3D%22rotate%2845%29%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%20transform%3D%22rotate%2845%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%223.5%22%20fill%3D%22%23dcb860%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28208%2013%29%22%3E%3Cellipse%20cx%3D%22-11%22%20cy%3D%221%22%20rx%3D%229%22%20ry%3D%223%22%20fill%3D%22%236a936d%22%2F%3E%3Cg%20fill%3D%22%23f8f0db%22%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%20transform%3D%22rotate%2845%29%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%20transform%3D%22rotate%2845%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%223.5%22%20fill%3D%22%23dcb860%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28272%2013%29%22%3E%3Cellipse%20cx%3D%22-11%22%20cy%3D%221%22%20rx%3D%229%22%20ry%3D%223%22%20fill%3D%22%236a936d%22%2F%3E%3Cg%20fill%3D%22%23f8f0db%22%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%20transform%3D%22rotate%2845%29%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%20transform%3D%22rotate%2845%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%223.5%22%20fill%3D%22%23dcb860%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28330%2013%29%22%3E%3Cellipse%20cx%3D%22-11%22%20cy%3D%221%22%20rx%3D%229%22%20ry%3D%223%22%20fill%3D%22%236a936d%22%2F%3E%3Cg%20fill%3D%22%23f8f0db%22%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%2F%3E%3Cellipse%20rx%3D%223%22%20ry%3D%229%22%20transform%3D%22rotate%2845%29%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%223%22%20transform%3D%22rotate%2845%29%22%2F%3E%3C%2Fg%3E%3Ccircle%20r%3D%223.5%22%20fill%3D%22%23dcb860%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-holiday="halloween"]{--holiday-trim:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%2236%22%20viewBox%3D%220%200%20360%2036%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23b8b0bf%22%20stroke-opacity%3D%22.55%22%3E%3Cpath%20d%3D%22M0%200L65%2030M0%200L35%2036M0%200L90%208M16%200Q12%2012%200%2016M35%200Q30%2027%200%2034M56%200Q45%2042%200%2051M360%200L310%2032M360%200L336%2036M360%200L290%206M340%200Q345%2018%20360%2019%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%2016%29%22%3E%3Cpath%20d%3D%22M0-7Q-3-16%204-15%22%20fill%3D%22none%22%20stroke%3D%22%23799063%22%20stroke-width%3D%223%22%2F%3E%3Cellipse%20rx%3D%2217%22%20ry%3D%2212%22%20fill%3D%22%23b96b35%22%2F%3E%3Cellipse%20rx%3D%229%22%20ry%3D%2212%22%20fill%3D%22%23db8a45%22%2F%3E%3Cpath%20d%3D%22M-10-3L-3-1-9%202M10-3L3-1%209%202M-6%206Q0%2011%206%206%22%20fill%3D%22%23392921%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-holiday="easter"]{--holiday-trim:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%2236%22%20viewBox%3D%220%200%20360%2036%22%3E%3Cpath%20d%3D%22M0%209Q90%2020%20180%207T360%209%22%20fill%3D%22none%22%20stroke%3D%22%238e9c67%22%20stroke-width%3D%222%22%2F%3E%3Cg%20fill%3D%22%2391a577%22%3E%3Cellipse%20cx%3D%2235%22%20cy%3D%2210%22%20rx%3D%2210%22%20ry%3D%223%22%2F%3E%3Cellipse%20cx%3D%22300%22%20cy%3D%227%22%20rx%3D%2212%22%20ry%3D%223%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M80%203C65%2013%2068%2029%2080%2029S95%2013%2080%203%22%20fill%3D%22%23e5bc70%22%2F%3E%3Cpath%20d%3D%22M104%200C89%2010%2092%2026%20104%2026S119%2010%20104%200%22%20fill%3D%22%23bcabce%22%2F%3E%3Cpath%20d%3D%22M128%203C113%2013%20116%2029%20128%2029S143%2013%20128%203%22%20fill%3D%22%239ebfac%22%2F%3E%3Cpath%20d%3D%22M72%2017l4-3%204%203%204-3%204%203M96%2014l4-3%204%203%204-3%204%203M120%2017l4-3%204%203%204-3%204%203%22%20fill%3D%22none%22%20stroke%3D%22%23fff6e1%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}
[data-holiday="newyear"]{--holiday-trim:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%2236%22%20viewBox%3D%220%200%20360%2036%22%3E%3Cpath%20d%3D%22M0%205Q90%2028%20180%205T360%205%22%20fill%3D%22none%22%20stroke%3D%22%23b89c56%22%2F%3E%3Cg%20fill%3D%22%23e5c879%22%3E%3Cpath%20d%3D%22M35%205l3%206%207%201-5%205%201%207-6-4-6%204%201-7-5-5%207-1ZM140%208l3%206%207%201-5%205%201%207-6-4-6%204%201-7-5-5%207-1ZM260%203l3%206%207%201-5%205%201%207-6-4-6%204%201-7-5-5%207-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f7ead1%22%3E%3Ccircle%20cx%3D%2285%22%20cy%3D%2213%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22210%22%20cy%3D%227%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%2213%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
[data-holiday="christmas"]{--christmas-bank:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%2274%22%20viewBox%3D%220%200%20480%2074%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22s%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23eff8fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b7d4e2%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%2048Q18%2049%2035%2039C54%2025%2075%2030%2095%2041Q115%2050%20146%2044C165%2039%20167%2022%20193%2024S231%2044%20260%2042C281%2041%20292%2033%20310%2038S332%2048%20357%2039C381%2027%20400%2028%20420%2041Q449%2049%20480%2043V58Q465%2062%20447%2059T409%2061Q393%2062%20391%2067Q388%2073%20385%2066L383%2060Q360%2057%20339%2062T293%2059Q274%2055%20255%2059L252%2069Q249%2074%20246%2068L244%2060Q222%2065%20201%2058T165%2061Q140%2066%20124%2059T91%2061L88%2068Q85%2072%2082%2065L81%2060Q60%2057%2041%2061T0%2059Z%22%20fill%3D%22url%28%23s%29%22%2F%3E%3Cpath%20d%3D%22M7%2048Q28%2049%2041%2040Q64%2029%2085%2040M158%2043Q178%2022%20196%2029Q214%2030%20223%2038M361%2040Q384%2030%20403%2038%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M115%2027l1.5%204.5L121%2033l-4.5%201.5L115%2039l-1.5-4.5L109%2033l4.5-1.5Z%22%2F%3E%3Cpath%20d%3D%22M332%2018l1%203%203%201-3%201-1%203-1-3-3-1%203-1Z%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2226%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%22279%22%20cy%3D%2224%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%22438%22%20cy%3D%2232%22%20r%3D%221.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--christmas-snowman:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276%22%20height%3D%2274%22%20viewBox%3D%220%200%2076%2074%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%22.35%22%20cy%3D%22.25%22%20r%3D%22.85%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23eef7fa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23adcbd9%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2240%22%20cy%3D%2267%22%20rx%3D%2229%22%20ry%3D%224%22%20fill%3D%22%2383aabc%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M22%2043L10%2034M12%2036L9%2028M12%2036L5%2035M54%2043L65%2030M64%2032L70%2029M64%2032L62%2024%22%20fill%3D%22none%22%20stroke%3D%22%23876c55%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cellipse%20cx%3D%2239%22%20cy%3D%2253%22%20rx%3D%2219%22%20ry%3D%2217%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2229%22%20r%3D%2213%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22M25%2037Q39%2043%2051%2036L51%2042Q38%2046%2025%2042Z%22%20fill%3D%22%23b94f50%22%2F%3E%3Cpath%20d%3D%22M44%2041L48%2055L55%2052L49%2039Z%22%20fill%3D%22%23c95e5a%22%2F%3E%3Cpath%20d%3D%22M48%2049L53%2047%22%20stroke%3D%22%23e8b58a%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%2017L28%206Q38%202%2047%207L48%2018Z%22%20fill%3D%22%23283d3c%22%2F%3E%3Cpath%20d%3D%22M28%2013L48%2014L48%2018L28%2017Z%22%20fill%3D%22%23b84e4d%22%2F%3E%3Cpath%20d%3D%22M23%2018Q38%2022%2053%2018%22%20fill%3D%22none%22%20stroke%3D%22%23293e3c%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29%206Q37%203%2046%207%22%20fill%3D%22none%22%20stroke%3D%22%23f3fafc%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22%23344a50%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2228%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2228%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2249%22%20r%3D%221.7%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2257%22%20r%3D%221.7%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M38%2030L50%2033L38%2034Z%22%20fill%3D%22%23df913e%22%2F%3E%3Cpath%20d%3D%22M33%2035Q36%2038%2040%2036%22%20fill%3D%22none%22%20stroke%3D%22%235c7177%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2232%22%20r%3D%222%22%20fill%3D%22%23e9b4a6%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E")}
/* Dimensional seasonal scenes. Scoped to the holiday banner; forms remain interactive. */
[data-holiday]{--season-light:#f0c87f;--season-glow:#c8963d;--season-dark:#302518}
[data-holiday=christmas]{--season-light:#d6f1ef;--season-glow:#579e9e;--season-dark:#152f32}
[data-holiday=easter]{--season-light:#ecd6fc;--season-glow:#a18abb;--season-dark:#302339}
[data-holiday=midsummer]{--season-light:#eceac1;--season-glow:#85a96e;--season-dark:#213426}
[data-holiday=halloween]{--season-light:#ffc183;--season-glow:#d27432;--season-dark:#302035}
.holiday-banner{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:250px;gap:20px;padding:28px 44px;text-align:left;overflow:hidden;border:1px solid color-mix(in srgb,var(--season-light) 30%,transparent);border-radius:24px;background:radial-gradient(ellipse at 90% 100%,var(--season-dark),transparent 65%),linear-gradient(125deg,#15191b,#111416);box-shadow:0 20px 50px #0004,inset 0 1px #ffffff16}
.holiday-banner::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.12;background:repeating-linear-gradient(115deg,transparent 0 55px,#ffffff12 56px,transparent 57px 110px);pointer-events:none}
.holiday-copy{position:relative;z-index:2;max-width:660px;padding:10px 0 24px;align-self:center}
.holiday-banner .holiday-eyebrow{display:block;color:var(--season-light);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:600;margin-bottom:14px}
.holiday-banner .holiday-title{display:block;color:#fff5e4;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:clamp(26px,3vw,42px);letter-spacing:.1px;line-height:1.12;text-wrap:balance}
.holiday-banner .holiday-subtitle{display:block;color:#c4c5c0;font-size:14px;margin-top:14px}
.holiday-motion-toggle{position:absolute;bottom:12px;left:44px;z-index:4;border:1px solid #ffffff30;border-radius:30px;background:#111820b8;color:#dedbd0;font:11px Arial,sans-serif;padding:7px 12px;cursor:pointer;min-height:30px}
.holiday-motion-toggle:hover{background:#36403e}.holiday-motion-toggle:focus-visible{outline:2px solid var(--season-light);outline-offset:3px}
.holiday-scene{position:relative;isolation:isolate;width:320px;height:220px;perspective:800px;justify-self:center;user-select:none}
.holiday-world{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease-out}
.holiday-object{position:absolute;transform-style:preserve-3d}.holiday-scene i{display:block;position:absolute;font-style:normal}
.holiday-halo{position:absolute;inset:0;background:radial-gradient(ellipse,var(--season-glow),transparent 67%);opacity:.25;filter:blur(15px);animation:holiday-breathe 6s ease-in-out infinite}
.holiday-floor{position:absolute;width:240px;height:60px;left:40px;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#0009,transparent 65%);transform:rotateX(50deg)}
.holiday-particles{position:absolute;inset:-10px;overflow:hidden;pointer-events:none}.holiday-particles i{left:var(--x);top:-10px;width:var(--size);height:var(--size);border-radius:50%;background:var(--season-light);box-shadow:0 0 8px var(--season-light);opacity:0;animation:holiday-fall var(--duration) var(--delay) linear infinite}
.holiday-bauble{width:80px;height:80px;top:80px;left:24px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#fff8 0 2%,transparent 17%),radial-gradient(circle at 35% 30%,#df7271,#8c2028 55%,#240b18 93%);box-shadow:inset -9px -12px 18px #0008,inset 3px 2px 5px #fff5,0 16px 20px #0006;animation:holiday-swing 6s ease-in-out infinite;transform-origin:50% -50px}
.holiday-bauble::before{content:'';position:absolute;width:1px;height:62px;background:linear-gradient(transparent,#d6ba76);bottom:100%;left:50%}
.holiday-bauble.bauble-1{width:56px;height:56px;left:240px;top:46px;animation-delay:-2s;background:radial-gradient(circle at 30% 22%,#fff9,transparent 20%),radial-gradient(circle at 35% 30%,#fce1a0,#a77b2f 60%,#3f2c15)}
.holiday-bauble.bauble-2{width:38px;height:38px;left:256px;top:138px;animation-delay:-4s;background:radial-gradient(circle at 30% 22%,#fff9,transparent 20%),radial-gradient(circle at 35% 30%,#91d5c8,#267a70 60%,#173b35)}
.bauble-cap{width:20%;height:10%;background:linear-gradient(90deg,#71562b,#ffe6a8,#71562b);top:-7%;left:40%;border-radius:3px}.bauble-band{inset:40% 0;border-block:2px solid #f3d38b88;background:#e8c67630;transform:rotate(-25deg);border-radius:50%}
.holiday-snowman{left:115px;top:35px;width:110px;height:172px;animation:holiday-float 6s ease-in-out infinite}
.snowman-body,.snowman-head{background:radial-gradient(circle at 32% 25%,#fff,#edf5f4 45%,#9ab7bd 82%,#60818e);box-shadow:inset -6px -5px 10px #294b5233,0 7px 10px #0003;border-radius:50%}
.snowman-body{width:100px;height:100px;bottom:0;left:5px}.snowman-head{width:68px;height:63px;top:24px;left:21px}.snowman-hat{width:59px;height:37px;top:0;left:26px;background:linear-gradient(90deg,#152324,#425653,#142325);border-radius:8px 8px 2px 2px;border-bottom:9px solid #a7353e;transform:rotate(-8deg)}.snowman-hat::after{content:'';position:absolute;bottom:-13px;left:-10px;width:80px;height:8px;background:#223536;border-radius:50%}.snowman-scarf{width:74px;height:17px;left:18px;top:78px;background:linear-gradient(#e06461,#8b2636);border-radius:40%;transform:rotate(-6deg)}.snowman-scarf::after{content:'';position:absolute;right:6px;top:10px;width:17px;height:38px;background:linear-gradient(90deg,#962a39,#dc5855);transform:rotate(-13deg);border-bottom:3px dashed #e49880}.snowman-eyes{left:40px;top:48px;width:5px;height:6px;background:#193238;border-radius:50%;box-shadow:25px 0 #193238}.snowman-nose{left:54px;top:58px;width:30px;height:10px;background:linear-gradient(#ffc677,#d66a25);clip-path:polygon(0 0,100% 65%,0 100%)}.snowman-buttons{left:50px;top:110px;width:7px;height:7px;border-radius:50%;background:#2a4146;box-shadow:0 20px #2a4146,0 40px #2a4146}
.holiday-egg{width:90px;height:124px;border-radius:50% 50% 46% 46% / 63% 63% 37% 37%;background:radial-gradient(ellipse at 28% 20%,#ffffffb0,transparent 28%),radial-gradient(ellipse at 35% 30%,#d3b2e7,#9a66ba 60%,#422854);box-shadow:inset -13px -12px 20px #29132d66,inset 3px 3px 5px #ffffff55,0 20px 20px #0005;animation:holiday-egg-rock 7s ease-in-out infinite;overflow:hidden}
.egg-0{left:43px;top:69px;--lean:-18deg}.egg-1{left:125px;top:36px;--lean:8deg;z-index:2;animation-delay:-2s;background:radial-gradient(ellipse at 28% 20%,#fff9,transparent 28%),radial-gradient(ellipse at 35% 30%,#ffe9a6,#d69d45 60%,#765528)}.egg-2{left:207px;top:86px;--lean:24deg;animation-delay:-4s;background:radial-gradient(ellipse at 28% 20%,#fff9,transparent 28%),radial-gradient(ellipse at 35% 30%,#c6e1c6,#75a995 60%,#315c50)}.egg-band{inset:52% 0 23%;border-block:3px solid #fff2d3a8;background:repeating-linear-gradient(45deg,#fff5 0 3px,transparent 3px 12px);transform:rotate(-8deg)}.egg-spark{top:23%;left:26%;width:9px;height:9px;background:#fff9;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.holiday-leaf{width:80px;height:23px;left:120px;bottom:12px;border-radius:100% 0 100% 0;background:linear-gradient(15deg,#294c3b,#8db092);transform:rotate(var(--angle));transform-origin:0 50%;z-index:-1}
.holiday-pumpkin{width:142px;height:116px;left:100px;top:82px;animation:holiday-float 7s ease-in-out infinite;filter:drop-shadow(0 18px 12px #0008)}
.pumpkin-rib{top:0;left:calc(var(--rib)*17px);width:74px;height:116px;border-radius:50%;background:radial-gradient(ellipse at 28% 25%,#ffb454,#d35c18 48%,#632312 95%);box-shadow:inset 3px 0 4px #ffc56b88,inset -5px -8px 9px #45172a66}.pumpkin-rib:nth-child(3){z-index:2}.pumpkin-rib:nth-child(2),.pumpkin-rib:nth-child(4){z-index:1}.pumpkin-stem{top:-24px;left:64px;width:18px;height:32px;border-radius:10px 2px 0 0;background:linear-gradient(90deg,#39452a,#92905a,#303a28);transform:rotate(18deg);z-index:3}.pumpkin-eyes{left:28px;top:37px;width:86px;height:24px;z-index:4;background:#ffe3a0;clip-path:polygon(0 0,35% 70%,0 100%,0 0,100% 0,100% 100%,65% 70%,100% 0);filter:drop-shadow(0 0 4px #ffd87b);animation:holiday-candle 4s ease-in-out infinite}.pumpkin-mouth{left:42px;top:76px;width:63px;height:22px;z-index:4;background:#ffd280;clip-path:polygon(0 0,20% 30%,30% 0,43% 45%,64% 0,78% 30%,100% 0,85% 80%,60% 100%,30% 90%,10% 60%);animation:holiday-candle 4s ease-in-out infinite}.pumpkin-1{left:22px;top:126px;scale:.62;transform-origin:50% 100%;animation-delay:-3s;z-index:-1}
.holiday-moon{position:absolute;width:76px;height:76px;right:20px;top:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eee2c9,#bcb4bb 68%,#716577);box-shadow:0 0 40px #ccc0c333;opacity:.8}.holiday-mist{position:absolute;left:-25px;bottom:5px;width:360px;height:60px;background:radial-gradient(ellipse,#b3a4be38,transparent 68%);filter:blur(10px);animation:holiday-mist-drift 12s ease-in-out infinite}
.holiday-bat{width:42px;height:15px;left:45px;top:35px;background:#11121d;border-radius:50%;animation:holiday-bat-flight 8s ease-in-out infinite;filter:drop-shadow(0 2px 2px #b0a2b955)}.holiday-bat i{width:25px;height:20px;top:-8px;background:#11121d;clip-path:polygon(0 70%,12% 0,50% 32%,100% 0,90% 100%,50% 60%);animation:holiday-wing .8s ease-in-out infinite alternate}.holiday-bat i:first-child{left:-13px;transform-origin:right center}.holiday-bat i:last-child{right:-13px;transform-origin:left center;animation-direction:alternate-reverse}.bat-1{left:170px;top:25px;scale:.55;animation-delay:-3s}.bat-2{left:260px;top:84px;scale:.7;animation-delay:-5s}
.holiday-wreath{width:150px;height:150px;left:85px;top:25px;border:15px solid #56734b;border-radius:50%;background:transparent;box-shadow:inset 4px 4px 6px #c3ce8b55,inset -5px -4px 5px #182d23,5px 15px 18px #0006;animation:holiday-wreath-turn 9s ease-in-out infinite}
.holiday-flower{position:absolute;left:45px;top:45px;width:30px;height:30px;transform:rotate(var(--angle)) translateY(-70px) rotate(15deg);transform-style:preserve-3d}.flower-petal{width:12px;height:29px;left:9px;top:-10px;border-radius:60%;transform-origin:50% 25px;transform:rotate(calc(var(--petal)*45deg)) rotateX(18deg);background:linear-gradient(90deg,#c8cfbd,#fff9e9 50%,#e4e4cf);box-shadow:1px 2px 2px #152f3a55}.holiday-flower:nth-child(3n) .flower-petal{background:linear-gradient(90deg,#6469ab,#c3bce5,#7e7db2)}.flower-center{width:14px;height:14px;left:8px;top:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffeab0,#d9a435 70%,#98641e);transform:translateZ(8px);box-shadow:0 2px 3px #0004}.wreath-ribbon{width:21px;height:80px;top:121px;left:45px;transform-origin:50% 0;background:linear-gradient(90deg,#2d6491,#95b9dc,#234668);clip-path:polygon(0 0,100% 0,90% 100%,50% 85%,10% 100%);animation:holiday-ribbon 5s ease-in-out infinite}.wreath-ribbon.ribbon-1{left:65px;background:linear-gradient(90deg,#b88828,#f8df80,#c6a040);animation-delay:-2s}
.holiday-orb{left:125px;top:84px;width:80px;height:80px;animation:holiday-float 7s ease-in-out infinite}.orb-star{inset:0;font-size:80px;line-height:1;color:#f9dc94;text-shadow:2px 3px #98702d,4px 6px #684923,0 0 25px #ffda8955;transform:translateZ(25px)}.orb-ring{inset:-18px;border:2px solid #d9bc71;border-radius:50%;box-shadow:0 0 5px #eac98455,inset 0 0 3px #eac98455;transform:rotateY(calc(55deg + var(--i)*45deg)) rotateX(65deg);animation:holiday-orbit 12s linear infinite;animation-delay:calc(var(--i)*-4s)}
.holiday-firework{width:8px;height:8px;top:50px;left:70px}.holiday-firework i{width:3px;height:24px;left:0;top:0;border-radius:3px;background:linear-gradient(#fff5dc,#e4b850,transparent);transform-origin:50% 0;animation:holiday-burst 4.8s ease-out infinite;animation-delay:calc(var(--i)*-1.6s);box-shadow:0 0 5px #ffe2a855}.firework-1{left:263px;top:72px;scale:.7}.firework-2{left:230px;top:165px;scale:.5}
[data-holiday=newyear] .holiday-particles i{border-radius:0;width:3px;height:7px}[data-holiday=midsummer] .holiday-particles i,[data-holiday=easter] .holiday-particles i{animation-name:holiday-pollen}[data-holiday=halloween] .holiday-particles i{background:#ee9455;animation-name:holiday-pollen}
@keyframes holiday-float{0%,100%{transform:translateY(0) rotateY(-8deg)}50%{transform:translateY(-7px) rotateY(8deg)}}
@keyframes holiday-swing{0%,100%{transform:rotateZ(-7deg) rotateY(-10deg)}50%{transform:rotateZ(7deg) rotateY(12deg)}}
@keyframes holiday-egg-rock{0%,100%{transform:translateY(0) rotate(var(--lean)) rotateY(-12deg)}50%{transform:translateY(-9px) rotate(calc(var(--lean) + 7deg)) rotateY(15deg)}}
@keyframes holiday-wreath-turn{0%,100%{transform:rotateY(-17deg) rotateX(8deg) rotateZ(-6deg)}50%{transform:rotateY(17deg) rotateX(-6deg) rotateZ(6deg)}}
@keyframes holiday-ribbon{0%,100%{transform:rotateZ(-10deg) rotateX(15deg)}50%{transform:rotateZ(12deg) rotateX(-20deg)}}
@keyframes holiday-breathe{0%,100%{opacity:.2;transform:scale(.9)}50%{opacity:.38;transform:scale(1.08)}}
@keyframes holiday-fall{0%{opacity:0;transform:translate3d(0,0,0)}10%,80%{opacity:.65}100%{opacity:0;transform:translate3d(28px,255px,0)}}
@keyframes holiday-pollen{0%{opacity:0;transform:translate3d(0,230px,0)}30%,70%{opacity:.6}100%{opacity:0;transform:translate3d(-30px,0,0)}}
@keyframes holiday-candle{0%,100%{opacity:.75}30%{opacity:1}65%{opacity:.85}}
@keyframes holiday-mist-drift{0%,100%{transform:translateX(-20px);opacity:.5}50%{transform:translateX(20px);opacity:1}}
@keyframes holiday-bat-flight{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(15px,-10px) rotate(8deg)}}
@keyframes holiday-wing{from{transform:rotateY(-25deg)}to{transform:rotateY(55deg)}}
@keyframes holiday-orbit{from{transform:rotateY(55deg) rotateX(65deg) rotateZ(0deg)}to{transform:rotateY(415deg) rotateX(65deg) rotateZ(360deg)}}
@keyframes holiday-burst{0%,15%{opacity:0;transform:rotate(var(--angle)) translateY(0) scaleY(.2)}25%{opacity:.95}75%,100%{opacity:0;transform:rotate(var(--angle)) translateY(56px) scaleY(.5)}}
.holiday-preview .holiday-banner{grid-template-columns:minmax(0,1fr) 320px;padding:24px;min-height:270px}.holiday-preview .holiday-title{font-size:29px}.holiday-preview .holiday-motion-toggle{left:24px}.holiday-preview{container-type:inline-size;min-width:0}
[data-holiday-paused=true] .holiday-banner *,[data-holiday-paused=true] .holiday-banner *::before,[data-holiday-paused=true] .holiday-banner *::after,.holiday-banner[data-sleeping=true] *{animation-play-state:paused!important}
[data-holiday-paused=true] :is(.option,.addon-group,.customer-review,.contact form,.holiday-sample)::before,[data-holiday-paused=true] :is(.option,.addon-group,.customer-review,.contact form,.holiday-sample)::after{animation-play-state:paused!important}
@container(max-width:640px){.holiday-preview .holiday-banner{grid-template-columns:1fr;gap:0;text-align:center}.holiday-preview .holiday-copy{padding-bottom:0}.holiday-preview .holiday-motion-toggle{left:50%;transform:translateX(-50%)}.holiday-preview .holiday-scene{margin-bottom:16px}}
@media(max-width:760px){.holiday-banner{grid-template-columns:1fr;padding:24px 20px 40px;gap:0;text-align:center}.holiday-copy{padding:0;justify-self:center}.holiday-scene{width:320px;max-width:100%;margin-top:4px}.holiday-banner .holiday-title{font-size:29px}.holiday-motion-toggle{left:50%;transform:translateX(-50%);white-space:nowrap}.holiday-preview .holiday-banner{grid-template-columns:1fr;padding:22px 12px 40px}.holiday-preview .holiday-motion-toggle{left:50%}.holiday-preview .holiday-title{font-size:26px}}
@media(max-width:380px){.holiday-scene{width:280px;scale:.87;transform-origin:50% 50%;margin-inline:-20px}.holiday-world{left:-20px;right:-20px}.holiday-banner .holiday-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){.holiday-banner *,.holiday-banner *::before,.holiday-banner *::after{animation:none!important;transition:none!important}.holiday-world{transform:none!important}.holiday-particles i{opacity:.35;top:calc(var(--size)*25)}.holiday-firework i{opacity:.5;transform:rotate(var(--angle)) translateY(35px)}.holiday-egg{transform:rotate(var(--lean))}}
.holiday-flower{transform:rotate(var(--angle)) translateY(-70px) rotate(15deg) translateZ(18px)}
.holiday-motion-toggle:disabled{cursor:default;opacity:.7}
.holiday-banner .holiday-title{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}

/* Compact card decorations fit within the regular spacing between rows. */
[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2))::after{top:-17px;height:24px;background-size:240px 24px}
[data-holiday="christmas"] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2))::after{top:-28px;height:40px;background-size:260px 40px}

/* Detailed, independently animated card garlands and dimensional ornaments. */
[data-holiday="christmas"]{--card-trim:url("assets/holiday-christmas-trim.svg");--card-ornament:url("assets/holiday-christmas-ornament.svg")}
[data-holiday="halloween"]{--card-trim:url("assets/holiday-halloween-trim.svg");--card-ornament:url("assets/holiday-halloween-ornament.svg")}
[data-holiday="easter"]{--card-trim:url("assets/holiday-easter-trim.svg");--card-ornament:url("assets/holiday-easter-ornament.svg")}
[data-holiday="midsummer"]{--card-trim:url("assets/holiday-midsummer-trim.svg");--card-ornament:url("assets/holiday-midsummer-ornament.svg")}
[data-holiday="newyear"]{--card-trim:url("assets/holiday-newyear-trim.svg");--card-ornament:url("assets/holiday-newyear-ornament.svg")}
[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::after{top:-19px;left:8px;right:8px;height:30px;background-image:var(--card-trim);background-size:316px 30px;transform-origin:50% 100%;animation:holiday-card-garland 6s ease-in-out infinite;filter:drop-shadow(0 2px 2px #0006)}
[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::before{content:"";position:absolute;top:-24px;right:16px;width:46px;height:46px;background:var(--card-ornament) center/contain no-repeat;pointer-events:none;z-index:3;transform-origin:50% 75%;animation:holiday-card-ornament 5.5s ease-in-out infinite;filter:drop-shadow(0 3px 3px #0006)}
[data-holiday] .base-grid .option:nth-child(3n+4)::before{animation-delay:-2.4s}
[data-holiday] .addon-group:nth-child(4n+2)::before{animation-delay:-1.5s}
[data-holiday=halloween] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::before{animation-name:holiday-card-pumpkin}
[data-holiday=newyear] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::before{animation-name:holiday-card-star}
[data-holiday=midsummer] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::before{animation-name:holiday-card-wreath}
@keyframes holiday-card-garland{0%,100%{transform:translateY(0);filter:drop-shadow(0 2px 2px #0006) brightness(1)}50%{transform:translateY(-1px);filter:drop-shadow(0 2px 3px #e6cc9b35) brightness(1.12)}}
@keyframes holiday-card-ornament{0%,100%{transform:perspective(200px) rotateY(-12deg) rotateZ(-5deg) translateY(0)}50%{transform:perspective(200px) rotateY(12deg) rotateZ(5deg) translateY(-2px)}}
@keyframes holiday-card-pumpkin{0%,100%{transform:perspective(200px) rotateY(-10deg) rotateZ(-3deg);filter:drop-shadow(0 2px 3px #0007)}50%{transform:perspective(200px) rotateY(10deg) rotateZ(3deg) translateY(-1px);filter:drop-shadow(0 0 5px #ef953a85) brightness(1.18)}}
@keyframes holiday-card-star{0%,100%{transform:perspective(200px) rotateY(-22deg) rotateZ(-7deg);filter:drop-shadow(0 0 2px #e4ba6a44)}50%{transform:perspective(200px) rotateY(22deg) rotateZ(7deg) translateY(-2px);filter:drop-shadow(0 0 6px #ffe4a2aa)}}
@keyframes holiday-card-wreath{0%,100%{transform:perspective(200px) rotateY(-20deg) rotateZ(-6deg)}50%{transform:perspective(200px) rotateY(20deg) rotateZ(6deg) translateY(-1px)}}
@media(prefers-reduced-motion:reduce){[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::before,[data-holiday] :is(.base-grid .option:nth-child(3n+1),.addon-group:nth-child(4n+2),.customer-review:nth-child(3n+1),.contact form,.holiday-sample)::after{animation:none!important}}
.holiday-settings{min-width:0}.holiday-admin h3{font-size:24px;margin:24px 0 12px}.holiday-campaign-row{margin:14px 0;padding:18px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff03}.holiday-campaign-row legend{font-size:18px;color:var(--gold);padding:0 8px;margin:0}.holiday-campaign-row .admin-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.holiday-campaign-row input[type=checkbox]{display:block;width:20px;height:20px;margin-top:14px;accent-color:var(--orange)}.holiday-campaign-row input{min-width:0}.holiday-discount{display:block;width:fit-content;margin-top:16px;padding:10px 14px;border:1px solid #e8c57966;border-radius:12px;background:#e8c57914;color:#ffe7b5;font:600 14px/1.5 Arial,sans-serif}.holiday-discount small{display:block;font-size:11px;font-weight:400;color:#ddd4be}.holiday-admin fieldset:disabled{opacity:.6}@media(max-width:800px){.holiday-campaign-row .admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.holiday-campaign-row .admin-fields{grid-template-columns:1fr}.holiday-discount{margin-inline:auto}}
/* Secondary action for restoring the seasonal date range. */
.holiday-admin .holiday-default-dates{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;min-height:44px;padding:11px 16px;border:1px solid #d3b57370;border-radius:12px;background:linear-gradient(135deg,#302a20,#211f1b);color:#f3dfb4;font:600 14px/1.4 Barlow,Arial,sans-serif;text-align:center;box-shadow:inset 0 1px 0 #ffffff08;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.holiday-admin .holiday-default-dates::before{content:'↺';font-size:22px;line-height:1;font-weight:400}
.holiday-admin .holiday-default-dates:hover:not(:disabled){background:linear-gradient(135deg,#423726,#2d281f);border-color:#d3b573;box-shadow:0 3px 12px #0003}
.holiday-admin .holiday-default-dates:focus-visible{outline:2px solid #ff9557;outline-offset:3px}
.holiday-admin .holiday-default-dates:active:not(:disabled){background:#211d17;box-shadow:inset 0 2px 5px #0004}
.holiday-admin .holiday-default-dates:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){.holiday-admin .holiday-default-dates{transition:none}}
/* Keep decoration outside the card while rounding the actual campaign ribbon. */
.base-grid .campaign-option .campaign-ribbon{border-radius:17px 17px 0 0}
[data-holiday] .base-grid .campaign-option .campaign-ribbon{border-radius:19px 19px 0 0}
[data-holiday] .base-grid .holiday-campaign-option{border-color:color-mix(in srgb,var(--season-light) 60%,transparent);background:linear-gradient(130deg,var(--season-dark),#15191b);box-shadow:0 0 22px color-mix(in srgb,var(--season-glow) 12%,transparent)}
[data-holiday] .holiday-campaign-option .campaign-ribbon{background:linear-gradient(110deg,var(--season-dark),color-mix(in srgb,var(--season-glow) 65%,#172020),var(--season-dark));background-size:250% 100%;color:var(--season-light);border-bottom:1px solid color-mix(in srgb,var(--season-light) 35%,transparent)}
[data-holiday] .holiday-campaign-option .campaign-copy,[data-holiday] .holiday-campaign-option .campaign-deadline{color:var(--season-light)}
[data-holiday-discount=true] #campaign-banner{display:none}
a.holiday-discount{cursor:pointer;text-decoration:none;border-color:color-mix(in srgb,var(--season-light) 50%,transparent);color:var(--season-light);background:color-mix(in srgb,var(--season-glow) 12%,transparent);transition:background .2s,border-color .2s}
a.holiday-discount::after{content:'Se erbjudandet ↗';display:block;font-size:12px;margin-top:8px}
a.holiday-discount:hover{background:color-mix(in srgb,var(--season-glow) 25%,transparent);border-color:var(--season-light)}
a.holiday-discount:focus-visible{outline:2px solid var(--season-light);outline-offset:4px}
.holiday-targets{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;min-width:0}.holiday-targets legend{font-size:14px;margin-bottom:10px;padding:0}.holiday-targets label{display:flex;align-items:center;gap:9px;margin:0;padding:10px 13px;border:1px solid #ffffff22;border-radius:10px;background:#151819;cursor:pointer}.holiday-targets label:has(input:checked){border-color:#d3b57399;background:#302b20;color:#f5dfaa}.holiday-campaign-row .holiday-targets input[type=checkbox]{margin:0;width:18px;height:18px}.holiday-targets label:has(input:disabled){opacity:.55;cursor:default}
/* Only holiday-discounted choices use the seasonal color palette. */
[data-holiday] .base-grid .holiday-campaign-option{border-color:color-mix(in srgb,var(--season-light) 24%,#252a2c);background:linear-gradient(135deg,color-mix(in srgb,var(--season-dark) 75%,#202427),#14191b);box-shadow:inset 0 1px 0 #ffffff07}
[data-holiday] .base-grid .holiday-campaign-option:hover{border-color:color-mix(in srgb,var(--season-light) 65%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--season-glow) 22%,#1a2225),#171d20)}
[data-holiday] .base-grid .holiday-campaign-option:has(input:checked){border-color:var(--season-light);background:linear-gradient(130deg,color-mix(in srgb,var(--season-glow) 32%,#172023),var(--season-dark));box-shadow:0 0 0 1px color-mix(in srgb,var(--season-light) 16%,transparent),0 6px 22px color-mix(in srgb,var(--season-glow) 14%,transparent),inset 0 1px 0 #ffffff12}
[data-holiday] .base-grid .holiday-campaign-option input{accent-color:var(--season-light)}
[data-holiday] .base-grid .holiday-campaign-option .money{color:var(--season-light)}
[data-holiday] .base-grid .holiday-campaign-option:focus-within{outline:2px solid var(--season-light);outline-offset:3px}
[data-holiday] .base-grid .campaign-option:nth-child(3n+1) .campaign-ribbon{padding-right:66px;flex-wrap:wrap}
/* Seasonal order summary and its actions. */
[data-holiday] #price-summary{background:linear-gradient(145deg,var(--season-dark),#171c1e 75%);border-color:color-mix(in srgb,var(--season-light) 45%,transparent);box-shadow:inset 0 1px 0 #ffffff12,0 16px 36px #0003}
[data-holiday] #price-summary :is(.eyebrow,.step-number,#total,.addon-savings-total){color:var(--season-light)}
[data-holiday] #price-summary .addon-savings-total{border-color:var(--season-light)}
[data-holiday] #price-summary :is(.summary-line,.coupon-box){border-color:color-mix(in srgb,var(--season-light) 18%,transparent)}
[data-holiday] #contact-choice{background:linear-gradient(110deg,var(--season-light),color-mix(in srgb,var(--season-light) 70%,var(--season-glow)));color:#132022;box-shadow:0 5px 18px color-mix(in srgb,var(--season-glow) 22%,transparent);border:1px solid color-mix(in srgb,var(--season-light) 85%,white)}
[data-holiday] #contact-choice:hover{background:linear-gradient(110deg,color-mix(in srgb,var(--season-light) 85%,white),var(--season-light));box-shadow:0 7px 24px color-mix(in srgb,var(--season-glow) 32%,transparent)}
[data-holiday] #price-summary :is(.coupon-entry button,#remove-coupon,.remove-choice){color:var(--season-light);border-color:color-mix(in srgb,var(--season-light) 55%,transparent);background:color-mix(in srgb,var(--season-dark) 65%,#171b1d)}
[data-holiday] #price-summary :is(.coupon-entry button,#remove-coupon,.remove-choice):hover{background:color-mix(in srgb,var(--season-glow) 25%,#171b1d)}
[data-holiday] #price-summary :is(a,button,input):focus-visible{outline:2px solid var(--season-light);outline-offset:3px}
.holiday-admin .holiday-campaign-reset{margin-top:16px}