/* BlackBoyFashion — Sticky Header */
#siteHeader {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Keep header content above the page */
#siteHeader {
    box-sizing: border-box;
}

:root{--ink:#101010;--muted:#747474;--line:#e7e7e7;--paper:#fff;--soft:#f6f5f3;--purple:#a20cf3;--purple-dark:#8700d2;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}.announcement{min-height:35px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 18px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.announcement>span:first-child{color:#d4a2ff;font-weight:800}.announcement a{font-weight:700;border-bottom:1px solid #a20cf3;padding-bottom:2px}.site-header{height:82px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow .3s}.site-header.scrolled{box-shadow:0 8px 30px rgba(0,0,0,.07)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.7px}.brand img{width:43px;height:43px;object-fit:contain;border-radius:50%}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;font-weight:700;letter-spacing:1.7px;color:#8a8a8a;margin-top:3px}.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:auto}.desktop-nav a{font-size:12px;color:#686868;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:#111;font-weight:700}.header-actions{display:flex;align-items:center;gap:10px}.search-box{height:42px;width:220px;display:flex;align-items:center;gap:10px;border:1px solid #e7e7e7;border-radius:99px;padding:0 14px;color:#777}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:12px;min-width:0}.search-box:focus-within{border-color:#a20cf3;box-shadow:0 0 0 3px #a20cf315}.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:17px;transition:all .2s}.icon-btn:hover{border-color:#111;transform:translateY(-2px)}.bag-trigger span{position:absolute;top:-4px;right:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--purple);color:white;font-size:10px;font-weight:800}.menu-toggle,.mobile-nav,#openSearch{display:none}.hero{position:relative;min-height:560px;margin-top:24px;border-radius:28px;background:#f3f1ee;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 7.5% 72px}.hero-copy{position:relative;z-index:3;max-width:520px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#d5b2f4;display:flex;align-items:center;gap:9px}.dark-eyebrow{color:#8c0cd2}.pulse{width:7px;height:7px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 5px #a20cf31c}.hero h1,.artist-copy h2,.section-heading h2,.story-panel h2{font-family:Manrope,sans-serif;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-3.8px;margin:25px 0 18px;font-weight:800}.hero h1 em,.artist-copy h2 em,.section-heading h2 em,.story-panel h2 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:15px;line-height:1.8;color:#64615f;max-width:430px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.btn{border:0;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:0 22px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-purple{background:var(--purple);color:white;box-shadow:0 9px 22px #a20cf32b}.btn-purple:hover{background:var(--purple-dark);box-shadow:0 13px 30px #a20cf344}.btn-outline{background:white;border:1px solid #d8d8d8;color:#111}.text-link{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #c5c5c5;padding-bottom:6px}.text-link i{transition:transform .2s}.text-link:hover i{transform:translate(3px,-3px)}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:10px;color:#777}.proof-avatars{display:flex;padding-left:4px}.proof-avatars span{display:grid;place-items:center;width:25px;height:25px;margin-left:-4px;border:2px solid #f3f1ee;border-radius:50%;background:#111;color:#fff;font-size:9px;font-weight:800}.proof-avatars span:nth-child(2){background:var(--purple)}.proof-avatars span:nth-child(3){background:#777}.hero-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center}.hero-image-frame{position:relative;width:min(100%,390px);height:430px;border-radius:190px 190px 20px 20px;overflow:hidden;background:#d7d4d1;transform:rotate(2deg);box-shadow:0 28px 65px #17171720;z-index:1}.hero-image-frame:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5))}.hero-image-frame img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hero-image-frame:hover img{transform:scale(1.05)}.image-label{position:absolute;bottom:20px;left:22px;right:22px;z-index:2;display:flex;justify-content:space-between;color:#fff;font-size:8px;letter-spacing:1.5px;font-weight:700}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border:1px solid #ffffffc9;border-radius:13px;box-shadow:0 12px 40px #00000010;font-size:10px;color:#888;line-height:1.55}.floating-note b{font-size:12px;color:#111}.note-top{right:-20px;top:45px}.note-top i{color:var(--purple);font-size:21px}.note-bottom{left:-20px;bottom:30px}.note-number{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;color:var(--purple)}.hero-orbit{position:absolute;width:430px;height:430px;border:1px solid #d9d6d2;border-radius:50%;right:-70px;top:0}.hero-bottomline{position:absolute;left:7.5%;right:7.5%;bottom:22px;display:flex;justify-content:space-between;color:#8a8784;font-size:8px;letter-spacing:1.7px;font-weight:700}.category-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.category-tile{display:flex;align-items:center;gap:18px;padding:23px 25px;min-height:98px;border-right:1px solid var(--line);transition:background .2s}.category-tile:last-child{border:0}.category-tile:hover{background:#faf5ff}.category-no{font-size:10px;font-weight:800;color:var(--purple)}.category-tile span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.category-tile b{font-size:13px}.category-tile small{font-size:10px;color:#888}.category-tile>i{font-size:16px}.shop-section{padding-top:108px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.section-heading h2{font-size:clamp(34px,4vw,48px);letter-spacing:-2.5px;margin:13px 0 10px}.section-heading p{margin:0;color:#777;font-size:13px}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-btn{border:1px solid transparent;border-radius:99px;padding:10px 15px;background:transparent;font-size:11px;color:#777;transition:all .2s}.filter-btn.active{background:#111;color:#fff}.filter-btn span{margin-left:8px;color:#b7b7b7}.toolbar-right{display:flex;align-items:center;gap:10px;font-size:10px;color:#777}.toolbar-right select{border:0;background:transparent;color:#111;font-size:11px;outline:none;max-width:130px}.view-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:white;font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.product-card{min-width:0;animation:cardIn .55s both}.product-image-wrap{position:relative;aspect-ratio: .78;background:#f2f1ef;border-radius:17px;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-image-wrap img{transform:scale(1.045)}.product-badge{position:absolute;left:12px;top:12px;background:#fff;padding:7px 10px;border-radius:99px;font-size:8px;letter-spacing:.7px;font-weight:800}.product-fav{position:absolute;right:11px;top:11px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffffdc;display:grid;place-items:center;font-size:14px}.product-fav.active{color:var(--purple)}.quick-view-btn{position:absolute;left:10px;right:10px;bottom:10px;min-height:40px;border:0;border-radius:99px;background:#fff;color:#111;font-size:10px;font-weight:800;opacity:0;transform:translateY(8px);transition:all .25s}.product-card:hover .quick-view-btn,.quick-view-btn:focus{opacity:1;transform:translateY(0)}.product-info{padding:14px 2px 0}.product-overline{display:flex;justify-content:space-between;gap:8px;color:#8b8b8b;font-size:9px;text-transform:uppercase;letter-spacing:.9px}.product-info h3{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:-.25px;margin:8px 0 7px;font-weight:700}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-price{font-size:13px;font-weight:800}.product-colors{display:flex;gap:5px}.product-colors i{width:10px;height:10px;border-radius:50%;background:#111;border:1px solid #ddd}.product-colors i:nth-child(2){background:#aaa}.product-colors i:nth-child(3){background:#e7d6c7}.product-card-foot{display:flex;gap:8px;margin-top:12px}.size-select{min-width:0;flex:1;border:1px solid #e2e2e2;border-radius:99px;background:#fff;padding:0 10px;height:36px;font-size:10px;outline-color:var(--purple)}.add-product{width:38px;height:36px;border:0;border-radius:99px;background:#111;color:white;font-size:15px;transition:all .2s}.add-product:hover{background:var(--purple)}.loading-card{grid-column:1/-1;padding:45px;text-align:center;color:#888}.load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:42px}.load-more-wrap .btn{min-width:210px}.load-more-wrap>span{font-size:10px;color:#999}.product-grid.list-view{grid-template-columns:1fr 1fr}.product-grid.list-view .product-card{display:grid;grid-template-columns:150px 1fr;gap:12px}.product-grid.list-view .product-image-wrap{grid-row:span 2;aspect-ratio:1}.product-grid.list-view .product-info{padding-top:5px}.product-grid.list-view .quick-view-btn{display:none}.artist-section{background:#101010;color:white;padding:84px 0;overflow:hidden;position:relative}.artist-section:before{content:'BBF';position:absolute;right:-20px;bottom:-100px;font:800 300px/1 Manrope,sans-serif;letter-spacing:-25px;color:#ffffff05}.artist-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;position:relative;z-index:1}.artist-art{position:relative;min-height:370px;display:grid;place-items:center}.artist-logo-wrap{position:relative;display:grid;place-items:center;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#242027 0,#141414 65%);border:1px solid #ffffff1c}.artist-logo-wrap img{width:170px;height:170px;object-fit:contain;filter:drop-shadow(0 15px 25px #a20cf34a);border-radius:50%;z-index:1}.sound-ring{position:absolute;border:1px solid #a20cf35c;border-radius:50%;inset:-25px;animation:ringPulse 4s ease-out infinite}.ring-two{inset:-50px;animation-delay:1.3s}.artist-sticker{position:absolute;bottom:18px;right:5%;background:var(--purple);padding:12px 16px;border-radius:99px;font-size:9px;letter-spacing:1px;font-weight:800;transform:rotate(-5deg)}.artist-sticker i{font-size:15px;margin-right:7px}.artist-copy h2{font-size:clamp(38px,4.4vw,56px);letter-spacing:-2.8px;margin:18px 0}.artist-copy h2 em{color:#c578ff}.artist-copy>p{max-width:510px;font-size:13px;line-height:1.9;color:#bdbdbd}.artist-copy>p strong{color:white}.artist-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 25px}.artist-tags span{padding:8px 12px;border:1px solid #ffffff22;border-radius:99px;font-size:10px;color:#ddd}.artist-player{display:flex;align-items:center;gap:13px;padding:13px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:15px;max-width:500px}.track-art{width:49px;height:49px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#a20cf3,#411069);font-size:24px}.track-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.track-meta b{font-size:11px}.track-meta>span{font-size:9px;color:#aaa}.audio-progress{height:3px;background:#ffffff25;border-radius:99px;overflow:hidden;margin-top:5px}.audio-progress span{display:block;width:0;height:100%;background:#c578ff;transition:width .2s}.play-button{width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#111;font-size:19px;display:grid;place-items:center}.artist-actions{display:flex;align-items:center;gap:23px;margin-top:25px}.artist-actions .text-link{color:white;border-color:#555}.beats-section{padding-top:100px;padding-bottom:100px}.section-side-note{font-size:9px;letter-spacing:1.1px;color:#777;display:flex;align-items:center;gap:8px;padding-bottom:5px}.section-side-note i{font-size:17px;color:var(--purple)}.beat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.beat-card{border:1px solid var(--line);border-radius:18px;padding:12px;transition:transform .25s,box-shadow .25s}.beat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000000a}.beat-visual{height:175px;border-radius:12px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.beat-visual:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff27;border-radius:50%;right:-40px;top:-70px;box-shadow:0 0 0 24px #ffffff08,0 0 0 50px #ffffff05}.beat-visual>span{position:absolute;top:14px;left:15px;font-size:8px;letter-spacing:1.4px}.beat-visual>i{font-size:70px;opacity:.92}.beat-visual>small{position:absolute;bottom:14px;right:15px;font-size:8px;letter-spacing:1.6px}.beat-purple{background:linear-gradient(135deg,#8d09d8,#250b39)}.beat-black{background:linear-gradient(135deg,#343434,#050505)}.beat-orange{background:linear-gradient(135deg,#ff793b,#6f1700)}.beat-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 4px 14px}.beat-info h3{font-family:Manrope,sans-serif;font-size:13px;margin:0 0 6px}.beat-info p{font-size:10px;color:#888;margin:0}.beat-price{font-size:12px;font-weight:800;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.beat-price small{font-size:8px;color:#888;font-weight:500}.beat-enquire{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f7f7f7;border:0;border-radius:10px;padding:13px 14px;font-size:10px;font-weight:800;transition:background .2s}.beat-enquire:hover{background:#f0ddff}.beat-disclaimer{font-size:10px;color:#999;line-height:1.7;margin-top:18px}.story-section{padding-bottom:95px}.story-panel{position:relative;overflow:hidden;border-radius:22px;background:#f4f0f7;padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.story-panel h2{font-size:clamp(38px,4vw,52px);margin:15px 0 0}.story-copy{position:relative;z-index:1;max-width:440px}.story-copy p{font-size:13px;line-height:1.9;color:#67616c;margin:0 0 22px}.story-watermark{position:absolute;right:1%;bottom:-60px;font:800 190px/1 Manrope,sans-serif;color:#a20cf308;letter-spacing:-18px}.newsletter{padding:34px 0 60px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:35px}.newsletter h2{font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:10px 0}.newsletter p{font-size:11px;color:#888;margin:0}.newsletter-form{display:flex;gap:8px;max-width:490px;width:100%;position:relative}.newsletter-form input{flex:1;min-width:0;border:1px solid #dedede;border-radius:99px;padding:0 17px;min-height:48px;outline-color:var(--purple);font-size:11px}.newsletter-form #newsletterStatus{position:absolute;top:55px;left:12px;font-size:10px;color:#6d218d}.site-footer{background:#111;color:white;padding:38px 0 18px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr auto auto;gap:25px;align-items:center;padding-bottom:30px}.footer-brand img{background:white}.footer-brand small{color:#888}.footer-main>p{font-size:10px;color:#999}.footer-links{display:flex;gap:18px}.footer-links a{font-size:10px;color:#ccc}.footer-links a:hover{color:#c578ff}.footer-social{display:flex;gap:8px}.footer-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff28;border-radius:50%;font-size:13px}.footer-bottom{border-top:1px solid #ffffff18;padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:9px}.footer-dot{display:inline-block;width:4px;height:4px;background:var(--purple);border-radius:50%;vertical-align:middle;margin:0 5px}.overlay{position:fixed;inset:0;background:#09060db0;backdrop-filter:blur(3px);z-index:90;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.overlay.active{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:100;top:0;right:0;width:min(460px,100%);height:100dvh;background:#fff;display:flex;flex-direction:column;padding:28px;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 80px #00000018}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-head h2{font:800 27px Manrope,sans-serif;letter-spacing:-1px;margin:7px 0 0}.drawer-head h2 span{font:500 12px 'DM Sans',sans-serif;color:#888;letter-spacing:0}.cart-items{flex:1;overflow:auto;padding:20px 0}.empty-bag{text-align:center;padding:70px 15px}.empty-bag>i{font-size:36px;color:#bbb}.empty-bag h3{font:700 18px Manrope,sans-serif}.empty-bag p{font-size:12px;color:#888;margin-bottom:20px}.cart-item{display:grid;grid-template-columns:82px 1fr auto;gap:13px;padding:0 0 17px;margin-bottom:17px;border-bottom:1px solid var(--line)}.cart-item img{width:82px;height:96px;object-fit:cover;border-radius:10px;background:#f2f2f2}.cart-item-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.cart-item-info b{font-size:12px}.cart-item-info small{font-size:10px;color:#888}.cart-item-info strong{font-size:12px;margin-top:auto}.qty-controls{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;padding:3px 8px}.qty-controls button,.remove-item{border:0;background:transparent;font-size:13px}.qty-controls span{font-size:10px}.remove-item{color:#999;align-self:start}.drawer-bottom{border-top:1px solid var(--line);padding-top:20px}.cart-subtotal{display:flex;justify-content:space-between;font-size:13px}.cart-subtotal strong{font-size:17px}.drawer-bottom>p{font-size:10px;color:#888;line-height:1.6}.checkout-btn{width:100%;margin:10px 0}.drawer-bottom>small{display:block;text-align:center;color:#888;font-size:9px}.quick-view{position:fixed;z-index:110;left:50%;top:50%;width:min(850px,calc(100% - 32px));max-height:min(88dvh,800px);overflow:auto;background:#fff;border-radius:22px;transform:translate(-50%,-46%) scale(.97);opacity:0;visibility:hidden;transition:all .25s;padding:24px}.quick-view.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.quick-close{position:sticky;top:0;float:right;z-index:2}.quick-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;clear:both;padding-top:10px}.quick-layout>img{width:100%;height:420px;object-fit:cover;border-radius:15px;background:#f2f2f2}.quick-details{padding:15px 0}.quick-details h2{font:800 27px/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:15px 0 10px}.quick-details>p{font-size:12px;color:#777;line-height:1.7}.quick-price{font-size:18px;font-weight:800}.quick-size-label{font-size:10px;font-weight:800;margin:25px 0 10px;display:block}.quick-sizes{display:flex;gap:8px;flex-wrap:wrap}.quick-size{width:44px;height:42px;border:1px solid #ddd;border-radius:10px;background:white;font-size:11px}.quick-size.active{background:#111;color:white;border-color:#111}.quick-add{width:100%;margin-top:25px}.toast{position:fixed;z-index:150;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111;color:#fff;border-radius:99px;padding:13px 20px;display:flex;align-items:center;gap:10px;font-size:11px;box-shadow:var(--shadow);transition:all .3s;white-space:nowrap}.toast i{color:#c578ff}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ringPulse{0%{transform:scale(.92);opacity:.75}100%{transform:scale(1.1);opacity:0}}
@media(max-width:1100px){.shell{width:calc(100% - 44px)}.site-header{padding-inline:22px;gap:18px}.desktop-nav{gap:18px}.search-box{width:175px}.hero{padding-inline:5%;min-height:520px}.hero h1{font-size:55px}.hero-visual{min-height:370px}.hero-image-frame{height:370px;width:320px}.note-top{right:-5px}.note-bottom{left:-10px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-inner{gap:50px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>p{margin:0}}
@media(max-width:760px){html{scroll-padding-top:76px}.shell{width:calc(100% - 32px)}.announcement{gap:8px;justify-content:space-between;font-size:8px;letter-spacing:.03em}.announcement>span:nth-child(2){display:none}.site-header{height:68px;padding:0 16px;gap:10px}.brand{font-size:14px;gap:7px}.brand img{width:36px;height:36px}.brand small{font-size:7px;letter-spacing:1px}.desktop-nav,.search-box{display:none}#openSearch,.menu-toggle{display:grid}.header-actions{gap:7px}.icon-btn{width:38px;height:38px;font-size:16px}.mobile-nav{position:fixed;top:68px;left:0;right:0;z-index:49;background:#fff;padding:12px 20px 20px;box-shadow:0 20px 30px #00000010;flex-direction:column;gap:0}.mobile-nav.open{display:flex}.mobile-nav a,.mobile-nav button{padding:15px 2px;border-bottom:1px solid var(--line);font-size:13px;text-align:left}.mobile-nav button{background:white;border:0;font-weight:800;display:flex;justify-content:space-between}.hero{width:calc(100% - 20px);margin-top:10px;min-height:0;grid-template-columns:1fr;padding:34px 24px 56px;border-radius:20px}.hero h1{font-size:clamp(43px,12vw,59px);letter-spacing:-2.9px;margin:20px 0 14px}.hero-copy>p{font-size:12px;line-height:1.75;max-width:330px}.hero-actions{gap:17px;margin-top:23px;flex-wrap:wrap}.hero-actions .btn{min-height:44px;padding-inline:17px;font-size:10px}.hero-actions .text-link{font-size:10px}.hero-proof{margin-top:25px;font-size:9px}.hero-visual{min-height:310px;margin-top:26px}.hero-image-frame{width:min(76%,300px);height:320px;border-radius:150px 150px 16px 16px}.hero-orbit{width:300px;height:300px;right:0;top:12px}.note-top{right:-4px;top:28px;padding:10px}.note-bottom{left:-5px;bottom:18px;padding:10px}.floating-note{font-size:9px}.floating-note b{font-size:10px}.hero-bottomline{left:24px;right:24px;bottom:17px;font-size:7px;letter-spacing:1px}.category-strip{grid-template-columns:1fr;margin-top:12px;border-radius:15px}.category-tile{min-height:72px;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line);gap:14px}.category-tile:last-child{border-bottom:0}.category-no{font-size:9px}.category-tile b{font-size:12px}.category-tile small{font-size:9px}.shop-section{padding-top:70px;padding-bottom:70px}.section-heading{align-items:flex-start;margin-bottom:22px}.section-heading h2{font-size:36px;letter-spacing:-2px;margin:10px 0}.section-heading p{font-size:11px;line-height:1.6;max-width:290px}.desktop-only{display:none}.shop-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.filter-btn{white-space:nowrap;padding:9px 12px;font-size:10px}.toolbar-right{width:100%;justify-content:flex-end}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.product-image-wrap{border-radius:12px;aspect-ratio:.72}.product-badge{top:8px;left:8px;font-size:7px;padding:6px 8px}.product-fav{top:7px;right:7px;width:28px;height:28px;font-size:12px}.quick-view-btn{opacity:1;transform:none;left:7px;right:7px;bottom:7px;min-height:34px;font-size:9px}.product-info{padding-top:11px}.product-overline{font-size:7px;letter-spacing:.6px}.product-info h3{font-size:11px;line-height:1.45;min-height:31px;margin:6px 0}.product-price{font-size:12px}.product-card-foot{margin-top:9px;gap:5px}.size-select{height:33px;padding:0 7px;font-size:9px}.add-product{width:34px;height:33px}.product-colors{gap:3px}.product-colors i{width:8px;height:8px}.load-more-wrap{margin-top:30px}.load-more-wrap .btn{min-height:44px}.artist-section{padding:58px 0}.artist-inner{grid-template-columns:1fr;gap:32px}.artist-art{min-height:250px;order:2}.artist-logo-wrap{width:190px;height:190px}.artist-logo-wrap img{width:125px;height:125px}.sound-ring{inset:-17px}.ring-two{inset:-34px}.artist-sticker{right:12%;bottom:4px;font-size:8px}.artist-copy{order:1}.artist-copy h2{font-size:42px;letter-spacing:-2px;margin:16px 0}.artist-copy>p{font-size:12px}.artist-tags{margin:16px 0 20px}.artist-player{padding:10px}.track-art{width:43px;height:43px}.artist-actions{gap:17px}.artist-actions .btn{min-height:43px;padding-inline:16px;font-size:10px}.artist-actions .text-link{font-size:10px}.beats-section{padding-top:68px;padding-bottom:70px}.section-side-note{display:none}.beat-grid{grid-template-columns:1fr;gap:12px}.beat-card{display:grid;grid-template-columns:118px 1fr;gap:0;padding:9px;border-radius:14px}.beat-visual{height:145px;grid-row:span 2}.beat-visual>i{font-size:46px}.beat-visual>span{font-size:6px;left:8px;top:9px}.beat-visual>small{font-size:6px;right:8px;bottom:8px}.beat-info{padding:10px 10px 5px;align-items:flex-start}.beat-info h3{font-size:11px}.beat-info p{font-size:9px;line-height:1.5}.beat-price{font-size:10px}.beat-enquire{grid-column:2;margin:0 0 2px 10px;width:calc(100% - 10px);font-size:9px;padding:10px}.beat-disclaimer{font-size:9px}.story-section{padding-bottom:60px}.story-panel{grid-template-columns:1fr;gap:22px;padding:32px 24px;border-radius:17px}.story-panel h2{font-size:39px;letter-spacing:-2px}.story-copy p{font-size:11px}.story-watermark{font-size:120px;bottom:-35px}.newsletter{padding:30px 0 42px;display:block}.newsletter h2{font-size:23px}.newsletter-form{margin-top:20px;gap:6px}.newsletter-form input{min-height:45px;padding-inline:13px;font-size:10px}.newsletter-form .btn{min-height:45px;padding-inline:13px;font-size:9px;white-space:nowrap}.site-footer{padding-top:28px}.footer-main{grid-template-columns:1fr 1fr;gap:18px;padding-bottom:22px}.footer-main>p{font-size:9px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-links a{font-size:9px}.footer-social{justify-content:flex-end}.footer-bottom{font-size:8px;line-height:1.6;flex-direction:column;gap:5px}.cart-drawer{padding:20px 17px}.drawer-head h2{font-size:24px}.cart-item{grid-template-columns:68px 1fr auto;gap:10px}.cart-item img{width:68px;height:82px}.cart-item-info b{font-size:11px}.quick-view{padding:16px;border-radius:17px;max-height:90dvh}.quick-layout{grid-template-columns:1fr;gap:8px;padding-top:6px}.quick-layout>img{height:min(42dvh,300px)}.quick-details{padding:5px 0}.quick-details h2{font-size:23px;margin:10px 0}.quick-size-label{margin:17px 0 9px}.quick-add{margin-top:18px}.product-grid.list-view{grid-template-columns:1fr}.product-grid.list-view .product-card{grid-template-columns:115px 1fr;gap:10px}.product-grid.list-view .product-image-wrap{height:150px}.toast{bottom:18px;max-width:calc(100% - 28px);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}}
/* Smart product variants, gallery controls and floating app actions */
.mini-swatch,.quick-color{display:inline-block;width:22px;height:22px;border-radius:50%;background:var(--swatch,#111);border:2px solid #fff;box-shadow:0 0 0 1px #d7d7d7;cursor:pointer;padding:0;margin:0 4px 0 0;vertical-align:middle}
.mini-swatch.active,.quick-color.active{box-shadow:0 0 0 2px var(--purple)}
.product-colors{display:flex;align-items:center;gap:3px}.quick-colors{display:flex;gap:9px;margin:10px 0 20px}.quick-color{width:29px;height:29px}
.quick-gallery{min-width:0}.quick-gallery>img{width:100%;max-height:64vh;object-fit:contain;border-radius:16px;background:#f4f2f5}.quick-thumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding:2px}.quick-thumb{border:1px solid #e5e2e8;background:#fff;padding:3px;border-radius:9px;flex:0 0 64px;cursor:pointer}.quick-thumb.active{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.quick-thumb img{width:56px;height:64px;object-fit:cover;border-radius:6px}.quick-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.beat-actions{display:flex;gap:8px;margin-top:12px}.beat-actions button{flex:1}.beat-preview{padding:11px 13px;border:1px solid #ddd;border-radius:99px;background:white;color:#111;font-size:12px;font-weight:700}.beat-actions .beat-enquire{margin:0;border-radius:99px}.hero-image-frame img{transition:opacity .35s ease}
.bbf-float-control{position:fixed;z-index:80;bottom:calc(20px + env(safe-area-inset-bottom));width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 12px 30px #0002;transition:transform .2s,box-shadow .2s}.bbf-float-control:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0003}.bbf-float-music{left:20px;background:#111;color:white}.bbf-float-music.playing{background:var(--purple);animation:bbf-pulse 1.6s infinite}.bbf-chat{right:20px;background:var(--purple);color:white}.bbf-float-control span{position:absolute;left:60px;white-space:nowrap;background:#111;color:white;padding:7px 10px;border-radius:7px;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s}.bbf-float-control:hover span{opacity:1}.bbf-chat span{left:auto;right:60px}@keyframes bbf-pulse{0%,100%{box-shadow:0 0 0 0 #a20cf344}50%{box-shadow:0 0 0 9px #a20cf300}}
@media(max-width:760px){.quick-layout{grid-template-columns:1fr}.quick-gallery>img{max-height:42vh}.quick-view{overflow:auto}.bbf-float-control{width:48px;height:48px;bottom:calc(14px + env(safe-area-inset-bottom))}.bbf-float-music{left:14px}.bbf-chat{right:14px}.beat-actions{flex-direction:column}}
.bbf-chat-panel{position:fixed;right:20px;bottom:84px;width:min(350px,calc(100vw - 28px));background:#fff;border:1px solid #e8e4eb;border-radius:18px;box-shadow:0 24px 80px #0002;z-index:79;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .2s,transform .2s}.bbf-chat-panel.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.bbf-chat-head{background:#111;color:white;padding:15px 16px;display:flex;align-items:center;justify-content:space-between}.bbf-chat-head b,.bbf-chat-head small{display:block}.bbf-chat-head small{font-size:11px;color:#c7c7c7;margin-top:4px}.bbf-chat-head button{border:0;background:transparent;color:white;font-size:26px}.bbf-chat-body{padding:14px 15px}.bbf-chat-bubble{background:#f3e6ff;border-radius:12px 12px 12px 3px;padding:12px;margin:0;line-height:1.5;font-size:13px}.bbf-chat-note{font-size:11px;color:#777;line-height:1.4}.bbf-chat-form{display:flex;gap:8px;padding:0 12px 12px}.bbf-chat-form textarea{resize:vertical;min-width:0;flex:1;border:1px solid #ddd;border-radius:10px;padding:10px;font:13px inherit}.bbf-chat-form button{border:0;background:var(--purple);color:white;border-radius:10px;width:42px;flex:0 0 42px;font-size:16px}.bbf-chat-panel.open~.bbf-float-control{z-index:80}
@media(max-width:760px){.bbf-chat-panel{right:12px;bottom:72px}}