@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --night: #0f0d0a;
  --night-2: #17130f;
  --night-3: #1e1812;
  --paper: #f3ede2;
  --paper-2: #d8d0c0;
  --copper: #c17a42;
  --copper-light: #d9a876;
  --line: rgba(243,237,226,0.12);
  --sold: #a34a3a;
  --sold-bg: rgba(163,74,58,0.14);
  --avail: #5c9469;
  --avail-bg: rgba(92,148,105,0.14);

  --f-display: 'Fraunces', serif;
  --f-body: 'Inter', sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--f-body);
  background:var(--night);
  color:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}

/* ---------- Nav ---------- */
.nav{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 6vw;
  background:rgba(15,13,10,0.88);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-brand{display:flex;align-items:center;gap:10px;}
.nav-brand img{height:32px;width:auto;}
.nav-brand span{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:0.5px;color:var(--paper);}
.nav-back{
  font-size:13px;color:var(--paper-2);display:flex;align-items:center;gap:6px;
  transition:color .2s ease;
}
.nav-back:hover{color:var(--copper-light);}

/* ---------- Eyebrow ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;letter-spacing:2px;text-transform:uppercase;
  color:var(--copper-light);font-weight:600;
}
.eyebrow::before{content:'';width:26px;height:1px;background:var(--copper);}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-body);font-weight:600;font-size:14.5px;
  padding:16px 32px;border:none;border-radius:2px;
  transition:all .2s ease;
}
.btn-primary{background:var(--copper);color:var(--night);}
.btn-primary:hover{background:var(--copper-light);transform:translateY(-1px);}
.btn-outline{background:transparent;border:1.5px solid var(--paper-2);color:var(--paper);}
.btn-outline:hover{border-color:var(--copper-light);color:var(--copper-light);}

/* ---------- Footer ---------- */
.site-footer{
  padding:44px 6vw;background:var(--night-2);color:var(--paper-2);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
  font-size:13px;border-top:1px solid var(--line);
}
.site-footer a{color:var(--copper-light);}

/* ---------- Immediate delivery banner (shared across pages) ---------- */
.immediate{
  max-width:900px;margin:70px auto;padding:44px 6vw;
  background:var(--night-3);border:1.5px solid var(--copper);border-radius:6px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.immediate-text .kicker{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--copper-light);margin-bottom:10px;}
.immediate-text h3{font-family:var(--f-display);font-size:24px;font-weight:600;margin-bottom:8px;}
.immediate-text p{color:var(--paper-2);font-size:14.5px;line-height:1.55;max-width:420px;}
.immediate-text .stock{margin-top:12px;font-size:13px;color:var(--copper-light);font-weight:600;}
.btn-wa{background:#25D366;color:#04210f;}
.btn-wa:hover{background:#2fe07a;}
@media (max-width:720px){
  .immediate{flex-direction:column;text-align:center;}
  .immediate-text p{margin:0 auto;}
}

@media (max-width:720px){
  .nav{padding:18px 5vw;}
  .site-footer{padding:36px 5vw;flex-direction:column;align-items:flex-start;}
}