:root{
  --nk-bg:#f5efe4;
  --nk-surface:#fffaf0;
  --nk-card:#fffdf8;
  --nk-ink:#20170f;
  --nk-muted:#6b5b4b;
  --nk-gold:#b8863b;
  --nk-gold-dark:#8e6424;
  --nk-line:#e6d9c2;
  --nk-grad-1:#f9f3e7;
  --nk-grad-2:#f4ebdd;
  --nk-grad-3:#f8f1e7;
}

*{box-sizing:border-box}

body{
  font-family:"Manrope", "Segoe UI", Arial, sans-serif !important;
  color:var(--nk-ink) !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(184,134,59,0.18), transparent 28%),
    radial-gradient(circle at 88% 4%, rgba(255,235,185,0.5), transparent 34%),
    linear-gradient(180deg, var(--nk-grad-1) 0%, var(--nk-grad-2) 60%, var(--nk-grad-3) 100%) !important;
}

h1,h2,h3,.brand{
  font-family:"Cormorant Garamond", Georgia, serif;
  letter-spacing:.02em;
}

a{color:inherit}

.card,.panel,.box,.summary,.sidebar,.item,.show-card,.info-card,.featured-shell,.collection-card{
  background:var(--nk-surface) !important;
  border:1px solid var(--nk-line) !important;
  box-shadow:0 12px 24px rgba(79,54,28,0.10) !important;
}

input,select,textarea{
  border:1px solid #d8c6a8 !important;
  border-radius:10px !important;
  background:#fffdf7 !important;
  color:var(--nk-ink) !important;
}

input:focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--nk-gold) !important;
  box-shadow:0 0 0 3px rgba(184,134,59,0.16);
}

button,.btn,.checkout,.hero-btn.primary{
  background:linear-gradient(90deg,#d6ab63,#b8863b,#8e6424) !important;
  color:#fff8ea !important;
  border:none !important;
  border-radius:10px !important;
}

button:hover,.btn:hover,.checkout:hover,.hero-btn.primary:hover{
  filter:brightness(1.04);
}

.topbar,.top,.header,
div[style*="background:#0b3c6f"],
div[style*="background:#131921"],
div[style*="background:black"]{
  background:linear-gradient(90deg,#3d2a1a,#573922) !important;
  color:#f8ecd7 !important;
}

div[style*="background:white"][style*="position:sticky"]{
  background:rgba(249,241,226,0.95) !important;
  border-bottom:1px solid var(--nk-line) !important;
  box-shadow:0 8px 18px rgba(56,37,18,0.12) !important;
}

div[style*="background:#232f3e"]{
  background:linear-gradient(90deg,#3d2a1a,#573922) !important;
}

div[style*="background:#232f3e"] a,
.top a,.topbar a,.header a{
  color:#f8ecd7 !important;
}

div[style*="background:#232f3e"] a[href="seller.html"]{
  color:#ffe3a4 !important;
}

.price,.sale{color:#217348 !important}
.old,.mrp{color:#8a7a66 !important}
.discount,.off{color:#b22222 !important}

.notice-bar{
  background:#2d2015;
  color:#f9edd4;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
}

.notice-move{
  display:inline-block;
  padding:12px 0;
  animation:marquee 26s linear infinite;
}

@keyframes marquee{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}

.main-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(249,241,226,0.92);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--nk-line);
}

.header-wrap{
  max-width:1220px;
  margin:0 auto;
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.brand{
  min-width:176px;
  font-family:"Cormorant Garamond",serif;
  font-size:34px;
  font-weight:700;
  letter-spacing:.03em;
}

.brand span{color:var(--nk-gold-dark)}

.delivery{
  font-size:12px;
  color:var(--nk-muted);
  min-width:108px;
  line-height:1.2;
}

.delivery strong{color:var(--nk-ink);font-size:14px}

.search-wrap{flex:1;min-width:240px}

#searchInput{
  width:100%;
  border:1px solid #d8c6a8;
  border-radius:999px;
  padding:13px 18px;
  font-size:14px;
  outline:none;
  background:#fffdf7;
}

#searchInput:focus{border-color:var(--nk-gold)}

.header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:18px;
  font-size:13px;
}

#accountBox a{text-decoration:none}

.cart-pill{
  text-decoration:none;
  background:#24180f;
  color:#fff2d8;
  border-radius:999px;
  padding:9px 14px;
  font-weight:700;
  display:inline-flex;
  gap:8px;
  align-items:center;
}

.nav-bar{
  border-top:1px solid var(--nk-line);
  background:linear-gradient(90deg,#3d2a1a,#573922);
}

.nav-wrap{
  max-width:1220px;
  margin:0 auto;
  display:flex;
  gap:20px;
  padding:11px 18px;
  flex-wrap:wrap;
}

.nav-wrap a{
  color:#f8ecd7;
  text-decoration:none;
  font-size:14px;
}

.nav-wrap a.seller-link{color:#ffe3a4;font-weight:700}

@media(max-width:700px){
  .header-wrap{padding:12px}
  .header-actions{margin-left:0;gap:12px;min-width:100%;justify-content:space-between}
  .brand{font-size:30px}
}