/*
Theme Name: Dope030 Shop Preview
Template: storefront
Version: 0.1.0
*/
@font-face{font-family:Geist;src:url(assets/geist.woff2) format('woff2');font-display:swap}
:root{--ink:#101010;--paper:#efece6;--red:#d74636;--muted:#aaa69f}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Geist,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:5px}
.preview-note{padding:10px 5%;background:#29201c;color:#f1ccba;font-size:12px;text-align:center;line-height:1.5}
.shop-header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid #333;gap:24px}.brand{font-size:28px;font-weight:900;letter-spacing:-1.4px}.brand span{color:var(--red)}.shop-header nav{display:flex;gap:26px;font-size:13px}.shop-header nav a{padding:10px 0}
.shop-intro{padding:70px 6% 44px;max-width:1500px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--red);font-size:12px;font-weight:600}.shop-intro h1{font-size:clamp(54px,8vw,110px);line-height:.94;letter-spacing:-.065em;margin:24px 0}.shop-intro h1 em{font-style:normal;color:var(--muted)}.shop-intro .lead{font-size:17px;color:var(--muted);line-height:1.6;max-width:620px}.shop-tabs{display:flex;gap:24px;padding:22px 0;border-top:1px solid #333;margin-top:40px;font-size:14px}.shop-tabs a{padding:8px 0}.shop-tabs a:first-child{border-bottom:2px solid var(--red)}
.collection{padding:0 6% 60px;max-width:1500px;margin:auto}.section-title{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #333;padding-top:24px;margin-bottom:24px}.section-title h2{color:var(--paper);font-size:28px;letter-spacing:-1px}.section-title span{font-size:12px;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.product-art{aspect-ratio:1.16;position:relative;overflow:hidden;background:#1a1918;display:flex;align-items:center;justify-content:center}.product-art img{width:57%;box-shadow:0 18px 35px #0008;z-index:2;position:relative}.product-art.vinyl:before{content:'';width:58%;aspect-ratio:1;border-radius:50%;position:absolute;right:6%;background:repeating-radial-gradient(#111 0px,#111 3px,#262626 4px,#111 5px);box-shadow:0 20px 35px #0009}.product-art.vinyl img{transform:translateX(-14%)}.product-art.cd{background:#d5d0c6}.product-art.cd img{width:53%;border:8px solid #ffffff42;border-left:16px solid #202020;box-shadow:18px 22px 25px #0003;transform:rotate(-6deg)}.product-art.shirt,.product-art.hoodie{background:#c5c0b6}.product-art svg{width:70%;height:85%;filter:drop-shadow(0 16px 15px #0004)}.art-label{position:absolute;left:18px;top:16px;font-size:10px;letter-spacing:.12em;z-index:3;color:#efebe5;background:#101010b8;padding:6px 8px}
.card-meta{display:flex;justify-content:space-between;gap:15px;margin:20px 0 8px}.card-meta h3{font-size:21px;color:var(--paper);margin:0;letter-spacing:-.5px}.card-meta span{font-size:14px;white-space:nowrap}.card-desc{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:18px}.card-link{display:inline-block;border-bottom:1px solid #777;padding-bottom:6px;font-size:13px}.editorial{display:grid;grid-template-columns:1fr 1fr;background:#1a1918;margin:20px 6% 80px;max-width:1320px}.editorial img{width:100%;height:440px;object-fit:cover;object-position:center 35%;filter:grayscale(1)}.editorial div{padding:50px;align-self:center}.editorial h2{font-size:clamp(30px,4vw,54px);line-height:1.08;color:var(--paper);letter-spacing:-2px}.editorial p{color:var(--muted);line-height:1.7}
.shop-footer{border-top:1px solid #333;padding:30px 6%;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}.shop-footer a{margin-left:18px}
.site-content{max-width:1200px;margin:45px auto;padding:0 5%}.site-main{padding-top:0}.entry-title,h1,h2,h3,h4{color:var(--paper)}.woocommerce-breadcrumb{color:var(--muted)}.woocommerce-breadcrumb a{color:var(--paper)}.woocommerce-info,.woocommerce-message{background:#303a32;color:#fff}.woocommerce-error{background:#6c302b}table:not(.has-background) th,table:not(.has-background) tbody td{background:#1d1c1b;color:var(--paper)}table:not(.has-background) tbody tr:nth-child(2n) td{background:#262422}input,select,textarea{background:#ebe7df!important;color:#171717!important}button,.button,button.alt,.button.alt{background:var(--red)!important;color:#fff!important;border:0}button:hover,.button:hover{background:#b83a2c!important}.price{color:var(--paper)!important}.woocommerce-tabs ul.tabs li.active a{color:var(--paper)}.woocommerce-tabs ul.tabs li a{color:var(--muted)}.site-main ul.products li.product .woocommerce-loop-product__title{color:var(--paper)}.single-product div.product .woocommerce-product-gallery{max-width:400px}.woocommerce-result-count,.woocommerce-ordering,.storefront-sorting{display:none}.entry-content a{color:var(--paper)}.test-price{font-size:11px;display:block;color:var(--muted)}.blocked-checkout{padding:24px;border:1px solid var(--red);line-height:1.7}
@media(min-width:1500px){.editorial{margin-left:auto;margin-right:auto}}@media(max-width:640px){.shop-header{padding:18px 6%}.shop-header nav{gap:16px}.shop-header nav .back{display:none}.brand{font-size:24px}.preview-note{font-size:10px}.shop-intro{padding-top:44px}.shop-intro h1{font-size:60px}.lead{font-size:15px!important}.product-grid{grid-template-columns:1fr;gap:36px}.section-title span{font-size:10px}.editorial{grid-template-columns:1fr}.editorial img{height:320px}.editorial div{padding:26px}.shop-footer{flex-direction:column}.shop-footer a{margin-left:0;margin-right:18px}.card-meta h3{font-size:20px}}

/* Approved merch concepts, full front/back boards */
.product-art:has(.merch-mockup){aspect-ratio:3/2;background:#d9d4cc}
.product-art img.merch-mockup{width:100%;height:100%;object-fit:contain;box-shadow:none;transform:none}
.price-pending{display:block;color:var(--muted);font-size:13px;white-space:normal}
.merch-details{padding:20px 0;border-top:1px solid #444;font-size:14px;color:var(--muted)}
.merch-details h2{font-size:18px}
.single-product div.product .woocommerce-product-gallery{max-width:none}
.single-product div.product .woocommerce-product-gallery img{width:100%;height:auto}
@media(max-width:640px){.card-meta{flex-wrap:wrap}.card-meta span{white-space:normal}}
