:root{--tb-bg:#07110f;--tb-panel:#101b19;--tb-card:#14211f;--tb-card-2:#172824;--tb-border:rgba(255,255,255,.09);--tb-text:#f5f7fb;--tb-muted:#9fb2ad;--tb-mint:#62cdb5;--tb-mint-2:#8ee6d4;--tb-green:#22c55e;--tb-red:#dc2626;--tb-radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(98,205,181,.18),transparent 32%),radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 28%),var(--tb-bg);color:var(--tb-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.tb-navbar{position:sticky;top:0;z-index:1000;background:rgba(7,17,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--tb-border)}.brand-logo-img{width:76px;height:54px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.96);padding:6px 9px;border:1px solid var(--tb-border);box-shadow:0 14px 35px rgba(0,0,0,.24)}.small-logo{width:62px;height:44px}.nav-link{color:var(--tb-muted)!important;font-weight:800}.nav-link:hover,.nav-link.active{color:#fff!important}.btn-tb{border:0;color:#06221c;background:linear-gradient(135deg,var(--tb-mint),var(--tb-mint-2));border-radius:14px;font-weight:900;padding:.75rem 1rem;box-shadow:0 16px 30px rgba(98,205,181,.23);transition:.2s ease}.btn-tb:hover{transform:translateY(-1px);filter:brightness(1.05);color:#03120f}.btn-soft{border:1px solid var(--tb-border);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;font-weight:800;padding:.75rem 1rem}.btn-soft:hover{border-color:rgba(98,205,181,.45);background:rgba(98,205,181,.12);color:#fff}.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tb-border);border-radius:999px;padding:.5rem .75rem;font-size:.78rem;font-weight:900}.status-loading{color:#facc15;background:rgba(250,204,21,.08)}.status-ok{color:#86efac;background:rgba(34,197,94,.1)}.status-error{color:#fca5a5;background:rgba(220,38,38,.12)}.hero{padding:54px 0 34px}.hero-card{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),var(--tb-panel);border:1px solid var(--tb-border);border-radius:34px;overflow:hidden;min-height:440px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-copy{padding:clamp(28px,5vw,58px)}.hero-title{font-size:clamp(2.2rem,5vw,5rem);line-height:.94;letter-spacing:-3px;font-weight:950}.hero-title span{color:var(--tb-mint)}.hero-text{color:var(--tb-muted);font-size:1.08rem;max-width:620px}.hero-visual{position:relative;min-height:440px;background:linear-gradient(135deg,rgba(98,205,181,.25),rgba(15,23,42,.65)),url('https://images.unsplash.com/photo-1445205170230-053b83016050?auto=format&fit=crop&w=1100&q=80') center/cover}.floating-card{position:absolute;left:24px;bottom:24px;right:24px;background:rgba(7,17,15,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:24px;padding:18px}.metric{background:rgba(255,255,255,.06);border:1px solid var(--tb-border);border-radius:20px;padding:16px;height:100%}.metric strong{font-size:1.45rem}.section-title{letter-spacing:-1px;font-weight:950}.filter-panel,.cart-panel{background:rgba(16,27,25,.9);border:1px solid var(--tb-border);border-radius:var(--tb-radius);padding:18px;box-shadow:0 20px 45px rgba(0,0,0,.24)}.form-control,.form-select{background:#0b1513;border:1px solid var(--tb-border);color:#fff;border-radius:14px;min-height:46px}.form-control:focus,.form-select:focus{background:#0b1513;color:#fff;border-color:rgba(98,205,181,.72);box-shadow:0 0 0 .2rem rgba(98,205,181,.16)}.form-control::placeholder{color:#6b7975}.form-select option{background:#0b1513;color:#fff}.product-card{background:linear-gradient(180deg,var(--tb-card),#0d1715);border:1px solid var(--tb-border);border-radius:26px;overflow:hidden;height:100%;transition:.22s ease;position:relative}.product-card:hover{transform:translateY(-4px);border-color:rgba(98,205,181,.45);box-shadow:0 22px 55px rgba(0,0,0,.38)}.product-img{height:255px;background:#0b1513;position:relative;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.product-card:hover .product-img img{transform:scale(1.04)}.badge-stock{position:absolute;top:14px;left:14px;background:rgba(34,197,94,.92);color:#04130a;border-radius:999px;font-weight:900;padding:.35rem .7rem;font-size:.78rem}.badge-offer{position:absolute;top:14px;right:14px;background:rgba(98,205,181,.96);color:#06221c;border-radius:999px;font-weight:900;padding:.35rem .7rem;font-size:.78rem}.product-body{padding:18px}.product-title{font-weight:900;font-size:1.05rem;margin-bottom:4px}.product-code{color:var(--tb-muted);font-size:.82rem;font-weight:700}.price{font-size:1.45rem;font-weight:950;letter-spacing:-.5px}.old-price{color:var(--tb-muted);text-decoration:line-through;font-weight:700;font-size:.9rem}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--tb-border);background:rgba(255,255,255,.055);border-radius:999px;color:#d9eee9;padding:.35rem .65rem;font-size:.78rem;font-weight:800}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.32);display:inline-block}.cart-panel{position:sticky;top:90px}.cart-item{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.045);border:1px solid var(--tb-border);border-radius:16px;padding:10px;margin-bottom:10px}.cart-item img{width:54px;height:54px;border-radius:14px;object-fit:cover}.cart-empty{border:1px dashed rgba(255,255,255,.18);border-radius:18px;padding:25px;text-align:center;color:var(--tb-muted)}.category-card{background:var(--tb-card);border:1px solid var(--tb-border);border-radius:24px;overflow:hidden;min-height:180px;position:relative;isolation:isolate}.category-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));z-index:-1}.category-card .content{position:absolute;left:18px;right:18px;bottom:18px}.footer{border-top:1px solid var(--tb-border);margin-top:60px;padding:32px 0;color:var(--tb-muted);background:rgba(0,0,0,.18)}.modal-content{background:#0b1513;color:#fff;border:1px solid var(--tb-border);border-radius:24px}.btn-close{filter:invert(1)}.variant-btn{border:1px solid var(--tb-border);background:rgba(255,255,255,.06);color:#fff;border-radius:12px;padding:.6rem .9rem;font-weight:900}.variant-btn.active{background:var(--tb-mint);border-color:var(--tb-mint-2);color:#06221c}.modal-product-img{height:320px;object-fit:cover}.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{background:#07110f!important;border:1px solid var(--tb-border)!important;color:#fff!important;border-radius:12px!important}.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#9fb2ad!important}@media(max-width:991px){.hero-visual{min-height:320px}.cart-panel{position:static}.status-pill{display:none}}@media(max-width:575px){.hero{padding-top:22px}.hero-card{border-radius:22px}.hero-title{letter-spacing:-1.8px}.product-img{height:220px}.brand-logo-img{width:66px;height:48px}.navbar-brand small{display:none}}
