@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Tiro+Devanagari+Sanskrit&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --maroon: #6B1A1A;
  --maroon-dark: #4A0F0F;
  --maroon-light: #8B2020;
  --gold: #C9A84C;
  --gold-light: #E8C96A;
  --gold-dark: #A88530;
  --cream: #FFF8E7;
  --cream-dark: #F5EDD4;
  --brass: #8B6914;
  --text-dark: #1A0A0A;
  --text-mid: #4A2C2C;
  --text-muted: #7A5C5C;
  --white: #FFFFFF;
  --shadow: 0 4px 24px rgba(107,26,26,0.12);
  --shadow-lg: 0 8px 48px rgba(107,26,26,0.2);
  --radius: 12px;
  --radius-lg: 20px;
  --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Inter',sans-serif; background:var(--cream); color:var(--text-dark); line-height:1.6; }

/* SCROLLBAR */
::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:var(--cream-dark); }
::-webkit-scrollbar-thumb { background:var(--gold); border-radius:3px; }

/* TYPOGRAPHY */
h1,h2,h3,h4 { font-family:'Cormorant Garamond',serif; line-height:1.2; }
.devanagari { font-family:'Tiro Devanagari Sanskrit',serif; }

/* NAVBAR */
.navbar {
  position: sticky; top:0; z-index:1000;
  background: var(--maroon-dark);
  border-bottom: 2px solid var(--gold);
  padding: 0 24px;
}
.nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:64px; }
.nav-logo { display:flex; align-items:center; gap:12px; text-decoration:none; }
.nav-logo img { height:44px; width:44px; border-radius:8px; border:2px solid var(--gold); }
.nav-logo-text { color:var(--white); }
.nav-logo-text h1 { font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:700; color:var(--gold-light); letter-spacing:1px; }
.nav-logo-text p { font-size:9px; color:rgba(255,255,255,0.6); letter-spacing:2px; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; gap:8px; }
.nav-links a { color:rgba(255,255,255,0.85); text-decoration:none; padding:8px 14px; border-radius:8px; font-size:14px; font-weight:500; transition:var(--transition); }
.nav-links a:hover { color:var(--gold-light); background:rgba(201,168,76,0.1); }
.nav-links a.active { color:var(--gold-light); }
.nav-cart { position:relative; display:flex; align-items:center; gap:6px; color:var(--white); background:rgba(201,168,76,0.15); border:1.5px solid var(--gold); border-radius:10px; padding:8px 16px; cursor:pointer; text-decoration:none; font-size:14px; font-weight:600; transition:var(--transition); }
.nav-cart:hover { background:var(--gold); color:var(--maroon-dark); }
.cart-count { position:absolute; top:-8px; right:-8px; background:var(--gold); color:var(--maroon-dark); font-size:11px; font-weight:800; width:20px; height:20px; border-radius:50%; display:none; align-items:center; justify-content:center; }
.nav-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; }
.nav-hamburger span { width:24px; height:2px; background:var(--gold-light); border-radius:2px; transition:var(--transition); }

