/* ===== DesiKhazana — Traditional Market Look (original) ===== */

/* BASE & TYPOGRAPHY */
:root{
  --dk-maroon: #7a0303;   /* deeper maroon */
  --dk-gold:   #d4af37;   /* warm gold */
  --dk-cream:  #fff8f0;
  --dk-text:   #333333;
  --card-border: rgba(122,3,3,0.08);
}

html,body { height:100%; margin:0; padding:0; background-color:var(--dk-cream); color:var(--dk-text);
  font-family: 'Merriweather', serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* TOP BAR (small announcement area) */
.zc-topbar, .topbar {
  background: linear-gradient(90deg, rgba(122,3,3,0.95), rgba(122,3,3,0.92));
  color: #fff8f0;
  font-size:13px;
  padding:6px 12px;
}
.zc-topbar a, .topbar a { color: #fff8f0; text-decoration:none; font-weight:500; }

/* NAV / HEADER */
.zc-navbar, header, .site-header {
  background-color: var(--dk-maroon) !important;
  border-bottom: 4px solid var(--dk-gold);
  padding: 12px 18px;
  display:flex;
  align-items:center;
  gap:18px;
}
.zc-navbar .logo, .site-header .logo {
  display:flex; align-items:center; gap:12px;
}
.zc-navbar .logo img { height:56px; width:auto; object-fit:contain; }

/* nav links (desktop) */
.zc-navbar .nav, .main-nav {
  display:flex; gap:20px; align-items:center; margin-left:10px;
}
.zc-navbar a, .main-nav a {
  color: #fff8f0 !important;
  font-family: 'Playfair Display', serif;
  font-size:16px;
  padding:6px 8px;
  text-decoration:none;
}
.zc-navbar a:hover, .main-nav a:hover {
  color: var(--dk-gold) !important;
  text-decoration:none;
}

/* MEGA MENU feel */
.main-nav .has-sub { position:relative; }
.main-nav .submenu {
  position:absolute;
  left:0; top:100%;
  background:#fff;
  border:1px solid #eee;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
  padding:12px;
  display:none;
  min-width:260px;
  z-index:40;
}
.main-nav .has-sub:hover .submenu { display:block; }

/* HERO / BANNER */
.hero {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:40px 6%;
  background-image: linear-gradient(rgba(255,248,240,0.85), rgba(255,248,240,0.85));
  border-bottom: 1px solid rgba(0,0,0,0.03);
}
.hero .left {
  max-width:58%;
}
.hero h1 {
  font-family: 'Playfair Display', serif;
  font-size:44px;
  color: var(--dk-maroon);
  margin:0 0 12px 0;
  line-height:1.05;
}
.hero p.lead {
  font-size:18px;
  color:#5b4b3d;
  margin:0 0 18px 0;
}
.hero .cta { display:flex; gap:12px; flex-wrap:wrap; }
.zc-btn.primary, button.primary {
  background: var(--dk-gold) !important;
  color: #7a0303 !important;
  font-weight:700 !important;
  border-radius:6px !important;
  padding:12px 18px !important;
  border:none !important;
}
.zc-btn.secondary, button.secondary {
  background:transparent !important;
  color: var(--dk-maroon) !important;
  border:2px solid var(--dk-maroon) !important;
  border-radius:6px !important;
  padding:10px 16px !important;
}

/* CATEGORY ICON BLOCKS */
.category-grid {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
  margin:28px 6%;
}
.cat-card {
  background:#fff;
  padding:14px;
  border-radius:8px;
  border:1px solid var(--card-border);
  display:flex;
  align-items:center;
  gap:12px;
  transition:transform .18s ease, box-shadow .18s ease;
}
.cat-card img { width:72px; height:72px; object-fit:cover; border-radius:6px; }
.cat-card h4 { margin:0; font-size:16px; color:var(--dk-maroon); font-family:'Playfair Display', serif; }

/* PRODUCT GRID */
.product-grid {
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:18px;
  margin:24px 6%;
}
.product-card {
  background:#fff; padding:12px; border-radius:8px; border:1px solid var(--card-border);
  transition: box-shadow .18s ease, transform .18s ease;
}
.product-card:hover { transform: translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,0.08); }
.product-card img { width:100%; height:220px; object-fit:cover; border-radius:6px; }
.product-card .title { font-size:15px; color:#3c302a; margin:10px 0 6px; font-family:'Playfair Display', serif; }
.product-card .price { font-weight:700; color:var(--dk-maroon); }

/* FEATURE PILL ROW (Free shipping / Quality etc) */
.features {
  display:flex; gap:18px; justify-content:center; align-items:center; padding:18px 6%;
  margin:18px 0;
}
.feature {
  background: #fff; padding:12px 16px; border-radius:8px; border:1px solid rgba(0,0,0,0.04);
  display:flex; gap:12px; align-items:center; min-width:180px;
}
.feature .icon {
  width:42px; height:42px; border-radius:8px; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, rgba(212,175,55,0.12), rgba(122,3,3,0.06));
  color:var(--dk-maroon); font-weight:700;
}
.feature .text { font-size:14px; color:#5b4b3d; }

/* FOOTER */
.zc-footer, footer {
  background:var(--dk-maroon); color:#fff8f0; padding:34px 6%; margin-top:28px;
  display:flex; gap:30px; flex-wrap:wrap; justify-content:space-between;
}
.footer-col h5 { font-family:'Playfair Display', serif; color:var(--dk-gold); margin:0 0 8px; }
.footer-col p, .footer-col a { color:#fff8f0; text-decoration:none; font-size:14px; }

/* small screens responsive */
@media (max-width: 991px) {
  .product-grid { grid-template-columns: repeat(2, 1fr); }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .hero { flex-direction:column; gap:18px; padding:28px 6%; }
  .hero .left { max-width:100%; }
}
@media (max-width: 479px) {
  .product-grid { grid-template-columns: 1fr; }
  .main-nav { display:none; } /* use mobile menu */
  .zc-navbar .logo img { height:48px; }
  .hero h1 { font-size:28px; }
}

/* utility helper - soft fabric border (ethnic feel) */
.soft-border {
  box-shadow: inset 0 0 0 6px rgba(212,175,55,0.03);
  border-radius:12px;
}

/* small tweaks for Zoho specific default classes likely present */
.zc-header, .zc-topbar, .zc-navbar, .zc-footer, .zc-cart, .zc-search {
  box-sizing:border-box;
}


@media (min-width: 992px) {
    .theme-banner.zphero-boxed {
       width: 100% !important;
    }
 .theme-logo-parent {
     margin-top: -22px !important;
    }