/*
Theme Name: UIBTBB Shop v1.0
Theme URI: https://shop.uibtbb.com/
Author: UIBTBB
Description: Professional black-and-gold WooCommerce theme for UIBTBB Shop.
Version: 1.0.0
*/
*{box-sizing:border-box}:root{--bg:#050505;--panel:#0d0d0d;--gold:#d5aa3d;--gold2:#f0cf72;--line:#453716;--text:#faf7ef;--muted:#aaa69c}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(213,170,61,.09),transparent 26%),var(--bg);color:var(--text);font:15px/1.55 Arial,sans-serif}
a{text-decoration:none;color:inherit}.wrap{max-width:1380px;margin:auto;padding:0 26px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:100}
.site-head{background:#040404;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.head{min-height:100px;display:grid;grid-template-columns:390px 1fr auto;gap:22px;align-items:center}
.brand{display:flex;align-items:center;gap:13px}.brand img{width:80px;height:80px;object-fit:contain}.brand strong{display:block;color:var(--gold2);font-size:26px}.brand small{color:#9d7d2c}.nav{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.nav a{padding:11px 13px;font-weight:800;font-size:13px}.nav a:hover{color:var(--gold2)}
.actions{display:flex;gap:8px}.btn,.button,button,input[type=submit]{display:inline-block;background:linear-gradient(#f1d074,#bd8b24)!important;color:#111!important;border:1px solid var(--gold)!important;border-radius:7px!important;padding:11px 15px!important;font-weight:900!important;cursor:pointer}.ghost{background:#090909!important;color:var(--gold2)!important}
.hero{min-height:430px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.16)),url('assets/images/shop-hero.jpg') center/cover}.hero-inner{min-height:430px;display:flex;align-items:center}.hero-copy{max-width:650px}.eyebrow{color:var(--gold2);font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:52px;line-height:1.04;margin:12px 0 15px}.hero p{font-size:18px;color:#ddd;max-width:570px}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
main{padding:28px 0 45px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:15px}.section-head h2{font-size:28px;margin:3px 0}.muted{color:var(--muted)}
.shop-panel{background:linear-gradient(#101010,#080808);border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:18px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.benefit{padding:18px;border:1px solid #352b15;border-radius:9px;background:#090909}.benefit b{display:block;color:var(--gold2);margin-bottom:5px}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#0b0b0b;border:1px solid var(--line);border-radius:10px;padding:12px;color:#fff}.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-size:17px}.woocommerce ul.products li.product .price{color:var(--gold2)!important;font-weight:900}.woocommerce span.onsale{background:var(--gold)!important;color:#111!important}.woocommerce-message,.woocommerce-info{border-top-color:var(--gold)!important;background:#111!important;color:#eee!important}.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)!important}
.woocommerce table.shop_table{border-color:#423516}.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:#2f2817}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{background:#0b0b0b;color:#fff;border:1px solid #444;padding:10px}
footer{border-top:1px solid var(--line);padding:24px 0;color:#999}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:#d8c58f;margin-left:15px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:950px){.head{grid-template-columns:1fr}.nav{justify-content:flex-start}.benefits{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}}
@media(max-width:560px){.wrap{padding:0 14px}.benefits{grid-template-columns:1fr}.hero h1{font-size:34px}.actions{flex-wrap:wrap}.hero{min-height:390px}.hero-inner{min-height:390px}}