/* Shared mobile adjustments: every holiday uses the existing palette variables. */
@media(max-width:767px){
 html.theme-seasonal body{background-attachment:scroll;background:radial-gradient(ellipse at 0 0,var(--season-c13),transparent 42%),radial-gradient(ellipse at 100% 12%,var(--season-c31),transparent 48%),var(--season-c80)}
 html.theme-seasonal .seasonal-decoration{display:block;height:250px;max-height:42svh;z-index:0;opacity:.55;overflow:hidden;pointer-events:none}
 html.theme-seasonal .seasonal-decoration:before,html.theme-seasonal .seasonal-decoration:after{top:76px;width:65px;height:65px;opacity:.24}
 html.theme-seasonal .seasonal-decoration .seasonal-orb,html.theme-seasonal .seasonal-decoration .seasonal-flair,html.theme-seasonal .seasonal-decoration .seasonal-token{display:none}
 html.theme-seasonal #main{position:relative;z-index:2}
 html.theme-seasonal .site-header{overflow:visible}
 html.theme-seasonal .hero-art{max-width:100%;min-width:0;filter:none}
 html.theme-seasonal .hero-content{min-width:0}
 html.theme-seasonal .hero h1{overflow-wrap:break-word}
 html.theme-seasonal .hero-label{max-width:100%;white-space:normal;line-height:1.7}
 html.theme-seasonal .product-card{box-shadow:0 4px 16px #0002}
 html.theme-seasonal .product-card:hover{box-shadow:0 4px 16px #0002}
 html.theme-seasonal .btn.primary{min-height:44px;box-shadow:0 4px 14px var(--season-c25)}
 html.theme-seasonal #mobile-nav{background:var(--season-c15);border-top-color:var(--season-c17)}
 html.theme-seasonal #mobile-nav a.active{color:var(--season-accent)}
}
@media(prefers-reduced-motion:reduce){.theme-seasonal .seasonal-decoration,.theme-seasonal .seasonal-decoration *{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){html.theme-seasonal .seasonal-decoration{display:none}}