:root{
  --bg:#07080b;
  --surface:#10131a;
  --surface-2:#151a23;
  --gold:#d8a72e;
  --gold-2:#f5d06b;
  --green:#16a34a;
  --text:#f7f7f8;
  --muted:#aeb6c2;
  --danger:#ef4444;
  --ok:#22c55e;
  --line:rgba(255,255,255,.12);
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  background:radial-gradient(circle at top right,rgba(216,167,46,.14),transparent 34%),linear-gradient(180deg,#0b0d10,#050609 55%,#06080c);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.topbar{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 6vw;background:rgba(7,8,11,.78);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.3px}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#7a5300);color:#08090c;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset}
.brand strong{display:block;font-size:1.04rem}.brand span{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}
.nav{display:flex;align-items:center;gap:12px}.nav a{color:#d8dee7;font-weight:700;font-size:.95rem;padding:10px 12px;border-radius:999px}.nav a:hover{background:rgba(255,255,255,.08)}
.cart-button{border:1px solid rgba(216,167,46,.45);background:linear-gradient(135deg,#d8a72e,#906b13);color:#08090c;font-weight:900;border-radius:999px;padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 14px 30px rgba(216,167,46,.18)}
.cart-count{background:#08090c;color:#fff;border-radius:999px;padding:2px 8px;font-size:.85rem}
.hero{padding:44px 6vw 32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;min-height:calc(100vh - 72px)}
.hero-copy{max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(216,167,46,.35);color:var(--gold-2);border-radius:999px;padding:8px 12px;background:rgba(216,167,46,.09);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
h1{font-size:clamp(2.5rem,6vw,5.7rem);line-height:.9;margin:24px 0 16px;letter-spacing:-.07em;text-transform:uppercase}.gold{color:var(--gold);text-shadow:0 0 35px rgba(216,167,46,.28)}
.lead{font-size:clamp(1.05rem,2vw,1.36rem);line-height:1.55;color:#d7dce5;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{border:0;cursor:pointer;border-radius:16px;padding:15px 19px;font-weight:900;display:inline-flex;align-items:center;gap:10px;transition:.2s ease}.btn-primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#0a0a0a;box-shadow:0 18px 50px rgba(216,167,46,.22)}.btn-dark{background:#171b23;color:#fff;border:1px solid var(--line)}.btn-green{background:linear-gradient(135deg,#32d979,#0d7e3f);color:#061108}.btn:hover{transform:translateY(-2px)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px}.trust div{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.04)}.trust b{display:block;font-size:1.08rem}.trust span{color:var(--muted);font-size:.88rem}
.hero-card{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;background:#0b0d10;box-shadow:var(--shadow);min-height:430px}.hero-card img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.5))}.hero-badge{position:absolute;left:24px;bottom:22px;z-index:2;background:rgba(0,0,0,.62);border:1px solid rgba(216,167,46,.4);border-radius:20px;padding:16px 18px;backdrop-filter:blur(8px)}.hero-badge b{font-size:1.12rem}.hero-badge span{display:block;color:var(--muted);margin-top:4px}
.section{padding:56px 6vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.section h2{font-size:clamp(1.9rem,3.6vw,3.2rem);margin:0;letter-spacing:-.04em}.section p{color:var(--muted);line-height:1.6}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:#fff;padding:10px 14px;cursor:pointer;font-weight:800}.filter.active{background:rgba(216,167,46,.18);border-color:rgba(216,167,46,.5);color:var(--gold-2)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.18);display:flex;flex-direction:column}.product-img{background:#0b0d10;aspect-ratio:1/1;overflow:hidden}.product-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease}.product:hover .product-img img{transform:scale(1.04)}.product-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:.75rem;font-weight:900;border:1px solid rgba(255,255,255,.12);padding:6px 9px;border-radius:999px;color:#d9e0e8;background:rgba(255,255,255,.04)}.product h3{font-size:1.2rem;margin:0}.product-desc{color:var(--muted);font-size:.94rem;line-height:1.5;min-height:44px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.price{font-size:1.35rem;font-weight:950;color:var(--gold-2)}.add{border:0;background:#f6d56f;color:#08090c;font-weight:950;border-radius:14px;padding:12px 14px;cursor:pointer}.add:hover{filter:brightness(1.06)}
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.step-number{width:42px;height:42px;border-radius:14px;background:rgba(216,167,46,.18);color:var(--gold-2);display:grid;place-items:center;font-weight:950;margin-bottom:16px}.step h3{margin:0 0 8px}.step p{margin:0;color:var(--muted)}
.payment-box{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(216,167,46,.14),rgba(22,163,74,.08));border:1px solid rgba(216,167,46,.24);border-radius:28px;padding:26px}.payment-icons{display:flex;gap:12px;flex-wrap:wrap}.pay-icon{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-weight:950}
.footer{padding:34px 6vw;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;background:#06070a}.footer b{color:#fff}.footer small{display:block;max-width:760px;line-height:1.5}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:40;display:none}.drawer-backdrop.open{display:block}.drawer{position:fixed;right:0;top:0;height:100%;width:min(520px,100%);background:#0c0f15;z-index:50;transform:translateX(110%);transition:.25s ease;box-shadow:-30px 0 80px rgba(0,0,0,.4);display:flex;flex-direction:column;border-left:1px solid var(--line)}.drawer.open{transform:translateX(0)}.drawer-head{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{margin:0}.close{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff;border-radius:14px;width:42px;height:42px;cursor:pointer}.drawer-body{padding:18px;overflow:auto;flex:1}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:10px;margin-bottom:12px;background:rgba(255,255,255,.04)}.cart-item img{width:72px;height:72px;border-radius:14px;object-fit:cover}.cart-item h4{margin:0 0 4px}.cart-item span{color:var(--muted);font-size:.9rem}.qty{display:flex;gap:6px;align-items:center}.qty button{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#151a23;color:#fff;cursor:pointer}.checkout{border-top:1px solid var(--line);padding:18px;background:#090b10}.form-grid{display:grid;gap:10px}.field{display:grid;gap:6px}.field label{font-size:.84rem;color:#d6dce5;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#111722;color:#fff;border-radius:14px;padding:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(216,167,46,.62)}.totals{display:grid;gap:7px;margin:14px 0}.total-row{display:flex;justify-content:space-between;color:#d8dee7}.total-row.final{font-size:1.25rem;font-weight:950;color:#fff;border-top:1px solid var(--line);padding-top:10px}.notice{border:1px solid rgba(216,167,46,.22);background:rgba(216,167,46,.08);border-radius:14px;padding:11px 12px;color:#f6df9a;font-size:.9rem;line-height:1.45}.error{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.10);color:#fecaca}.success{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.10);color:#bbf7d0}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);transition:.25s ease;z-index:80;background:#10131a;border:1px solid rgba(216,167,46,.35);color:#fff;border-radius:999px;padding:13px 18px;box-shadow:var(--shadow);font-weight:850}.toast.show{transform:translateX(-50%) translateY(0)}
.status-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,rgba(216,167,46,.16),transparent 38%),#07080b}.status-card{max-width:720px;width:100%;background:#10131a;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow);text-align:center}.status-card .icon{font-size:4rem}.status-card h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1;margin:16px 0}.status-card p{color:var(--muted);line-height:1.6}.status-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-card{order:-1}.grid{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:repeat(2,1fr)}.payment-box{grid-template-columns:1fr}.nav a:not(.keep){display:none}}
@media(max-width:620px){.topbar{padding:12px 16px}.brand strong{font-size:.96rem}.cart-button{padding:11px 12px}.hero,.section{padding-left:16px;padding-right:16px}.hero-card,.hero-card img{min-height:280px}.trust{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.how{grid-template-columns:1fr}.section-head{display:block}.cart-item{grid-template-columns:62px 1fr}.cart-item .qty{grid-column:2/3}.drawer{width:100%}}