/*
Theme Name: Beats US Local Store
Theme URI: https://www.beatsbydre.com/
Description: Independent local Beats US storefront study with WooCommerce and Elementor.
Version: 0.1.0
Text Domain: beats-store
Requires PHP: 8.1
*/
:root{--beats-black:#161616;--beats-red:#e01e3c;--beats-gray:#f7f7f8;--beats-line:#e2e2e2;--beats-font:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--beats-black);font:16px/1.38462 var(--beats-font)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:8px;top:8px;z-index:9999;background:#fff;padding:8px}
.beats-header{position:sticky;top:0;z-index:100;background:#fff}.beats-header-row{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px}.beats-logo{display:block;width:52px;height:52px}.beats-logo img{width:100%;height:100%;object-fit:contain}.beats-desktop-nav{display:flex;gap:96px;font-size:18px;font-weight:700}.beats-desktop-nav a:hover,.beats-footer a:hover{text-decoration:underline}.beats-actions{justify-self:end;display:flex;align-items:center;gap:26px}.beats-actions a{font-size:30px;line-height:1}.beats-bag-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;border:2px solid var(--beats-black);border-radius:4px;font-size:0!important}.beats-bag-icon:before{content:"";position:absolute;top:-9px;left:7px;width:12px;height:10px;border:2px solid var(--beats-black);border-bottom:0;border-radius:12px 12px 0 0}.beats-bag-icon span{position:absolute;right:-10px;bottom:-8px;min-width:20px;height:20px;padding:0 3px;border-radius:50%;background:var(--beats-black);color:#fff;font-size:11px;display:grid;place-items:center}.beats-menu-toggle,.beats-mobile-menu{display:none}.beats-source-offer{background:#161616;color:#fff;text-align:center;font-weight:700;padding:12px 16px;min-height:50px}.beats-source-offer span{display:block;color:#d1d1d1;font-size:11px;font-weight:400;margin-top:2px}
.beats-hero{position:relative;min-height:min(730px,calc(100svh - 130px));background:#e9e9e9;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center}.beats-hero video,.beats-hero .beats-hero-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.beats-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0005)}.beats-hero-inner{position:relative;z-index:1;padding:40px 20px;max-width:800px}.beats-hero-inner .eyebrow{font-size:22px}.beats-hero h1{font-size:clamp(64px,9vw,126px);font-weight:400;line-height:1;margin:8px 0}.beats-hero p{font-size:clamp(22px,3vw,38px);margin:0 0 32px}.beats-hero-actions{display:flex;justify-content:center;gap:20px}.beats-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 32px;border-radius:40px;background:#161616;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.beats-btn.light{background:#fff;color:#161616}.beats-btn:hover{opacity:.85}
.beats-section{padding:80px 5%}.beats-section h2{font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.05;margin:0 0 50px;text-align:center}.beats-product-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1450px;margin:auto}.beats-feature-card{min-width:0}.beats-feature-card-image{display:block;background:var(--beats-gray);aspect-ratio:1;overflow:hidden}.beats-feature-card-image img{width:100%;height:100%;object-fit:cover}.beats-feature-card h3{font-size:24px;margin:16px 0 4px}.beats-feature-card p{color:#575757;margin:0}.beats-feature-card .price{font-size:20px;color:#161616;margin-top:10px}.beats-feature-card .price s{color:#757575;font-size:16px}.beats-editorial{position:relative;min-height:580px;display:flex;align-items:end;padding:5%;color:#fff;background:#161616}.beats-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.beats-editorial:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0008)}.beats-editorial-inner{position:relative;z-index:1;max-width:680px}.beats-editorial h2{font-size:clamp(48px,6vw,84px);font-weight:400;line-height:1;margin:0 0 22px}.beats-editorial p{font-size:24px}.beats-benefits{text-align:center;background:#f6f6f6}.beats-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:auto}.beats-benefits h3{font-size:24px}.beats-source-note{font-size:13px;color:#555;margin-top:24px}.beats-compare{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4%;max-width:1450px;margin:auto}.beats-compare img{width:100%}.beats-compare h2{text-align:left;margin-bottom:20px}.beats-compare p{font-size:20px}
.beats-newsletter{text-align:center;background:#f5f5f5;padding:60px 20px}.beats-newsletter h2{font-size:36px;margin:0 0 8px}.beats-footer{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;padding:60px 5%;background:#161616;color:#fff}.beats-footer-logo img{width:55px;filter:invert(1)}.beats-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-weight:700}.beats-footer>p{grid-column:1/-1;color:#bbb;font-size:12px;margin:0}
.beats-commerce{padding:56px 4% 80px}.beats-woo-inner{max-width:1480px;margin:auto}.beats-collection-head h1{font-size:clamp(44px,5vw,72px);text-align:center;font-weight:700;margin:10px 0 45px}.beats-collection-head nav{text-align:center;border-bottom:1px solid #aaa;margin-bottom:44px;padding:0 0 14px;font-weight:700}.beats-collection-head nav a{border-bottom:3px solid #161616;padding:14px 25px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;clear:both}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important}.woocommerce ul.products li.product img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--beats-gray);margin:0!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:20px!important;color:#161616;padding:16px 0 4px!important}.woocommerce ul.products li.product .price{font-size:18px!important;color:#161616!important}.woocommerce ul.products li.product .button{border-radius:30px;background:#161616;color:#fff;padding:12px 22px;margin-top:10px}.woocommerce-result-count,.woocommerce-ordering{display:none}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:4%;align-items:start}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:auto!important}.woocommerce div.product .woocommerce-product-gallery{width:100%!important}.woocommerce div.product .woocommerce-product-gallery__wrapper img{background:var(--beats-gray);width:100%}.woocommerce div.product .product_title{font-size:clamp(50px,5vw,76px);font-weight:400;line-height:1.05;margin:0 0 22px}.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:34px!important;color:#161616!important;margin:0 0 26px}.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related{grid-column:1/-1}.woocommerce div.product form.cart .variations{margin-bottom:10px!important}.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;text-align:left;padding:0!important}.woocommerce div.product form.cart .variations label{font-size:16px}.beats-native-select{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.beats-color-swatches{display:flex;gap:14px;padding:10px 0}.beats-swatch{width:46px;height:46px;border-radius:50%;background:var(--swatch);border:1px solid #999;box-shadow:inset 0 0 0 2px #fff}.beats-swatch[aria-pressed="true"]{outline:2px solid #29a849;outline-offset:3px}.beats-color-label{margin:0 0 24px}.beats-kit-option{border-top:1px solid var(--beats-line);padding:20px 0;margin-top:15px}.beats-kit-option p{font-size:18px;margin:0 0 16px}.beats-kit-option small{font-size:13px;color:#666}.beats-kit-option p small{background:#f3f3f3;padding:4px 6px}.beats-kit-option p s{color:#777}.beats-kit-option label{display:flex;align-items:center;gap:12px;border:1px solid #aaa;border-radius:14px;padding:10px;margin-bottom:8px}.beats-kit-option label img{width:64px;height:64px;object-fit:contain}.woocommerce div.product form.cart button.single_add_to_cart_button{background:#161616!important;color:#fff!important;border-radius:40px!important;padding:17px 42px!important;min-width:220px}.beats-commerce-disclaimer{font-size:12px;color:#666;border-top:1px solid var(--beats-line);padding-top:14px}.beats-page{max-width:900px;margin:70px auto;padding:0 20px;min-height:45vh}.beats-page h1{font-size:54px}
@media(max-width:900px){.beats-desktop-nav{gap:35px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.beats-product-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.beats-benefits-grid{grid-template-columns:1fr}}
@media(max-width:700px){.beats-header-row{height:50px;padding:0 16px}.beats-menu-toggle{display:flex;grid-column:1;justify-self:start;flex-direction:column;gap:5px;border:0;background:none;padding:7px}.beats-menu-toggle span{display:block;width:21px;height:2px;background:#161616}.beats-logo{grid-column:2;width:34px;height:34px}.beats-desktop-nav{display:none}.beats-actions{grid-column:3;gap:15px}.beats-actions a{font-size:24px}.beats-bag-icon{width:24px;height:26px}.beats-bag-icon:before{width:9px;height:8px;left:5px;top:-7px}.beats-mobile-menu:not([hidden]){display:flex;position:fixed;top:50px;left:0;right:0;bottom:0;background:#fff;z-index:101;padding:20px 24px;overflow:auto;flex-direction:column;gap:0}.beats-mobile-menu>a:not(.beats-mobile-feature){display:block;padding:22px 0;border-top:1px solid #bbb;font-size:20px;font-weight:700}.beats-mobile-feature{margin-top:18px;background:#f3f3f3;border-radius:16px;display:flex;align-items:center;padding:15px;gap:15px;font-size:28px}.beats-mobile-feature img{width:48%;mix-blend-mode:multiply}.beats-source-offer{font-size:13px;min-height:58px}.beats-hero{min-height:620px}.beats-hero h1{font-size:64px}.beats-hero-inner .eyebrow{font-size:18px}.beats-hero p{font-size:23px}.beats-hero-actions{flex-direction:column;align-items:center;gap:10px}.beats-btn{min-width:210px}.beats-section{padding:52px 20px}.beats-section h2{margin-bottom:28px}.beats-product-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px}.beats-feature-card{min-width:84%;scroll-snap-align:start}.beats-editorial{min-height:490px;padding:30px}.beats-editorial h2{font-size:48px}.beats-editorial p{font-size:18px}.beats-benefits-grid{display:block}.beats-benefits-grid>div{margin:22px 0}.beats-compare{grid-template-columns:1fr}.beats-footer{grid-template-columns:1fr;padding:40px 20px}.beats-footer>p{grid-column:1}.beats-commerce{padding:25px 16px 55px}.beats-collection-head h1{font-size:40px;margin-bottom:35px}.woocommerce div.product{grid-template-columns:1fr}.woocommerce div.product .product_title{font-size:48px}.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:28px!important}.woocommerce ul.products{gap:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important}.woocommerce ul.products li.product .price{font-size:15px!important}.woocommerce ul.products li.product .button{font-size:12px;padding:10px!important}.beats-page h1{font-size:42px}}
@media(max-width:390px){.beats-hero{min-height:570px}.beats-hero h1{font-size:56px}.beats-color-swatches{gap:10px}.beats-swatch{width:42px;height:42px}}
.beats-logo img{filter:grayscale(1) brightness(0)}.beats-footer-logo img{filter:brightness(0) invert(1)}
.beats-collection-head nav{display:flex;justify-content:center;gap:30px;white-space:nowrap;overflow-x:auto}.beats-collection-head nav span{color:#757575}.beats-card-colors{display:flex;gap:8px;padding-top:10px}.beats-card-colors i{display:block;width:18px;height:18px;border-radius:50%;background:var(--swatch);border:1px solid #999}
@media(max-width:700px){.beats-collection-head h1{font-size:30px;white-space:nowrap}.beats-collection-head nav{justify-content:flex-start;gap:18px;font-size:14px}.beats-collection-head nav a{padding:14px 0}.beats-collection-head nav span{padding:14px 0}}