/*
Theme Name: TCG Vault Responsive Exact
Theme URI: https://shinobi-cards.com
Author: OpenAI
Description: Exact desktop reference plus a mobile layout built only from direct crops of the same reference. Dynamic WooCommerce products below.
Version: 2.0.0
Text Domain: tcg-vault-responsive-exact
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--bg:#050912;--panel:#0b111c;--border:#263142;--text:#f7f8fc;--muted:#9aa5b4;--purple:#7b2cff;--red:#ef3340}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* DESKTOP EXACT */
.tcgx-desktop{display:block;max-width:1536px;margin:0 auto;position:relative;background:#050912}
.tcgx-desktop>img{width:100%;height:auto}
.tcgx-hot{position:absolute;display:block;border-radius:8px;z-index:5}
.tcgx-hot:hover{outline:2px solid rgba(141,57,255,.55);background:rgba(141,57,255,.06)}
#tcgx-home{left:3.1%;top:17.5%;width:5.2%;height:5.2%}
#tcgx-pokemon{left:10.3%;top:17.5%;width:8.1%;height:5.2%}
#tcgx-onepiece{left:19.5%;top:17.5%;width:9.3%;height:5.2%}
#tcgx-naruto{left:29.2%;top:17.5%;width:10.5%;height:5.2%}
#tcgx-zubehoer{left:41.7%;top:17.5%;width:8.2%;height:5.2%}
#tcgx-neu{left:50.4%;top:17.5%;width:7.8%;height:5.2%}
#tcgx-sale{left:58.7%;top:17.5%;width:6.2%;height:5.2%}
#tcgx-about{left:65.1%;top:17.5%;width:7.8%;height:5.2%}
#tcgx-discover{left:3.6%;top:59.4%;width:14.9%;height:6.8%}
#tcgx-newitems{left:20.1%;top:59.4%;width:15.2%;height:6.8%}
#tcgx-catpokemon{left:3.2%;top:82.4%;width:22.3%;height:14.6%}
#tcgx-catonepiece{left:26.6%;top:82.4%;width:22.4%;height:14.6%}
#tcgx-catnaruto{left:50.0%;top:82.4%;width:22.4%;height:14.6%}
#tcgx-catzubehoer{left:73.4%;top:82.4%;width:22.4%;height:14.6%}
#tcgx-account{left:69.2%;top:6.6%;width:7.8%;height:7.7%}
#tcgx-cart{left:88.2%;top:6.4%;width:9.8%;height:7.8%}

/* MOBILE: only exact crops from the approved reference, stacked */
.tcgx-mobile{display:none;background:#050912}
.mobile-section{position:relative;border-bottom:1px solid #151d29}
.mobile-section img{width:100%;height:auto}
.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.mobile-actions a{background:#0b111c;border:1px solid #283245;border-radius:8px;text-align:center;padding:13px 8px;font-weight:800;font-size:13px}
.mobile-actions a:first-child{background:linear-gradient(135deg,#7b2cff,#4f20c8)}
.mobile-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.mobile-cats a{display:block;border-radius:8px;overflow:hidden;border:1px solid #263142}
.mobile-cats img{width:100%;height:auto}

/* DYNAMIC PRODUCTS */
.dynamic-products{max-width:1450px;margin:0 auto;padding:12px 32px 44px;background:#050912}
.dynamic-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.dynamic-head h2{font-size:22px;margin:0;border-left:5px solid var(--purple);padding-left:13px}
.dynamic-head a{color:#b56aff;font-weight:800;font-size:13px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;background:linear-gradient(180deg,#0d141f,#0a1018);border:1px solid var(--border);border-radius:8px;padding:14px!important;min-height:355px;position:relative}
.woocommerce ul.products li.product img{border-radius:6px;background:#0c121c;height:190px!important;object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important;font-size:14px!important;line-height:1.4;min-height:42px}
.woocommerce ul.products li.product .price{color:#fff!important;font-size:18px!important;font-weight:950}
.woocommerce ul.products li.product .price del{color:#777!important;font-size:12px!important}
.woocommerce ul.products li.product .price ins{text-decoration:none!important;color:#ff4a59!important}
.woocommerce ul.products li.product .button{background:linear-gradient(135deg,#7b2cff,#4d1bd0)!important;color:#fff!important;border-radius:5px!important;padding:10px 12px!important;font-weight:800!important}
.woocommerce span.onsale{background:var(--red)!important;min-width:auto!important;min-height:auto!important;line-height:1!important;padding:7px 9px!important;border-radius:4px!important}
.woocommerce div.product,.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{max-width:1400px;margin:40px auto;padding:0 32px}
.site-footer{max-width:1450px;margin:0 auto;padding:22px 32px 32px;color:#7f8997;font-size:12px;border-top:1px solid #1b2431}

@media(max-width:1150px){
  .woocommerce ul.products{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:800px){
  .tcgx-desktop{display:none}
  .tcgx-mobile{display:block}
  .dynamic-products{padding:16px 12px 34px}
  .dynamic-head{margin-top:6px}
  .dynamic-head h2{font-size:19px}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:10px}
  .woocommerce ul.products li.product{min-height:0;padding:10px!important}
  .woocommerce ul.products li.product img{height:145px!important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;min-height:38px}
  .woocommerce ul.products li.product .price{font-size:16px!important}
  .woocommerce ul.products li.product .button{width:100%;text-align:center;padding:10px 6px!important;font-size:12px!important}
}
@media(max-width:420px){
  .mobile-cats{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:1fr 1fr!important}
}