/* BREAKING BUDZ — neon noir visual system. Functional storefront and admin selectors remain intact. */
:root{
  color-scheme:dark;
  --bg:#08040f;--panel:#140b20;--blue:#30dffc;--violet:#a94aff;
  --green:#b2ff50;--line:rgba(166,75,230,.38);
  --bb-purple:#ad39e7;--bb-pink:#f442cb;--bb-ice:#22dcff;
  --bb-orange:#ff982c;--bb-ink:#08040f;--bb-text:#f3eaff;
}
html{background:#08040f}
body{
  background:radial-gradient(ellipse 75% 33% at 50% 0%,rgba(97,23,116,.31),transparent 78%),
             radial-gradient(ellipse 48% 38% at 98% 49%,rgba(60,209,106,.09),transparent 82%),
             radial-gradient(ellipse 52% 32% at 0% 76%,rgba(136,36,168,.18),transparent 85%),
             linear-gradient(180deg,#0b0611 0%,#08050d 48%,#100819 100%);
  color:#f3eaff;min-height:100vh;isolation:isolate;
}
body::before{
  display:block!important;content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:radial-gradient(circle at 22% 24%,rgba(180,99,225,.3) 0 1px,transparent 1.8px),
                   radial-gradient(circle at 71% 67%,rgba(172,255,87,.18) 0 1px,transparent 1.8px),
                   linear-gradient(90deg,transparent 98%,rgba(194,74,224,.032) 99%),
                   linear-gradient(0deg,transparent 98%,rgba(194,74,224,.032) 99%);
  background-size:137px 151px,193px 179px,44px 44px,44px 44px;
  opacity:.55;
}
[hidden]{display:none!important}
.site-shell,.admin-main{position:relative;z-index:1;background:transparent}
.site-shell{max-width:1500px}
.ambient-layer{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;isolation:isolate}
.haze{position:absolute;width:58vw;min-width:330px;aspect-ratio:1;border-radius:50%;opacity:.47;will-change:transform;animation:bb-haze 24s ease-in-out infinite alternate}
.haze-one{top:-24vw;left:-22vw;background:radial-gradient(closest-side,rgba(133,36,191,.26),rgba(88,15,135,.08) 58%,transparent 88%)}
.haze-two{top:17%;right:-25vw;background:radial-gradient(closest-side,rgba(60,237,145,.17),rgba(58,163,119,.07) 55%,transparent 87%);animation-duration:29s;animation-direction:alternate-reverse}
.haze-three{bottom:-32vw;left:12%;background:radial-gradient(closest-side,rgba(205,27,170,.22),rgba(205,27,170,.06) 55%,transparent 88%);animation-duration:34s}
@keyframes bb-haze{to{transform:translate3d(6%,8%,0) scale(1.11)}}
a{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d1ff74;outline-offset:4px}
.welcome-marquee{
  height:37px;background:linear-gradient(90deg,#170a29,#210b2e 48%,#0b231d);
  border-bottom:1px solid rgba(231,69,219,.42);
  box-shadow:0 3px 24px rgba(137,32,158,.14);
}
.marquee-track{animation-duration:36s}
.marquee-track span{color:#f1c9ff;letter-spacing:.22em;font-weight:850;font-size:11px}
.marquee-track b{color:#bbff60;text-shadow:0 0 9px #94ff4d}
.brand-nav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:17px clamp(18px,5vw,68px) 8px;
  min-height:76px;position:relative;z-index:6;
}
.brand-nav a{text-decoration:none;color:#fceeff}
.brand-nav-home{display:inline-flex;align-items:center;gap:12px;min-width:0}
.brand-nav-monogram{
  width:42px;height:42px;display:grid;place-items:center;flex:none;
  font-size:17px;font-weight:1000;letter-spacing:-.07em;color:#100517;
  background:linear-gradient(140deg,#ffcb64,#ff8b23 55%,#f22b9d);
  border:2px solid rgba(255,212,113,.8);border-radius:13px 4px 13px 4px;
  box-shadow:0 0 17px rgba(246,82,150,.24),inset 0 1px 6px rgba(255,255,255,.42);
  transform:rotate(-5deg);
}
.brand-nav-name{font-size:clamp(12px,1.3vw,17px);font-weight:950;letter-spacing:.15em;white-space:nowrap;text-shadow:0 0 14px rgba(177,53,255,.29)}
.brand-nav-name strong{font-weight:950;color:#f7a53f}
.brand-nav-link{font-size:11px;font-weight:900;letter-spacing:.21em;margin-right:70px;white-space:nowrap;opacity:.85;transition:color .2s,opacity .2s}
.brand-nav-link:hover{color:#c7ff79;opacity:1}
.brand-nav-link span{font-size:17px;color:#adff67}
.hero{
  padding:18px 16px 0;min-height:0;overflow:visible;
  display:flex;flex-direction:column;align-items:center;isolation:isolate;
}
.hero-aura{
  position:absolute;z-index:-1;top:-9%;width:min(92vw,1000px);aspect-ratio:1;
  background:radial-gradient(circle,rgba(123,24,187,.34) 0%,rgba(64,214,144,.12) 38%,rgba(201,60,231,.09) 58%,transparent 78%);
  animation:bb-aura 10s ease-in-out infinite alternate;
}
@keyframes bb-aura{to{transform:translateX(-50%) scale(1.09);filter:hue-rotate(17deg)}}
.art-stage{
  width:min(100%,650px);aspect-ratio:1;position:relative;isolation:isolate;
  border-radius:32px;transform:translateZ(0);
  animation:bb-enter .9s cubic-bezier(.15,.66,.17,1) both;
}
@keyframes bb-enter{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.art-stage::before{
  content:"";position:absolute;inset:6% 3%;border-radius:50%;z-index:-1;
  box-shadow:0 0 75px 40px rgba(127,32,221,.25),0 0 115px 25px rgba(66,210,126,.14);
  animation:bb-neon 6s ease-in-out infinite alternate;
}
@keyframes bb-neon{to{box-shadow:0 0 85px 43px rgba(96,236,110,.17),0 0 125px 25px rgba(202,38,231,.22)}}
.art-halo{position:absolute;inset:3%;pointer-events:none;border:1px solid rgba(205,72,238,.18);border-radius:50%;box-shadow:0 0 37px rgba(146,44,215,.16);animation:bb-halo 13s linear infinite}
.art-halo::after{content:"✧";position:absolute;top:-14px;left:50%;color:#b6ff78;font-size:25px;text-shadow:0 0 18px #92ff4a}
@keyframes bb-halo{to{transform:rotate(360deg)}}
.brand-logo{
  width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;
  mix-blend-mode:normal;filter:drop-shadow(0 0 24px rgba(167,52,215,.34));
  border-radius:32px;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at center,#000 64%,rgba(0,0,0,.98) 80%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 72% at center,#000 64%,rgba(0,0,0,.98) 80%,transparent 100%);
}
.art-sheen{
  position:absolute;inset:5%;border-radius:28px;z-index:2;pointer-events:none;overflow:hidden;
  background:linear-gradient(115deg,transparent 37%,rgba(208,255,216,.04) 48%,transparent 58%);
  background-size:240% 100%;animation:bb-sheen 9s ease-in-out infinite;
}
@keyframes bb-sheen{0%,57%,100%{background-position:120% 0}75%{background-position:-100% 0}}



.hero-action{display:flex;align-items:center;flex-direction:column;gap:18px;margin-top:-4px;position:relative;z-index:2}
.hero-kicker{display:flex;align-items:center;gap:11px;color:#c4afcc;font-size:10px;font-weight:850;letter-spacing:.27em;text-shadow:0 0 18px rgba(245,74,203,.19)}
.hero-kicker i{width:5px;height:5px;transform:rotate(45deg);background:#b3fb79;box-shadow:0 0 13px #96ed63}
.enter-menu{
  display:inline-flex;align-items:center;justify-content:center;gap:24px;
  padding:15px 25px 15px 29px;min-height:51px;border-radius:14px;
  background:linear-gradient(112deg,#fb882e 0%,#f23f9e 46%,#aa42e9 100%);
  box-shadow:0 8px 27px rgba(187,39,177,.25),inset 0 1px 0 rgba(255,255,255,.3);
  border:1px solid rgba(255,172,89,.6);
  color:#fff;text-decoration:none;letter-spacing:.18em;font-size:12px;font-weight:950;
  transition:transform .22s,box-shadow .22s;
}
.enter-menu:hover{transform:translateY(-3px);box-shadow:0 12px 38px rgba(203,47,174,.42)}
.enter-menu span{font-size:20px;line-height:1}
.hero-divider{width:min(88%,1000px);margin-top:35px;margin-bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ac33ee,#b4ff75,#ff8b34,#af46f1,transparent)}
.hero-divider span{background:#ff9a39;box-shadow:0 0 15px #f955dc}
.menu-section{padding-top:43px}
.section-heading{margin-bottom:27px}
.section-heading h1{
  color:#fff;font-size:clamp(29px,4.5vw,48px);letter-spacing:.11em;font-weight:950;
  background:linear-gradient(95deg,#e8adff 5%,#f5f6ff 43%,#ffc377 77%,#b6ff77);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(0 0 19px rgba(146,34,220,.26));
}
.heading-accent{background:linear-gradient(90deg,transparent,#b43cec,#ff9b41)}
.search-area{margin-bottom:37px}
.search-area label{color:#e0c8ee;letter-spacing:.015em;font-size:13px}
.search-wrap{
  border:1px solid rgba(187,65,231,.62);border-radius:16px;
  background:linear-gradient(100deg,rgba(36,16,56,.94),rgba(19,15,39,.95));
  box-shadow:0 12px 29px rgba(0,0,0,.24),inset 0 1px 0 rgba(253,173,255,.08);
  transition:border-color .2s,box-shadow .2s;
}
.search-wrap:focus-within{border-color:#aeff78;box-shadow:0 0 0 3px rgba(139,255,99,.13),0 0 25px rgba(136,50,202,.17)}
.search-wrap svg{color:#e979ff}
.search-wrap input::placeholder{color:#a98caf}
.product-grid{gap:clamp(12px,2.1vw,25px)}
.product-slot{
  border-color:rgba(170,66,218,.4);border-radius:18px;
  background:radial-gradient(ellipse 98% 80% at 50% 0%,rgba(106,35,119,.15),transparent 73%),linear-gradient(155deg,#1b102b,#0d0818 55%,#10091a);
  box-shadow:inset 0 0 30px rgba(143,61,195,.08),0 13px 32px rgba(0,0,0,.26);
  transition:transform .25s,border-color .25s,box-shadow .25s;
}
.product-slot::before{
  background:linear-gradient(135deg,rgba(188,35,196,.06),#ad3fdc 15%,#31ddf2 35%,#9fff5f 60%,#ff7b32 83%,rgba(164,35,223,.07)) border-box;
  animation:border-breathe 5s ease-in-out infinite;
}
.product-slot::after{box-shadow:inset 0 0 30px rgba(151,55,198,.13)}
.product-slot:hover{transform:translateY(-6px);border-color:#d268ff;box-shadow:0 20px 43px rgba(95,20,129,.25)}
.slot-image{background:radial-gradient(circle,rgba(95,54,108,.19),rgba(3,4,13,.2) 70%);border:1px solid rgba(156,72,180,.1);border-radius:12px}
.product-image{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.product-slot:hover .product-image{transform:scale(1.045)}
.product-name{color:#f4e9fd;font-weight:850;letter-spacing:.01em}
.product-price{color:#b5fa73;text-shadow:0 0 15px rgba(148,250,80,.15)}
.product-option{color:#d6bde5}
.product-option select{background:#21102e;border-color:#8544a2;color:#fff}
.product-option select:focus{border-color:#aaff6b}
.add-cart-btn,.review-btn,.primary{
  border-color:#c86aef;background:linear-gradient(111deg,#6e20a9,#a32cbe 40%,#e1489f 74%,#f18a3b);
  color:#fff;box-shadow:0 3px 15px rgba(144,30,191,.18);
  transition:transform .2s,filter .2s,box-shadow .2s;
}
.add-cart-btn:hover:not(:disabled),.review-btn:hover,.primary:hover{background:linear-gradient(110deg,#8630b8,#bb37cd,#ff6d93);filter:brightness(1.08);box-shadow:0 6px 18px rgba(180,41,190,.3)}
.add-cart-btn:disabled{background:#272030;border-color:#53405f;color:#ad97b7;box-shadow:none}
.stock-badge{border-color:#8d4967;background:#2a1229;color:#ffd0da}
.unconfigured-slot .slot-image{background:radial-gradient(circle at 50% 50%,rgba(142,71,181,.16),transparent 70%)}
.menu-subheading{color:#e2a7ff;border-bottom-color:rgba(173,57,231,.38);font-weight:850;letter-spacing:.035em}
.no-results{color:#d4addd}
.site-footer{margin:0 auto;display:flex;align-items:center;flex-direction:column;gap:14px;padding:22px 18px 52px}
.site-footer .footer-brand{display:inline-block;width:auto;height:auto;background:none;opacity:1;border-radius:0;font-weight:950;font-size:12px;letter-spacing:.17em;color:#da8ff0}
.footer-brand small{color:#b8f47f;font-size:10px;letter-spacing:.15em}
.site-footer a{width:48px;height:48px;border-radius:14px;background:#190d25;border-color:#9650b9;color:#d9a1ed}
.site-footer a:hover{border-color:#baff6d;color:#baff6d;box-shadow:0 0 19px rgba(142,244,96,.17)}
.cart-trigger{
  top:85px;right:clamp(16px,5vw,70px);width:53px;height:53px;
  border-radius:15px;border:1px solid rgba(196,76,246,.75);
  background:linear-gradient(145deg,#281037,#130a20);color:#eac6ff;
  box-shadow:0 0 22px rgba(163,62,230,.22);z-index:9;
}
.cart-trigger:hover{box-shadow:0 0 25px rgba(168,64,231,.46);transform:translateY(-2px)}
.cart-count{background:linear-gradient(140deg,#facc6a,#f7772c);color:#1e0c20}
.cart-overlay{background:rgba(5,2,11,.83)}
.cart-dialog{background:linear-gradient(170deg,#1b0d29,#100919 50%,#0a0812);border-left:1px solid #a650cb;box-shadow:-15px 0 60px rgba(1,0,5,.8)}
.cart-header{border-bottom-color:#67337b}
.cart-header h2{color:#f0c8fa;letter-spacing:.03em}
.close-cart{background:#291338;border-color:#7d3ca3}
.cart-empty,.cart-variant,.checkout-note{color:#bca0ca}
.cart-item{border-bottom-color:#5a306a}
.cart-item-name{color:#f8e9fd}
.cart-item button{background:#2b1740;border-color:#8745a6}
.cart-body h3{color:#e9bdff}
.cart-body form>label,.cart-body legend{color:#e4c9ee}
.cart-body input:not([type=radio]),.cart-body textarea,.cart-body select{background:#190e25;border-color:#673a85;color:#fff}
.cart-body input:focus,.cart-body textarea:focus,.cart-body select:focus{border-color:#bcff76}
.delivery-choice{background:#190e25;border-color:#71398e}
.delivery-choice:has(input:checked){background:#281333;border-color:#bcff7d}
.delivery-choice input{accent-color:#b5ff74}
.delivery-total{border-top-color:#593268}
.grand-total{color:#baff74}
.review-message{color:#caffac}
/* Admin inherits the same palette with special attention to controls and modals. */
.admin-main{padding-top:15px}
.admin-hero{gap:15px}
.admin-logo{width:min(100%,340px);border-radius:24px;filter:drop-shadow(0 0 25px rgba(167,53,218,.27));animation:bb-enter .8s both;mask-image:radial-gradient(ellipse at center,black 67%,transparent 100%)}
.admin-hero h1{font-size:clamp(25px,4vw,42px);letter-spacing:.03em;color:#f1d3ff;text-shadow:0 0 25px rgba(173,42,235,.26)}
.login-box,.editor-card,.option-group{background:linear-gradient(145deg,#1a0e26,#110a1c);border-color:#6f3988;box-shadow:0 13px 24px rgba(0,0,0,.17)}
.login-box label,.field label,.stock-label{color:#f1d9ff}
.admin-main input,.admin-main textarea,.admin-main select{background:#21132c;border-color:#764391;color:#fff}
.admin-main input:focus,.admin-main textarea:focus,.admin-main select:focus{border-color:#b6ff7b}
.admin-main .secondary{background:#251436;border-color:#9c4cc2;color:#f3d9ff}
.admin-main .secondary:hover{background:#3c2051}
.admin-main .simple{border-color:#87429d;color:#e8c4fa}
.admin-main .product-list-item{background:#21112f!important;border-color:#72368d!important;color:#f8eaff!important}
.admin-main .product-list-item:hover,.admin-main .product-list-item:focus-visible{background:#301642!important;border-color:#c763f1!important}
.admin-main .list-thumb,.admin-main .editor-photo{background:#0b0616;border-color:#693484;color:#b17bd6}
.admin-main .state-info{color:#b7ff76}
.admin-main .notice,.admin-main .tile-hint{color:#cba9da}
.admin-main .stock-control{background:#21102c;border-color:#743793}
.admin-main .stock-toggle{background:#183023;color:#baff93;border-color:#538c62}
.admin-modal{background:rgba(4,1,10,.92)}
.modal-panel{background:linear-gradient(145deg,#1e0d2d,#12081e);border-color:#9148bb;box-shadow:0 0 75px rgba(0,0,0,.82)}
.admin-main .product-tabs button{color:#e9c4f8}
.admin-main .product-tabs button.active{color:#caff87;border-color:#a7fc7a}
.option-group{border-color:#693782}
.options-header button{color:#bbff8e;background:#1a3021;border-color:#579a5d}
.arrange-heading{color:#caff89}
.arrange-grid{border-color:#8b4aa6}
.arrange-tile{background:#261434;border-color:#8d4fa8}
.tile-empty{color:#c079e2}
/* Entrance effects are only enabled when script observes items; no content depends on them. */
.effects-ready .product-slot.bb-pending{opacity:1;transform:none}
.effects-ready .product-slot.bb-visible{opacity:1;animation:bb-card-rise .48s cubic-bezier(.2,.8,.2,1) both;transition:border-color .2s,box-shadow .2s,transform .2s}
@keyframes bb-card-rise{from{opacity:.65;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.effects-ready .product-slot.bb-visible:hover{transform:translateY(-6px)}
@media(max-width:760px){
  .brand-nav{padding:15px 16px 2px;min-height:66px}
  .brand-nav-monogram{height:36px;width:36px;font-size:15px;border-radius:11px 3px}
  .brand-nav-name{font-size:11px;letter-spacing:.08em}
  .brand-nav-link{font-size:9px;letter-spacing:.09em;margin-right:3px}
  .hero{padding:14px 2px 0}
  .art-stage{width:min(100%,520px);border-radius:18px}
  .brand-logo{border-radius:18px}
  .hero-action{margin-top:4px;gap:13px}
  .hero-kicker{font-size:9px;letter-spacing:.18em}
  .hero-divider{margin-top:29px}
  .enter-menu{padding:13px 20px;min-height:47px;font-size:11px}
  .menu-section{padding-top:32px}
  .product-slot{border-radius:14px}
  .cart-trigger{top:85px;right:14px;width:44px;height:44px}
  .cart-trigger svg{width:23px}
  .admin-logo{width:min(90vw,270px)}
  .admin-main{padding-top:22px}
  .haze{opacity:.22}
}
@media(max-width:390px){
  .brand-nav-name{font-size:10px}
  .brand-nav-link{font-size:9px}
  .hero-kicker{font-size:8px}
  .footer-brand{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  
  .effects-ready .product-slot.bb-pending{opacity:1;transform:none}
}


/* BREAKING BUDZ — navigation and moving ticker (v2). */
.brand-nav{
  min-height:93px;padding:4px clamp(15px,4.6vw,66px);
  background:linear-gradient(110deg,rgba(19,7,30,.98),rgba(32,10,45,.94) 55%,rgba(13,29,29,.96));
  border-bottom:1px solid rgba(190,77,245,.28);
  position:relative;isolation:isolate;overflow:visible;
}
.brand-nav-home{position:relative;z-index:2;display:flex;align-items:center;max-width:calc(100% - 74px)}
.brand-nav-wordmark{display:block;width:clamp(180px,19vw,236px);height:auto;max-height:87px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 8px rgba(179,59,231,.4));}
.brand-nav .cart-trigger{
  position:relative;top:auto;right:auto;flex:none;z-index:3;
  width:51px;height:51px;margin-left:auto;
}
.brand-nav .cart-trigger svg{width:26px;height:26px}
.welcome-marquee{
  position:relative;z-index:5;height:42px;overflow:hidden;
  background:linear-gradient(90deg,#1f0b31,#190f2b 50%,#122a25);
  border-top:1px solid rgba(128,255,118,.24);
  border-bottom:1px solid rgba(210,63,244,.55);
}
.marquee-track{animation:marquee 29s linear infinite;will-change:transform}
.marquee-track span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#f5d7ff;padding-right:2.2rem;text-transform:none}
.marquee-track b{margin-left:2.2rem;color:#b8ff72;text-shadow:0 0 9px rgba(170,255,91,.7)}
@media(prefers-reduced-motion:no-preference){
  .hero-aura{animation:bb-aura-composite 12s ease-in-out infinite alternate}
  .art-stage::before{animation:bb-halo-brighten 8s ease-in-out infinite alternate;box-shadow:0 0 80px 37px rgba(127,32,221,.25),0 0 110px 24px rgba(66,210,126,.13)}
  .art-sheen{background:linear-gradient(105deg,transparent 32%,rgba(242,255,242,.065) 49%,transparent 64%);background-size:100% 100%;animation:bb-sheen-drift 11s ease-in-out infinite;transform:translate3d(-125%,0,0)}
}
@keyframes bb-aura-composite{from{transform:translate3d(-50%,0,0) scale(1)}to{transform:translate3d(-46%,2%,0) scale(1.07)}}
@keyframes bb-halo-brighten{from{opacity:.5}to{opacity:1}}
@keyframes bb-sheen-drift{0%,54%,100%{transform:translate3d(-125%,0,0)}73%{transform:translate3d(125%,0,0)}}







.hero-action{z-index:5}
/* Card animations only need to pulse when the user interacts, avoiding constant repaint work on lengthy menus. */
.product-slot::before,.product-slot::after{animation:none;opacity:.6}
.product-slot:hover::before,.product-slot:hover::after{opacity:1;transition:opacity .2s}
@media(max-width:760px){
  .brand-nav{min-height:82px;padding:3px 14px}
  .brand-nav-wordmark{width:clamp(170px,49vw,205px);max-height:78px}
  .brand-nav .cart-trigger{width:45px;height:45px;margin-left:auto}
  .marquee-track span{font-size:11px;letter-spacing:.12em}
  .welcome-marquee{height:39px}
  
}
@media(max-width:380px){
  .brand-nav-wordmark{width:169px}
  .brand-nav{min-height:78px}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none;transform:none}
  
}







/* Breaking Budz — repeating graffiti/skate pattern on the storefront menu only.
   Two static CSS background layers cost no frame-by-frame repaint; the dark veil
   preserves product legibility on even small screens. No admin/checkout changes. */
#menu.menu-section {
  position: relative;
  background-color: #090510;
  background-image:
    linear-gradient(180deg,rgba(7,3,15,.68) 0%,rgba(7,3,15,.74) 46%,rgba(7,3,15,.78) 100%),
    url("assets/breaking-budz-skate-graffiti-pattern.webp");
  background-size: 100% 100%, 625px 625px;
  background-repeat: no-repeat, repeat;
  background-position: center center, center top;
  border-top: 1px solid rgba(177,255,103,.18);
  border-bottom: 1px solid rgba(177,255,103,.13);
}
#menu .section-heading h1 {
  text-shadow: 0 2px 13px rgba(0,0,0,.9),0 0 28px rgba(9,3,18,.88);
}
#menu .search-area label,
#menu .menu-subheading {
  text-shadow: 0 2px 9px #05020ef0;
}
#menu .product-slot {
  background: radial-gradient(ellipse 96% 80% at 50% 0%,rgba(111,33,143,.16),transparent 76%),linear-gradient(155deg,rgba(27,13,41,.97),rgba(10,6,18,.98) 55%,rgba(16,8,26,.97));
}
@media (max-width:760px){
  #menu.menu-section {
    background-size: 100% 100%, 440px 440px;
    background-image:
      linear-gradient(180deg,rgba(7,3,15,.73) 0%,rgba(7,3,15,.78) 46%,rgba(7,3,15,.8) 100%),
      url("assets/breaking-budz-skate-graffiti-pattern.webp");
  }
}