/* HERO */
.hero { background: linear-gradient(135deg, var(--maroon-dark) 0%, #2D0A0A 50%, var(--maroon) 100%); position:relative; overflow:hidden; min-height:88vh; display:flex; align-items:center; }
.hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C9A84C' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.hero-content { max-width:1200px; margin:0 auto; padding:80px 24px; position:relative; z-index:1; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(201,168,76,0.15); border:1px solid var(--gold); color:var(--gold-light); padding:6px 16px; border-radius:20px; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:20px; }
.hero h1 { font-size:clamp(36px,5vw,60px); color:var(--white); font-weight:700; line-height:1.1; margin-bottom:8px; }
.hero h1 span { color:var(--gold-light); }
.hero-sub { font-family:'Tiro Devanagari Sanskrit',serif; font-size:18px; color:var(--gold); margin-bottom:16px; }
.hero-desc { color:rgba(255,255,255,0.75); font-size:15px; line-height:1.8; margin-bottom:36px; max-width:480px; }
.hero-btns { display:flex; gap:16px; flex-wrap:wrap; }
.btn-primary { background:linear-gradient(135deg, var(--gold), var(--gold-dark)); color:var(--maroon-dark); padding:14px 32px; border-radius:var(--radius); font-weight:700; font-size:15px; text-decoration:none; transition:var(--transition); border:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(201,168,76,0.4); }
.btn-outline { background:transparent; color:var(--gold-light); border:2px solid var(--gold); padding:14px 32px; border-radius:var(--radius); font-weight:600; font-size:15px; text-decoration:none; transition:var(--transition); cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
.btn-outline:hover { background:rgba(201,168,76,0.1); }
.hero-img-wrap { position:relative; }
.hero-img-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.hero-img-grid img { width:100%; height:240px; object-fit:cover; border-radius:var(--radius-lg); border:2px solid rgba(201,168,76,0.3); transition:var(--transition); }
.hero-img-grid img:hover { transform:scale(1.03); border-color:var(--gold); }
/* Removed first-child special styling */
.hero-stats { display:flex; gap:24px; margin-top:32px; }
.hero-stat { text-align:center; }
.hero-stat .num { font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:700; color:var(--gold-light); }
.hero-stat .lbl { font-size:11px; color:rgba(255,255,255,0.6); text-transform:uppercase; letter-spacing:1px; }

/* DIVIDER */
.ornamental-divider { text-align:center; padding:16px 0; }
.ornamental-divider span { color:var(--gold); font-size:20px; letter-spacing:8px; }

/* SECTION */
.section { padding:64px 24px; }
.section-header { text-align:center; margin-bottom:48px; }
.section-header .tag { display:inline-block; color:var(--gold); font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom:12px; }
.section-header h2 { font-size:clamp(28px,4vw,42px); color:var(--maroon-dark); margin-bottom:12px; }
.section-header p { color:var(--text-muted); max-width:480px; margin:0 auto; }
.section-inner { max-width:1200px; margin:0 auto; }

/* CATEGORY CARDS */
.categories-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
.category-card { background:var(--white); border-radius:var(--radius-lg); overflow:hidden; border:2px solid transparent; transition:var(--transition); cursor:pointer; text-decoration:none; display:block; }
.category-card:hover { border-color:var(--gold); transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.category-card img { width:100%; height:220px; object-fit:cover; transition:var(--transition); }
.category-card:hover img { transform:scale(1.05); }
.category-card-body { padding:20px; background:linear-gradient(to bottom, var(--white), var(--cream)); }
.category-card-body h3 { font-size:20px; color:var(--maroon-dark); margin-bottom:6px; }
.category-card-body p { font-size:13px; color:var(--text-muted); margin-bottom:14px; }
.category-card-body .link { color:var(--gold-dark); font-size:13px; font-weight:700; display:flex; align-items:center; gap:6px; }

/* PRODUCT GRID */
.products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:24px; }
.product-card { background:var(--white); border-radius:var(--radius-lg); overflow:hidden; border:1.5px solid rgba(201,168,76,0.2); transition:var(--transition); position:relative; }
.product-card:hover { border-color:var(--gold); transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.product-badge { position:absolute; top:12px; left:12px; background:var(--maroon); color:var(--gold-light); font-size:10px; font-weight:700; padding:4px 10px; border-radius:20px; letter-spacing:0.5px; z-index:2; }
.discount-tag { position:absolute; top:12px; right:12px; background:var(--gold); color:var(--maroon-dark); font-size:10px; font-weight:800; padding:4px 10px; border-radius:20px; z-index:2; }
.product-img-wrap { height:220px; overflow:hidden; cursor:pointer; background:var(--cream-dark); }
.product-img-wrap img { width:100%; height:100%; object-fit:cover; transition:var(--transition); }
.product-card:hover .product-img-wrap img { transform:scale(1.08); }
.product-info { padding:16px; }
.product-name { font-family:'Cormorant Garamond',serif; font-size:16px; color:var(--maroon-dark); margin-bottom:10px; cursor:pointer; line-height:1.4; }
.product-name:hover { color:var(--gold-dark); }
.product-price-row { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.product-price { font-size:18px; font-weight:700; color:var(--maroon); }
.product-mrp { font-size:13px; color:var(--text-muted); text-decoration:line-through; }
.btn-add-cart { width:100%; background:linear-gradient(135deg, var(--maroon), var(--maroon-light)); color:var(--gold-light); border:none; border-radius:var(--radius); padding:12px; font-size:13px; font-weight:700; cursor:pointer; transition:var(--transition); letter-spacing:0.5px; }
.btn-add-cart:hover { background:linear-gradient(135deg, var(--gold-dark), var(--gold)); color:var(--maroon-dark); transform:translateY(-1px); }

/* FILTER BAR */
.filter-bar { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:40px; }
.filter-btn { padding:10px 24px; border-radius:30px; border:2px solid rgba(201,168,76,0.4); background:transparent; color:var(--text-mid); font-size:14px; font-weight:600; cursor:pointer; transition:var(--transition); font-family:'Inter',sans-serif; }
.filter-btn:hover { border-color:var(--gold); color:var(--maroon); }
.filter-btn.active { background:var(--maroon); border-color:var(--maroon); color:var(--gold-light); }

/* TRUST SECTION */
.trust-bar { background:var(--maroon-dark); padding:40px 24px; }
.trust-grid { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:24px; }
.trust-item { text-align:center; color:var(--white); }
.trust-icon { font-size:32px; margin-bottom:10px; }
.trust-item h4 { font-size:15px; color:var(--gold-light); margin-bottom:4px; }
.trust-item p { font-size:12px; color:rgba(255,255,255,0.6); }

/* FOOTER */
footer { background: #0D0404; color:rgba(255,255,255,0.7); }
.footer-top { max-width:1200px; margin:0 auto; padding:56px 24px 40px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:48px; }
.footer-brand h2 { font-family:'Cormorant Garamond',serif; font-size:24px; color:var(--gold-light); margin-bottom:6px; }
.footer-brand .tagline { font-family:'Tiro Devanagari Sanskrit',serif; color:var(--gold); font-size:13px; margin-bottom:12px; }
.footer-brand p { font-size:13px; line-height:1.8; color:rgba(255,255,255,0.6); }
.footer-col h4 { color:var(--gold-light); font-size:14px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:16px; }
.footer-col a { display:block; color:rgba(255,255,255,0.6); text-decoration:none; font-size:13px; margin-bottom:10px; transition:var(--transition); }
.footer-col a:hover { color:var(--gold-light); }
.footer-bottom { border-top:1px solid rgba(201,168,76,0.2); padding:16px 24px; text-align:center; font-size:12px; color:rgba(255,255,255,0.4); }

/* TOAST */
.toast { position:fixed; bottom:80px; left:50%; transform:translateX(-50%) translateY(20px); background:var(--maroon-dark); color:var(--gold-light); padding:12px 24px; border-radius:var(--radius); border:1px solid var(--gold); font-size:14px; font-weight:600; z-index:9999; opacity:0; transition:var(--transition); white-space:nowrap; }
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

/* CART PAGE */
.cart-wrap { max-width:960px; margin:40px auto; padding:0 24px; }
.cart-item { display:flex; gap:16px; padding:20px; background:var(--white); border-radius:var(--radius-lg); margin-bottom:16px; border:1px solid rgba(201,168,76,0.2); align-items:center; }
.cart-item img { width:80px; height:80px; object-fit:cover; border-radius:var(--radius); border:1px solid var(--cream-dark); }
.cart-item-info { flex:1; }
.cart-item-name { font-family:'Cormorant Garamond',serif; font-size:16px; color:var(--maroon-dark); margin-bottom:4px; }
.cart-item-price { font-size:15px; font-weight:700; color:var(--maroon); }
.qty-control { display:flex; align-items:center; gap:10px; margin-top:10px; }
.qty-btn { width:30px; height:30px; border-radius:50%; border:2px solid var(--gold); background:transparent; color:var(--maroon); font-size:16px; font-weight:700; cursor:pointer; transition:var(--transition); display:flex; align-items:center; justify-content:center; }
.qty-btn:hover { background:var(--gold); color:var(--maroon-dark); }
.qty-val { font-size:16px; font-weight:700; min-width:24px; text-align:center; }
.remove-btn { color:var(--text-muted); cursor:pointer; font-size:20px; background:none; border:none; padding:4px; transition:var(--transition); }
.remove-btn:hover { color:#e53e3e; }
.cart-summary { background:var(--white); border-radius:var(--radius-lg); padding:24px; border:2px solid var(--gold); position:sticky; top:80px; }
.cart-summary h3 { font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--maroon-dark); margin-bottom:20px; }
.summary-row { display:flex; justify-content:space-between; margin-bottom:12px; font-size:14px; }
.summary-total { font-size:20px; font-weight:700; color:var(--maroon); border-top:1px solid var(--cream-dark); padding-top:16px; margin-top:8px; display:flex; justify-content:space-between; }
.cart-layout { display:grid; grid-template-columns:1fr 320px; gap:32px; align-items:start; }

/* CHECKOUT FORM */
.checkout-wrap { max-width:680px; margin:40px auto; padding:0 24px 60px; }
.form-section { background:var(--white); border-radius:var(--radius-lg); padding:32px; margin-bottom:24px; border:1px solid rgba(201,168,76,0.2); }
.form-section h2 { font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--maroon-dark); margin-bottom:24px; padding-bottom:12px; border-bottom:1px solid var(--cream-dark); }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-size:13px; font-weight:600; color:var(--text-mid); margin-bottom:6px; letter-spacing:0.3px; }
.form-group input, .form-group textarea, .form-group select { width:100%; padding:12px 16px; border:1.5px solid rgba(201,168,76,0.3); border-radius:var(--radius); font-size:15px; color:var(--text-dark); background:var(--cream); font-family:'Inter',sans-serif; transition:var(--transition); outline:none; }
.form-group input:focus, .form-group textarea:focus { border-color:var(--gold); background:var(--white); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.order-items-preview { background:var(--cream); border-radius:var(--radius); padding:16px; margin-bottom:16px; }
.order-item-row { display:flex; justify-content:space-between; font-size:14px; padding:8px 0; border-bottom:1px solid rgba(201,168,76,0.2); }
.order-item-row:last-child { border:none; }
.place-order-btn { width:100%; background:linear-gradient(135deg,#25D366,#128C7E); color:#fff; border:none; border-radius:var(--radius-lg); padding:18px; font-size:16px; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:10px; transition:var(--transition); }
.place-order-btn:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(37,211,102,0.3); }

/* PAGE HEADER */
.page-header { background:linear-gradient(135deg,var(--maroon-dark),#2D0A0A); padding:48px 24px 40px; text-align:center; border-bottom:2px solid var(--gold); }
.page-header h1 { font-size:clamp(28px,4vw,44px); color:var(--gold-light); margin-bottom:8px; }
.page-header p { color:rgba(255,255,255,0.7); font-size:15px; }
.breadcrumb { display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; color:rgba(255,255,255,0.5); margin-top:12px; }
.breadcrumb a { color:var(--gold); text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline; }

/* PRODUCT DETAIL */
.product-detail-wrap { max-width:1100px; margin:40px auto; padding:0 24px 60px; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.product-detail-img { border-radius:var(--radius-lg); overflow:hidden; border:2px solid rgba(201,168,76,0.3); }
.product-detail-img img { width:100%; object-fit:cover; }
.product-detail-info h1 { font-size:32px; color:var(--maroon-dark); margin-bottom:16px; }
.product-detail-price { font-size:28px; font-weight:700; color:var(--maroon); margin-bottom:6px; }
.product-detail-mrp { font-size:16px; color:var(--text-muted); text-decoration:line-through; margin-bottom:24px; }
.product-detail-desc { color:var(--text-mid); line-height:1.8; margin-bottom:28px; }
.qty-row { display:flex; align-items:center; gap:20px; margin-bottom:20px; }
.detail-add-cart { flex:1; padding:16px; }

/* RESPONSIVE */
@media (max-width:768px) {
  .hero-content { grid-template-columns:1fr; }
  .hero-img-wrap { display:none; }
  .cart-layout { grid-template-columns:1fr; }
  .product-detail-wrap { grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1fr; gap:32px; }
  .nav-links { display:none; }
  .nav-hamburger { display:flex; }
  .form-grid { grid-template-columns:1fr; }
  .nav-links.open { display:flex; flex-direction:column; position:absolute; top:64px; left:0; right:0; background:var(--maroon-dark); border-bottom:2px solid var(--gold); padding:16px 24px; gap:4px; }
}

/* ANIMATIONS */
@keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
.fade-up { animation:fadeUp 0.6s ease forwards; }
@keyframes shimmer { 0%,100%{opacity:0.6} 50%{opacity:1} }
.loading-shimmer { animation:shimmer 1.5s infinite; background:var(--cream-dark); border-radius:var(--radius); }

/* SEARCH BOX */
.search-wrap { position:relative; max-width:400px; margin:0 auto 32px; }
.search-wrap input { width:100%; padding:12px 16px 12px 44px; border:2px solid rgba(201,168,76,0.3); border-radius:30px; background:var(--white); font-size:15px; color:var(--text-dark); outline:none; transition:var(--transition); }
.search-wrap input:focus { border-color:var(--gold); }
.search-wrap .search-icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--gold-dark); font-size:18px; }