/* ===== JEERAB — LUXURY THEME (Hermà ̈s-inspired) ===== */

/* ---- 1. Load brand fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap');

:root{
  --jeerab-bg:#FBFAF7;
  --jeerab-paper:#F2EFE8;
  --jeerab-ink:#1A1814;
  --jeerab-soft:#6A6258;
  --jeerab-accent:#34402F;
  --jeerab-line:#E4DFD4;
  --jeerab-gold:#A6864F;
}

/* ---- 2. Base type + background ---- */
body,
.theme-body,
[class*="page"]{
  background-color:var(--jeerab-bg) !important;
  color:var(--jeerab-ink) !important;
  font-family:'Jost',system-ui,sans-serif !important;
  font-weight:300 !important;
  line-height:1.7 !important;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,
.product-title,
.section-title,
[class*="title"]{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:500 !important;
  letter-spacing:.5px !important;
  line-height:1.2 !important;
}

/* ---- 3. Whitespace ---- */
.container,main,section,
[class*="section"]{
  padding-left:clamp(16px,4vw,60px) !important;
  padding-right:clamp(16px,4vw,60px) !important;
}
section,[class*="section"]{
  padding-top:clamp(40px,6vw,80px) !important;
  padding-bottom:clamp(40px,6vw,80px) !important;
}

/* ---- 4. Product cards ---- */
.product-card,.product-item,
[class*="product-card"],[class*="product-item"]{
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
  transition:transform .5s ease !important;
}
.product-card:hover,.product-item:hover,
[class*="product-card"]:hover{
  transform:translateY(-6px) !important;
}
.product-card img,.product-item img,
[class*="product"] img{
  border-radius:3px !important;
}

/* ---- 5. Prices ---- */
.price,[class*="price"]{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:400 !important;
  color:var(--jeerab-ink) !important;
  letter-spacing:1px !important;
}

/* ---- 6. Buttons ---- */
.btn,button,[class*="btn"]{
  border-radius:2px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  font-size:13px !important;
  box-shadow:none !important;
  transition:background-color .45s ease,color .45s ease !important;
}
.btn-primary,[class*="add-to-cart"],[class*="buy"]{
  background-color:var(--jeerab-ink) !important;
  color:var(--jeerab-bg) !important;
  border:none !important;
}
.btn-primary:hover,[class*="add-to-cart"]:hover,[class*="buy"]:hover{
  background-color:var(--jeerab-accent) !important;
}

/* ---- 7. Header + footer ---- */
header,.header,[class*="header"],
footer,.footer,[class*="footer"]{
  background-color:var(--jeerab-bg) !important;
  box-shadow:none !important;
}
header,.header,[class*="header"]{border-bottom:1px solid var(--jeerab-line) !important;}
footer,.footer,[class*="footer"]{border-top:1px solid var(--jeerab-line) !important;}

/* ---- 8. Dividers ---- */
hr,.divider{border:none !important;border-top:1px solid var(--jeerab-line) !important;}

/* ---- 9. Motion ---- */
a,img,[class*="card"]{transition:all .4s ease !important;}

/* ---- 10. Remove visual noise ---- */
.badge,[class*="badge"],
[class*="countdown"],[class*="timer"],
[class*="sold-count"]{display:none !important;}