/* BREAKING BUDZ | CHRISTMAS TAKEOVER 2026
   Purely visual effects: stock/KV bindings, reviews, admin and checkout stay untouched. */
:root{--xmas-ice:#eafaff;--xmas-red:#ff355c;--xmas-green:#91ff67;--xmas-gold:#ffdc77}
html{scroll-behavior:smooth}
body{background:#060718;color:#fff8fa}
/* The fixed festive wallpaper and snowmen DO NOT scroll with the document. */
#xmas-wallpaper{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:#070614;background-image:linear-gradient(180deg,rgba(6,5,20,.57),rgba(7,3,17,.47) 38%,rgba(5,8,15,.60)),url('assets/breaking-budz-skate-graffiti-pattern.webp');background-repeat:no-repeat,repeat;background-size:100% 100%,min(610px,115vw) auto;background-position:center center,center top;transform:translateZ(0)}
#xmas-snowmen{position:fixed;inset:0;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));overflow:hidden;pointer-events:none;opacity:.91}
.xmas-snowman-cell{display:flex;justify-content:center;align-items:center;min-width:0;min-height:0;filter:drop-shadow(0 4px 7px #05010ed9)}
.xmas-snowman-cell:nth-child(2n){opacity:.88}
.xmas-snowman{width:clamp(72px,9.2vw,114px);height:auto;overflow:visible;filter:drop-shadow(0 0 5px #eafaff44)}
.xmas-snowman .snowman-body{transform-box:fill-box;transform-origin:50% 85%;animation:xmas-breathe 3.7s ease-in-out infinite}
.xmas-snowman .snowman-arm-left,.xmas-snowman .snowman-arm-right{transform-box:fill-box;transform-origin:90% 82%;animation:xmas-wave 3.4s ease-in-out infinite}
.xmas-snowman .snowman-arm-right{transform-origin:10% 85%;animation-direction:reverse;animation-delay:-1.7s}
.xmas-snowman .snowman-hat-pom{transform-box:fill-box;transform-origin:50% 5%;animation:xmas-pom 2.9s ease-in-out infinite}
.xmas-snowman .snowman-eyes{transform-box:fill-box;transform-origin:center;animation:xmas-blink 5.6s linear infinite}
.xmas-snowman-cell:nth-child(3n) .snowman-body{animation-delay:-1.6s}
.xmas-snowman-cell:nth-child(4n) .snowman-arm-left{animation-delay:-2.2s}
@keyframes xmas-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.055,.984)}}
@keyframes xmas-wave{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(17deg)}}
@keyframes xmas-pom{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(13deg)}}
@keyframes xmas-blink{0%,92%,96%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
#xmas-snowfall{position:fixed;inset:0;z-index:9;pointer-events:none;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden}
/* All original page content stays fully functional and legible. */
.site-shell{position:relative;z-index:2}
.ambient-layer{display:none!important}
.brand-nav{background-image:url('assets/breaking-budz-header-wide.webp')!important;background-position:center!important;background-size:cover!important;border-bottom:2px solid #f8f5d4!important;box-shadow:0 2px 20px #a5f4ff42,inset 0 -4px 11px #08031666!important}
.brand-nav .site-menu-toggle,.brand-nav .cart-trigger{background:linear-gradient(155deg,#fceca2,#ffcf79 43%,#fc684e 100%)!important;border:2px solid #fff0c1!important;color:#331017!important;box-shadow:0 0 0 1px #e33d43,0 0 15px #ffdd6880!important}
/* White snow-cap decorations removed from the menu and cart controls. */
.brand-nav .site-menu-toggle:hover,.brand-nav .cart-trigger:hover{filter:brightness(1.14)}
.welcome-marquee{background:linear-gradient(90deg,#3d081a,#13200d 46%,#3d081a)!important;border-block:1px solid #ffe2a5!important;box-shadow:0 0 13px #fcedb34d!important}
.welcome-marquee .marquee-track span{color:#fff5ea;text-shadow:0 0 8px #fbeec344}
.welcome-marquee .marquee-track b{color:var(--xmas-gold)!important}
.welcome-marquee:not(.category-marquee) .marquee-track span::before{content:'❄';color:#e2fdff;margin-right:12px;font-size:14px}
.welcome-marquee:not(.category-marquee) .marquee-track span::after{content:'🎄';margin-left:10px}
.category-marquee{border-block:2px solid #f9d67a!important;background:linear-gradient(90deg,#2b0717,#081d12 50%,#2b0717)!important}
.hero.skate-hero{background:radial-gradient(ellipse at 50% 29%,rgba(128,73,157,.40),rgba(10,4,20,.58) 65%,rgba(7,5,16,.30)),url('assets/breaking-budz-desktop-atmosphere.webp') center/cover no-repeat!important}
.hero.skate-hero::before,.hero.skate-hero::after{content:'❄  ✨  ❄  ✨  ❄  ✨  ❄';position:absolute;left:0;right:0;top:12px;color:#e7faff;font-size:clamp(12px,2vw,22px);letter-spacing:clamp(11px,4vw,55px);text-align:center;text-shadow:0 0 10px #a6eaff;pointer-events:none;opacity:.86}
.hero.skate-hero::after{top:auto;bottom:9px;transform:rotate(180deg)}
.skate-art-wrap{overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}
.skate-art{filter:drop-shadow(0 4px 24px #05030ec4)!important;-webkit-mask-image:radial-gradient(ellipse 55% 54% at 50% 49%,#000 55%,rgba(0,0,0,.94) 69%,transparent 91%);mask-image:radial-gradient(ellipse 55% 54% at 50% 49%,#000 55%,rgba(0,0,0,.94) 69%,transparent 91%)}
.skate-hero-boundary{height:7px!important;background:linear-gradient(90deg,#cb203a,#fff9ea 16%,#56d660 36%,#ffd978 50%,#56d660 65%,#fff9ea 84%,#cb203a)!important;box-shadow:0 0 20px #f8f9d98a!important}
#menu.menu-section{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(12,3,23,.41),rgba(6,5,20,.26) 50%,rgba(12,3,23,.43))!important;background-color:transparent!important}
#menu .section-heading h1{color:#fffaf7!important;text-shadow:0 3px 0 #9a2847,0 0 18px #a7ffdcbb!important}
#menu .section-heading::before{content:'🎄';font-size:clamp(18px,3vw,30px)}
#menu .section-heading::after{content:'🎄';font-size:clamp(18px,3vw,30px)}
#menu .heading-accent{background:linear-gradient(90deg,#ff2b50,#ffde77,#8dff93)!important}
#menu .search-area{padding:16px 20px;border-radius:20px;background:rgba(7,6,22,.78);border:1px solid #f0d6a150;box-shadow:0 5px 22px #04030ea6}
#menu .search-area label{color:#fff8dc!important;text-shadow:0 2px 3px #06040c}
#menu .search-wrap{background:#0b0d1ae8;border:1px solid #c2fbe8!important}
#menu .menu-category-nav a{position:relative;overflow:hidden;border:1px solid #f6d78fb8!important;color:#fff4cd!important;background:linear-gradient(130deg,rgba(79,12,28,.97),rgba(16,45,25,.96))!important;box-shadow:inset 0 0 12px #ffe8aa23,0 4px 15px #0008!important;text-shadow:0 2px 4px #000}
#menu .menu-category-nav a:nth-child(2n){background:linear-gradient(135deg,rgba(13,48,32,.98),rgba(85,12,28,.94))!important}
#menu .menu-category-nav a::after{content:'❄';position:absolute;top:-4px;right:5px;font-size:14px;color:#e8ffff;opacity:.8}
#menu .menu-category-nav a:hover{transform:translateY(-2px);border-color:#fcfffa!important;box-shadow:0 0 18px #e1fcbe99!important}
#menu .menu-category-block .menu-subheading{color:#f8f4df!important;text-shadow:0 0 12px #e9325c80,0 2px 6px #000}
#menu .product-slot{border:1px solid #ffe8ac96!important;background:linear-gradient(150deg,rgba(42,12,27,.96),rgba(6,19,17,.97) 58%,rgba(26,8,38,.96))!important;box-shadow:0 0 0 1px #d0fbda19,0 11px 22px #000a,inset 0 1px 12px #eff9ea0d!important}
#menu .product-slot:hover{border-color:#f8f6e8!important;box-shadow:0 0 22px #9dfcbd55,0 9px 25px #000a!important}
#menu .add-cart-btn{border-color:#f2dfba!important;background:linear-gradient(110deg,#9c1537,#12643e)!important;color:#fff!important}
#menu .add-cart-btn:hover{background:linear-gradient(110deg,#c51f45,#1a8e55)!important}
.site-footer{position:relative;background:linear-gradient(180deg,rgba(47,7,20,.84),rgba(6,26,18,.94))!important;border-top:3px solid #eedc99!important;min-height:116px;align-items:center}
.site-footer::before{content:'🎁  ❄  🎄  ❄  🎁';position:absolute;top:4px;left:0;right:0;text-align:center;letter-spacing:clamp(9px,3vw,35px);font-size:20px;pointer-events:none}
.site-footer .footer-brand{color:#ffebaf!important;text-shadow:0 0 12px #ef5757!important}
.site-footer a{border:1px solid #f3dfad!important;background:#2a1220!important;color:#c3ffd0!important}
.site-quick-nav{z-index:42;background:#190c19f9;border-color:#edc781}
.cart-overlay{z-index:20}
.cart-dialog{z-index:21}
.cart-header{border-bottom:1px solid #eac78f;background:linear-gradient(90deg,#370e22,#0a3422)}
.cart-dialog{background:#0b1520;border-left:2px solid #ffe1ad}
.cart-body .review-btn{background:linear-gradient(115deg,#b5193d,#147d4d)!important;border-color:#eacfa3!important}
@media(min-width:820px){.hero.skate-hero{min-height:0}.skate-hero-layout{max-width:870px!important;padding:10px 14px 14px!important}.skate-art-wrap{flex:0 1 660px!important;max-width:660px!important}}
@media(max-width:819px){#xmas-snowmen{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));opacity:.83}.xmas-snowman{width:clamp(61px,18vw,83px)}.brand-nav{background-image:url('assets/breaking-budz-banner-four.webp')!important;background-size:cover!important;background-position:center!important}#xmas-wallpaper{background-size:100% 100%,min(500px,140vw) auto}.hero.skate-hero::before,.hero.skate-hero::after{letter-spacing:8px;font-size:12px}#menu .search-area{padding:13px 11px}#menu.menu-section{background:linear-gradient(180deg,rgba(8,3,23,.40),rgba(6,5,20,.26))!important}}
@media(max-width:380px){#xmas-snowmen{grid-template-columns:repeat(3,1fr)}.xmas-snowman{width:58px}.hero.skate-hero::before,.hero.skate-hero::after{letter-spacing:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.xmas-snowman *{animation:none!important}.xmas-snowman{filter:none}}
