*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0b0a;color:#f4efe7}
.notice{padding:10px;text-align:center;background:#d8bd7a;color:#111;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.header{height:82px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(11,11,10,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.brand{font-size:31px;font-weight:950;letter-spacing:-1.4px;color:#d8bd7a}
nav,.header-actions{display:flex;gap:28px;align-items:center}
a{color:#f4efe7;text-decoration:none;font-weight:700}
.cart{border:1px solid #d8bd7a;border-radius:999px;padding:10px 18px}
.hero{min-height:690px;padding:90px 56px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:radial-gradient(circle at 72% 38%,rgba(216,189,122,.22),transparent 34%),linear-gradient(135deg,#0b0b0a,#181612)}
.eyebrow{color:#d8bd7a;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:900}
h1{font-size:88px;line-height:.92;margin:22px 0;letter-spacing:-4px}
.lead{font-size:23px;line-height:1.55;color:#c9c1b3;max-width:620px}
.actions{display:flex;gap:16px;margin-top:36px}
.btn{padding:17px 26px;border-radius:999px;font-weight:950}
.primary{background:#d8bd7a;color:#111}
.secondary{border:1px solid #d8bd7a;color:#f4efe7}
.hero-visual{height:510px;position:relative;border-radius:44px;background:linear-gradient(145deg,#191817,#050505);box-shadow:0 50px 120px rgba(0,0,0,.55);overflow:hidden}
.glow{position:absolute;inset:80px;border-radius:50%;background:radial-gradient(circle,rgba(216,189,122,.35),transparent 65%);filter:blur(18px)}
.bottle{position:absolute;bottom:70px;width:98px;height:290px;border-radius:30px 30px 16px 16px;background:linear-gradient(180deg,#f4efe7 0,#d8bd7a 38%,#463414 100%);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bottle:before{content:"";position:absolute;top:-42px;left:25px;width:48px;height:52px;border-radius:14px 14px 6px 6px;background:#d8bd7a}
.bottle:after{content:"V";position:absolute;inset:100px 16px auto;height:70px;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:950;color:#111;background:rgba(255,255,255,.35)}
.main{left:50%;transform:translateX(-50%);height:350px;width:120px}
.small{left:22%;transform:rotate(-8deg);opacity:.85}
.right{left:auto;right:22%;transform:rotate(8deg)}
.signature{margin:34px 56px;padding:24px;border-radius:28px;background:#f4efe7;color:#111;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;font-weight:950;text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.section{padding:70px 56px}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}
h2{font-size:48px;line-height:1;margin:10px 0 0;letter-spacing:-2px}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product{background:#171615;border:1px solid rgba(255,255,255,.08);border-radius:34px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.product-photo{height:250px;border-radius:28px;background:radial-gradient(circle at 50% 30%,#f4efe7,#d8bd7a 35%,#1e1b16 70%)}
.product p{color:#b9b0a0;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}
.product h3{font-size:28px;margin:8px 0 22px}
.product-bottom{display:flex;align-items:center;justify-content:space-between}
.product strong{color:#d8bd7a;font-size:22px}
button{border:0;border-radius:999px;padding:12px 18px;background:#f4efe7;color:#111;font-weight:950;cursor:pointer}
.editorial{margin:40px 56px;padding:58px;border-radius:42px;background:#d8bd7a;color:#111;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.editorial .eyebrow{color:#111}
.editorial p:last-child{font-size:23px;line-height:1.5}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border:1px solid rgba(255,255,255,.08);background:#171615;border-radius:32px;padding:34px}
.card h3{font-size:28px;margin-top:0;color:#d8bd7a}
.card p{color:#c9c1b3;font-size:18px;line-height:1.5}
.newsletter{margin:40px 56px 80px;padding:60px;border-radius:42px;background:linear-gradient(145deg,#181612,#090909);text-align:center;border:1px solid rgba(255,255,255,.08)}
.newsletter form{margin:28px auto 0;max-width:620px;display:flex;gap:12px}
input{flex:1;border:1px solid rgba(255,255,255,.16);background:#0b0b0a;color:#fff;border-radius:999px;padding:17px 22px;font-size:16px}
footer{padding:34px 56px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#9f9688}
@media(max-width:950px){
.header{padding:0 22px}nav{display:none}.hero{grid-template-columns:1fr;padding:60px 24px}h1{font-size:58px}.hero-visual{height:360px}.signature,.products,.cards,.editorial{grid-template-columns:1fr}.signature,.editorial,.newsletter{margin:24px}.section{padding:50px 24px}.newsletter form{flex-direction:column}footer{display:block;text-align:center;line-height:2}
}

.mini-btn{
  display:inline-block;
  border-radius:999px;
  padding:10px 16px;
  background:#f4efe7;
  color:#111;
  font-weight:950;
}

.product-page{
  padding:80px 56px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
}

.product-big-photo{
  height:560px;
  border-radius:44px;
  background:radial-gradient(circle at 50% 30%,#f4efe7,#d8bd7a 35%,#1e1b16 70%);
  box-shadow:0 40px 120px rgba(0,0,0,.45);
}

.product-info h1{
  font-size:70px;
}

.price-large{
  margin:28px 0;
  font-size:42px;
  color:#d8bd7a;
  font-weight:950;
}

.stock{
  color:#c9c1b3;
  margin-bottom:25px;
}

@media(max-width:950px){
  .product-page{
    grid-template-columns:1fr;
    padding:50px 24px;
  }

  .product-big-photo{
    height:360px;
  }

  .product-info h1{
    font-size:48px;
  }
}
}

.cart-list{
  display:grid;
  gap:16px;
  margin:30px 0;
}

.cart-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:22px;
  border-radius:24px;
  background:#171615;
  border:1px solid rgba(255,255,255,.08);
}

.cart-row p{
  color:#b9b0a0;
  margin-bottom:0;
}

.remove{
  display:block;
  margin-top:8px;
  color:#d8bd7a;
  font-size:14px;
}

.cart-total{
  margin:30px 0;
  font-size:34px;
  font-weight:950;
  color:#d8bd7a;
}

img.product-photo{
  width:100%;
  height:250px;
  object-fit:cover;
  border-radius:28px;
  display:block;
}

img.product-big-photo{
  width:100%;
  height:560px;
  object-fit:cover;
  border-radius:44px;
  display:block;
}

.qty-label{
  display:block;
  margin:24px 0 8px;
  color:#d8bd7a;
  font-weight:900;
}

.qty-input{
  width:120px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:#111;
  color:#fff;
  font-size:18px;
  margin-bottom:18px;
}

.cart-qty-form{
  display:flex;
  gap:8px;
  align-items:center;
  margin:8px 0;
}

.cart-qty-form input{
  width:80px;
  padding:8px;
  border-radius:10px;
  border:1px solid #444;
  background:#111;
  color:#fff;
}

.cart-qty-form button{
  width:auto;
  padding:8px 12px;
  border-radius:999px;
}

.qty-stepper{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
}

.qty-stepper button,
.cart-qty-form button{
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:#d8bd7a;
  color:#111;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
}

.qty-stepper input,
.cart-qty-form input{
  width:76px;
  height:42px;
  text-align:center;
  border-radius:999px;
}

.cart-qty-form{
  display:flex;
  align-items:center;
  gap:8px;
}

.coupon-box{
  margin:26px 0;
  padding:22px;
  border-radius:24px;
  background:#171615;
  border:1px solid rgba(255,255,255,.08);
}

.coupon-box label{
  display:block;
  margin-bottom:8px;
  color:#d8bd7a;
  font-weight:900;
}

.coupon-row{
  display:flex;
  gap:10px;
}

.coupon-row input{
  flex:1;
  border:1px solid rgba(255,255,255,.16);
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:14px 18px;
}

.coupon-row button,
.coupon-box button{
  width:auto;
  border:0;
  border-radius:999px;
  padding:12px 18px;
  background:#d8bd7a;
  color:#111;
  font-weight:900;
}

.coupon-error{
  color:#ff8a8a;
  font-weight:900;
}

.coupon-ok{
  color:#bff5c8;
  font-weight:900;
}
