*{box-sizing:border-box}

:root {
        --bg: #0a0a0a;
        --bg-soft: #111111;
        --card: #151515;
        --card-hover: #1b1b1b;
        --gold: #c9a45c;
        --gold-light: #e1c27a;
        --text: #ffffff;
        --text-soft: #a7a7a7;
        --border: rgba(255,255,255,0.08);
        }

body{margin:0;background:var(--bg);color:#eee;font:15px Arial,sans-serif}
a{color:inherit;text-decoration:none}
header{height:72px;background: rgba(10,10,10,0.88);backdrop-filter: blur(15px);position: sticky;top: 0;z-index: 100;display:flex;align-items:center;justify-content:space-between;padding:0
7%;border-bottom:1px solid #222}
.brand{font-size:22px;font-weight:900}
.brand span,.hero span,h1
span{color: var(--gold-light)}nav{display:flex;gap:28px}
.hero{min-height:600px;padding:150px
8%;display:flex;align-items:center;background:radial-gradient(circle at 75%,#463c09,var(--bg) 45%)}.hero
h1{font-size:64px;line-height:1.05;margin:15px 0}.hero
p{max-width:520px;color:#aaa;line-height:1.7}.btn,button{display:inline-block;background: var(--gold-light);color:#090909;border:0;padding:13px
22px;border-radius:7px;font-weight:bold;cursor:pointer}.wrap{padding:70px
7%;max-width:1400px;margin:auto}.wrap>h2{font-size:32px}.grid{display:grid;gap:20px}.cats{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(4,1fr)}.card,.product{background:#141416;border:1px
solid
#252529;border-radius:14px;padding:22px}.card:hover,.product:hover{border-color: var(--gold-light);transform:translateY(-2px)}.pic{height:220px;border-radius:10px;background:#1c1c20;display:flex;align-items:center;justify-content:center;color:#555;overflow:hidden}.pic
img{width:100%;height:100%;object-fit:cover}.pic.big{height:520px}.product
p{color: var(--gold-light);font-weight:bold}.title{display:flex;justify-content:space-between;align-items:center;gap:20px}.title
input{padding:12px;border-radius:7px;border:1px solid
#333;background:#151518;color:#fff}.detail{display:grid;grid-template-columns:1fr
1fr;gap:60px}.agegate{position:fixed;z-index:99;inset:0;background:#080809;display:flex;align-items:center;justify-content:center;text-align:center}.agegate>div{max-width:500px;padding:40px}.agegate
h1{font-size:80px;color: var(--gold-light);margin:0}
footer{
    padding:40px 7%;
    border-top:1px solid #222;
    text-align: center;}
footer .footer-logo {
    font-family: "Playfair Display", serif;
    font-size: 25px;
    margin-bottom: 12px;
}
footer .footer-logo span {
    color:  var(--gold-light);
}

footer p {
    color: #666;
    font-size: 12px;
}
.login{max-width:400px;margin:12vh auto;padding:35px;background:#141416;border-radius:15px}.login
input,.form input,.form textarea,.form select{display:block;width:100%;padding:12px;margin:12px
0;background:#111;color:#fff;border:1px solid #333;border-radius:6px}.form
textarea{min-height:130px}.error{background:#4b1717;padding:12px;margin-bottom:15px}@media(max-width:800px){nav{gap:10px}.hero
h1{font-size:42px}.cats,.products,.detail{grid-template-columns:1fr
1fr}.pic.big{height:350px}}@media(max-width:550px){.cats,.products,.detail{grid-template-columns:1fr}.title{display:block}}