/* Breaking Budz HD finishing pass: visual-only. Keep checkout, API and admin logic unchanged. */
:root{--electric-lime:#b0fb53;--bb-cyan:#3ce9f2;--bb-pink:#f05ce7;--bb-orange:#ff9c3d}
html{overflow-x:clip}
body{background:#090412;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.site-shell{width:100%;max-width:1600px;margin-inline:auto}
/* Consistent navigation, crisp artwork and generous touch targets. */
.brand-nav{min-height:78px;padding:4px clamp(16px,3vw,38px);background:linear-gradient(110deg,#0b0511,#1a0922 55%,#091a15);border-bottom:1px solid #ad56b95e}
.brand-nav-home{max-width:none;justify-self:center;justify-content:center}
.brand-nav-wordmark{width:clamp(175px,21vw,242px);max-height:73px;height:auto;object-position:center;filter:drop-shadow(0 0 7px rgba(166,58,219,.34));image-rendering:auto}
.site-menu-toggle{min-width:44px;min-height:44px}
.brand-nav .cart-trigger{min-width:47px;min-height:47px;border-radius:13px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.brand-nav .cart-trigger:hover{border-color:#d392ff}
.site-quick-nav{top:75px;box-shadow:0 14px 34px #000b;border-color:#aa5cd2}
.site-quick-nav a{min-height:45px;display:flex;align-items:center}
.welcome-marquee{height:37px;border-top-color:#74ef5d5c;border-bottom-color:#9bec70a3;box-shadow:0 0 12px #43ff4a24}
.marquee-track span{font-size:11px;letter-spacing:.09em}
/* The approved half-pipe composition stays intact. Sharper asset is selected at high DPR. */
.hero.skate-hero{background:#090512;overflow:hidden}
.skate-hero-layout{width:min(100%,1160px);gap:clamp(22px,4vw,55px)}
.skate-art-wrap{flex:0 1 560px;max-width:560px;overflow:hidden}
.skate-art{image-rendering:auto;filter:none}
.skate-art-glow{inset:8% -4% 4%;opacity:.65}
.skate-hero-content{gap:27px;min-width:0}
.skate-scene-caption{font-size:clamp(29px,3.65vw,50px);gap:clamp(7px,1.25vw,15px);letter-spacing:.005em;filter:drop-shadow(1px 4px 0 #100419);text-shadow:none}
.skate-flower{text-shadow:0 1px 0 #e0ff9a,2px 4px 0 #224005,0 0 12px #6dfc453a}
.skate-dot{text-shadow:0 0 8px #81fa25aa}
.skate-hash{text-shadow:0 1px 0 #ffe5ff,2px 4px 0 #3a094e,0 0 12px #c94dec3a}
.skate-enter-menu{width:min(100%,420px);border-radius:17px;border:1.5px solid #ffb674;min-height:59px;box-shadow:0 1px 0 #ffecb65e inset,0 5px 23px #ff32be54,0 8px 18px #0007;letter-spacing:.125em;line-height:1.3;text-align:center;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.skate-enter-menu:hover{transform:translateY(-2px);box-shadow:0 7px 27px #f321c06d,0 8px 18px #0006}
.skate-perks{gap:clamp(5px,1vw,14px)}
.skate-perk{line-height:1.3;font-weight:800;letter-spacing:.055em;gap:9px}
.skate-perk svg{filter:none}
.skate-hero-boundary{height:2px}
/* Full-colour repeating background; product cards remain readable. */
#menu.menu-section{scroll-margin-top:12px;background-image:url("assets/breaking-budz-skate-graffiti-pattern.webp");background-position:center top}
#menu .section-heading{margin-bottom:23px}
#menu .section-heading h1{letter-spacing:.085em;filter:none;text-shadow:0 2px 16px #040009}
#menu .product-slot{backdrop-filter:none;box-shadow:0 10px 28px #0008;border-color:#9e53c071}
#menu .search-area label{font-size:13px;line-height:1.5;display:block}
#menu .search-wrap input{font-size:16px;min-height:48px}
#menu .product-name{font-weight:850;line-height:1.35}
#menu .product-image{image-rendering:auto}
.site-footer{border-top:1px solid #a755bd54;background:linear-gradient(180deg,#11071b,#08040e)}
/* Accessible, clearly perceivable keyboard focus rings. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b4ff6b;outline-offset:3px}
/* The translucent glow is a pre-blurred background image (no runtime blur). */
@media(min-width:820px){
 .hero.skate-hero{background-image:linear-gradient(90deg,rgba(8,3,16,.86),rgba(12,4,20,.7) 49%,rgba(10,4,16,.86)),url("assets/breaking-budz-desktop-atmosphere.webp");background-position:center;background-size:cover}
 .skate-hero-layout{min-height:690px;padding:25px clamp(20px,4vw,48px) 36px;gap:clamp(32px,4vw,62px)}
 .skate-art-wrap{border-radius:17px;box-shadow:0 0 0 1px #b0ff6352,0 0 44px #8225bf36,0 22px 50px #000a;background:#0b0714}
 .skate-hero-content{flex:1;max-width:520px;align-self:center;gap:32px;border:1px solid #b375d243;border-radius:23px;padding:42px clamp(24px,3.5vw,44px);background:linear-gradient(155deg,#210f34bf,#090814da 64%,#130d23d2);box-shadow:inset 0 1px 0 #ffffff1c,0 20px 65px #0007}
 .skate-perks{padding-top:7px}
}
/* Mobile: conserve vertical space without cropping the skateboarder, art or logo. */
@media(max-width:819px){
 .brand-nav{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;min-height:69px;padding:3px 14px}
 .brand-nav-wordmark{width:clamp(162px,47vw,206px);max-height:64px}
 .brand-nav .cart-trigger{min-width:44px;min-height:44px;width:44px;height:44px}
 .site-menu-toggle{width:44px;height:44px}
 .site-quick-nav{top:68px}
 .welcome-marquee{height:35px}
 .marquee-track span{font-size:10.5px;letter-spacing:.07em}
 .skate-hero-layout{display:block;width:min(100%,570px);min-height:0;padding:0}
 .skate-art-wrap{width:100%;max-width:none;line-height:0}
 .skate-art{width:100%;height:auto}
 .skate-hero-content{margin-top:-8px;padding:1px 17px 31px;gap:15px;background:linear-gradient(180deg,#12061c29,#090512 72%)}
 .skate-scene-caption{font-size:clamp(29px,8.8vw,50px);filter:drop-shadow(2px 3px 0 #07010e)}
 .skate-enter-menu{min-height:55px;max-width:390px;border-radius:18px;padding:12px 17px;font-size:clamp(12px,3.2vw,16px)}
 .skate-perks{max-width:410px;margin-top:5px;gap:4px}
 .skate-perk{font-size:clamp(8px,2vw,10px);gap:6px}
 .skate-perk svg{width:24px;height:24px}
 #menu.menu-section{background-image:url("assets/breaking-budz-skate-graffiti-pattern.webp")}
}
@media(max-width:360px){
 .brand-nav-wordmark{width:clamp(145px,45vw,170px)}
 .skate-hero-content{padding-inline:10px}
 .skate-scene-caption{font-size:28px}
 .skate-enter-menu{letter-spacing:.09em}
}
/* Fewer continuously animated decorations on low-end/mobile devices. */

@media(prefers-reduced-motion:reduce){.skate-art-glow,.marquee-track{animation:none!important}}

/* Final polished extracted logo: original letter silhouettes with transparent anti-aliased edges. */
.brand-nav{min-height:80px}
.brand-nav-home{display:flex;align-items:center;justify-content:center;min-height:72px;overflow:visible}
.brand-nav-wordmark{display:block;width:auto;height:69px;max-height:none;max-width:min(100%,210px);object-fit:contain;object-position:center;filter:drop-shadow(0 1px 3px #0008) drop-shadow(0 0 9px #9928b344)}
@media(max-width:819px){
 .brand-nav{min-height:75px}
 .brand-nav-home{min-height:69px}
 .brand-nav-wordmark{width:auto;height:68px;max-height:none;max-width:min(100%,190px)}
 .site-quick-nav{top:75px}
}
@media(max-width:360px){.brand-nav-wordmark{height:65px;max-width:min(100%,170px)}}

/* Remove retired hero CTA / feature-label spacing while retaining FLOWER ● HASH.
   Show the original graffiti tile without any transparent black overlay. */
.skate-hero-content{gap:0}
@media(min-width:820px){
  .skate-hero-content{border:0;background:none;box-shadow:none;padding:24px 10px;max-width:520px}
}
@media(max-width:819px){
  .skate-hero-content{margin-top:-8px;padding:0 16px 17px;gap:0}
}
#menu.menu-section{background-image:url("assets/breaking-budz-skate-graffiti-pattern.webp");background-repeat:repeat;background-size:625px 625px;background-position:center top}
@media(max-width:760px){
  #menu.menu-section{background-image:url("assets/breaking-budz-skate-graffiti-pattern.webp");background-size:440px 440px}
}