/* ============================================================
   ANOKHI CREATION — Shared Stylesheet
   Light glassmorphism theme, warm Indian palette
   NOTE: For local dev use: python3 -m http.server 8080
   ============================================================ */

:root {
  --primary:       #c8773a;
  --primary-light: #e8a06a;
  --primary-dark:  #a05a20;
  --accent:        #d4a853;
  --accent-light:  #f0cc80;
  --bg:            #fdf8f3;
  --bg-alt:        #fef5ea;
  --glass-bg:      rgba(255,255,255,0.55);
  --glass-border:  rgba(200,119,58,0.18);
  --glass-shadow:  0 8px 32px rgba(160,90,32,0.10);
  --text:          #2d1f0e;
  --text-muted:    #7a5c3a;
  --text-light:    #b08060;
  --border:        rgba(200,119,58,0.15);
  --radius:        16px;
  --radius-sm:     8px;
  --radius-lg:     24px;
  --transition:    0.3s cubic-bezier(0.4,0,0.2,1);
  --font-heading:  'Playfair Display', Georgia, serif;
  --font-body:     'Inter', system-ui, sans-serif;
  --nav-h:         96px; /* Slightly taller for larger logo */
  --shadow-sm:     0 2px 8px rgba(160,90,32,0.08);
  --shadow-md:     0 4px 20px rgba(160,90,32,0.12);
  --shadow-lg:     0 8px 40px rgba(160,90,32,0.16);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--font-body); background:var(--bg); color:var(--text); line-height:1.6; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }
input,textarea,select { font-family:inherit; }

.container { max-width:1200px; margin:0 auto; padding:0 24px; }

/* Glass */
.glass-card {
  background:var(--glass-bg);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:var(--glass-shadow);
}

/* Buttons */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:12px 28px; border-radius:50px;
  font-size:0.9rem; font-weight:600; letter-spacing:0.02em;
  transition:var(--transition); cursor:pointer; border:2px solid transparent;
}
.btn-primary {
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));
  color:#fff; border-color:var(--primary);
  box-shadow:0 4px 16px rgba(200,119,58,0.35);
}
.btn-primary:hover { background:linear-gradient(135deg,var(--primary-dark),var(--primary)); transform:translateY(-2px); box-shadow:0 6px 24px rgba(200,119,58,0.45); }
.btn-outline { background:transparent; color:var(--primary); border-color:var(--primary); }
.btn-outline:hover { background:var(--primary); color:#fff; transform:translateY(-2px); }
.btn-sm { padding:8px 18px; font-size:0.82rem; }
.btn-full { width:100%; justify-content:center; }

/* Section */
.section { padding:88px 0; }
.section-header { text-align:center; margin-bottom:52px; }
.section-tag {
  display:inline-block; font-size:0.75rem; font-weight:600;
  letter-spacing:0.12em; text-transform:uppercase; color:var(--primary);
  background:rgba(200,119,58,0.1); padding:5px 14px; border-radius:50px; margin-bottom:10px;
}
.section-title { font-family:var(--font-heading); font-size:clamp(1.8rem,4vw,2.8rem); font-weight:700; color:var(--text); line-height:1.2; }
.section-desc { margin-top:10px; color:var(--text-muted); font-size:1rem; max-width:560px; margin-left:auto; margin-right:auto; }

/* ---- NAVBAR ---- */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:var(--nav-h);
  background:rgba(253, 248, 243, 0.45);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border-bottom:1px solid rgba(200,119,58,0.15);
  box-shadow: 0 4px 30px rgba(160,90,32,0.03);
  transition:var(--transition);
}
.navbar.scrolled {
  background:rgba(253, 248, 243, 0.88);
  box-shadow:0 8px 32px rgba(160, 90, 32, 0.12);
  border-bottom-color:rgba(200,119,58,0.24);
}
.nav-container {
  max-width:1200px; margin:0 auto; padding:0 24px;
  height:100%; display:flex; align-items:center; justify-content:space-between;
}
.nav-logo { display:flex; align-items:center; }
.logo-img { 
  height:76px; 
  border-radius: 20px;
  width:auto; 
  object-fit:contain; 
  will-change:transform; 
  transition:transform var(--transition); 
  filter: drop-shadow(0 4px 10px rgba(160, 90, 32, 0.25));
}
.logo-img:hover { transform:scale(1.05); }
.nav-links { display:flex; align-items:center; gap:4px; }
.nav-link {
  padding:8px 14px; border-radius:8px; font-size:0.88rem; font-weight:500;
  color:var(--text-muted); transition:var(--transition);
}
.nav-link:hover,.nav-link.active { color:var(--primary); background:rgba(200,119,58,0.09); }
.nav-toggle { display:none; flex-direction:column; gap:5px; padding:8px; }
.nav-toggle span { display:block; width:24px; height:2px; background:var(--text); border-radius:2px; transition:var(--transition); }

/* ---- NAVBAR SEARCH BAR ---- */
.nav-search-box {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 12px;
}
.nav-search-input {
  width: 160px;
  padding: 8px 36px 8px 16px;
  border-radius: 50px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.6);
  font-size: 0.8rem;
  outline: none;
  transition: var(--transition);
  color: var(--text);
}
.nav-search-input:focus {
  width: 220px;
  border-color: var(--primary);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(200,119,58,0.1);
}
.nav-search-btn {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  font-size: 0.82rem;
  color: var(--text-light);
  pointer-events: none;
}

/* ---- PAGE HERO (inner pages) ---- */
.page-hero {
  padding-top:calc(var(--nav-h) + 48px);
  padding-bottom:48px;
  background:linear-gradient(135deg,var(--bg-alt) 0%,var(--bg) 100%);
  text-align:center;
}
.page-hero-tag { display:inline-block; font-size:0.75rem; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--primary); background:rgba(200,119,58,0.1); padding:5px 14px; border-radius:50px; margin-bottom:12px; }
.page-hero h1 { font-family:var(--font-heading); font-size:clamp(2rem,5vw,3.2rem); font-weight:700; color:var(--text); }
.page-hero p { margin-top:10px; color:var(--text-muted); font-size:1rem; max-width:520px; margin-left:auto; margin-right:auto; }

/* ---- HERO (home) ---- */
.hero {
  min-height:100vh;
  padding-top:var(--nav-h);
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:48px;
  max-width:1200px;
  margin:0 auto;
  padding-left:24px; padding-right:24px; padding-bottom:60px;
  position:relative;
}
.hero-bg {
  position:fixed; inset:0;
  background:
    radial-gradient(ellipse 60% 50% at 80% 20%,rgba(212,168,83,0.12) 0%,transparent 60%),
    radial-gradient(ellipse 50% 60% at 10% 80%,rgba(200,119,58,0.08) 0%,transparent 60%);
  pointer-events:none; z-index:-1;
}
.hero-badge {
  display:inline-block; font-size:0.75rem; font-weight:600; letter-spacing:0.1em;
  text-transform:uppercase; color:var(--primary);
  background:rgba(200,119,58,0.1); border:1px solid rgba(200,119,58,0.2);
  padding:6px 16px; border-radius:50px; margin-bottom:20px;
}
.hero-title { font-family:var(--font-heading); font-size:clamp(2.8rem,6vw,4.5rem); font-weight:700; line-height:1.1; color:var(--text); margin-bottom:20px; }
.hero-title .accent { color:var(--primary); }
.hero-subtitle { font-size:1.05rem; color:var(--text-muted); line-height:1.7; max-width:480px; margin-bottom:36px; }
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:48px; }
.hero-stats { display:flex; gap:32px; }
.stat { display:flex; flex-direction:column; }
.stat-num { font-family:var(--font-heading); font-size:1.8rem; font-weight:700; color:var(--primary); line-height:1; }
.stat-label { font-size:0.75rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.08em; margin-top:4px; }

/* Hero image grid — organic bobbing floating collage */
.hero-image-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:18px;
  align-self:center;
}
.hero-img-card {
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(160,90,32,0.15);
  border: 1px solid rgba(200,119,58,0.12);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  will-change:transform;
}
.hero-img-card img { 
  width:100%; 
  height:240px; 
  object-fit:cover; 
  display:block; 
  transition: transform 0.8s ease;
}
.card1 { 
  grid-row:span 2; 
  border-radius:var(--radius-lg); 
}
.card1 img {
  height: 500px;
}
.hero-img-card:hover { 
  transform:scale(1.04) translateY(-5px); 
  box-shadow: 0 20px 40px rgba(160,90,32,0.25);
  border-color: rgba(200,119,58,0.3);
}
.hero-img-card:hover img {
  transform: scale(1.08);
}

/* Out-of-sync Bobbing animations */
.card1 { animation: float-gentle 6s ease-in-out infinite; }
.card2 { animation: float-delayed 7s ease-in-out infinite; }
.card3 { animation: float-gentle 8s ease-in-out infinite; }
.card4 { animation: float-delayed 5s ease-in-out infinite; }

@keyframes float-gentle {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}
@keyframes float-delayed {
  0% { transform: translateY(0px); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}

/* ---- MARQUEE ---- */
.marquee-strip { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; padding:13px 0; overflow:hidden; white-space:nowrap; }
.marquee-track { display:inline-block; animation:marquee 32s linear infinite; font-size:0.83rem; font-weight:500; letter-spacing:0.05em; }
.marquee-track span { margin:0 16px; }
.marquee-track .dot { color:var(--accent-light); }
@keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ---- ABOUT ---- */
.about-section { background:var(--bg-alt); }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.about-lead { font-size:1.1rem; line-height:1.8; color:var(--text); margin-bottom:16px; }
.about-text p { color:var(--text-muted); margin-bottom:24px; line-height:1.8; }
.about-actions { display:flex; gap:16px; flex-wrap:wrap; }
.logo-showcase { display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:32px; flex-wrap:wrap; }
.about-logo { height:60px; width:auto; object-fit:contain; filter:drop-shadow(0 2px 8px rgba(160,90,32,0.15)); transition:transform var(--transition); }
.about-logo:hover { transform:scale(1.08); }
.about-logo-main { height:80px; }
.about-values { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.value-card { padding:20px 16px; text-align:center; }
.value-icon { font-size:1.4rem; color:var(--primary); margin-bottom:8px; }
.value-card h4 { font-family:var(--font-heading); font-size:0.95rem; font-weight:600; color:var(--text); margin-bottom:6px; }
.value-card p { font-size:0.78rem; color:var(--text-muted); }

/* ---- CATALOG ---- */
.catalog-section { background:var(--bg); }
.catalog-toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:28px; justify-content:space-between; }
.catalog-toolbar-left { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.category-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.cat-tab {
  padding:8px 18px; border-radius:50px; font-size:0.83rem; font-weight:500;
  color:var(--text-muted); background:var(--glass-bg); border:1px solid var(--border);
  transition:var(--transition); cursor:pointer;
}
.cat-tab:hover,.cat-tab.active { background:var(--primary); color:#fff; border-color:var(--primary); box-shadow:0 4px 12px rgba(200,119,58,0.3); }
.catalog-search { position:relative; min-width:240px; }
.search-input {
  width:100%; padding:10px 42px 10px 16px; border-radius:50px;
  border:1px solid var(--border); background:var(--glass-bg);
  backdrop-filter:blur(8px); font-size:0.88rem; color:var(--text);
  outline:none; transition:var(--transition);
}
.search-input:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(200,119,58,0.12); }
.search-icon { position:absolute; right:14px; top:50%; transform:translateY(-50%); color:var(--text-light); pointer-events:none; }
.share-catalog-btn { display:flex; align-items:center; gap:6px; padding:9px 18px; border-radius:50px; font-size:0.82rem; font-weight:600; color:var(--primary); background:rgba(200,119,58,0.08); border:1px solid rgba(200,119,58,0.2); transition:var(--transition); cursor:pointer; }
.share-catalog-btn:hover { background:var(--primary); color:#fff; }

.products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:22px; }
.product-card {
  background:var(--glass-bg); backdrop-filter:blur(12px);
  border:1px solid var(--glass-border); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-sm); transition:var(--transition); cursor:pointer;
}
.product-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); border-color:rgba(200,119,58,0.3); }
.product-img-wrap { position:relative; aspect-ratio:1; overflow:hidden; background:#f5ede3; }
.product-img-wrap img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.product-card:hover .product-img-wrap img { transform:scale(1.08); }
.product-tag { position:absolute; top:10px; left:10px; font-size:0.68rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:3px 9px; border-radius:50px; background:var(--primary); color:#fff; }
.product-tag.new { background:#2e7d32; }
.product-tag.offer { background:#d32f2f; }
.product-info { padding:14px; }
.product-cat-label { font-size:0.68rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary); margin-bottom:5px; }
.product-name { font-family:var(--font-heading); font-size:0.92rem; font-weight:600; color:var(--text); margin-bottom:10px; line-height:1.3; }
.product-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.product-price { font-size:0.95rem; font-weight:700; color:var(--primary-dark); }
.product-price .original-price { font-size:0.78rem; font-weight:400; color:var(--text-light); text-decoration:line-through; margin-left:4px; }
.product-actions { display:flex; gap:6px; }
.product-buy-btn { font-size:0.72rem; font-weight:600; color:var(--primary); background:rgba(200,119,58,0.1); border:1px solid rgba(200,119,58,0.2); padding:4px 10px; border-radius:50px; transition:var(--transition); }
.product-buy-btn:hover { background:var(--primary); color:#fff; }
.product-share-btn { font-size:0.72rem; font-weight:600; color:var(--text-muted); background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.08); padding:4px 10px; border-radius:50px; transition:var(--transition); }
.product-share-btn:hover { background:var(--text-muted); color:#fff; }
.no-results { text-align:center; padding:64px 24px; color:var(--text-muted); }

/* Toast */
.toast {
  position:fixed; bottom:32px; left:50%; transform:translateX(-50%) translateY(20px);
  background:#2d1f0e; color:#fff; padding:12px 24px; border-radius:50px;
  font-size:0.88rem; font-weight:500; z-index:9999;
  opacity:0; transition:all 0.3s ease; pointer-events:none;
}
.toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

/* ---- PRODUCT MODAL ---- */
.modal-overlay {
  position:fixed; inset:0; background:rgba(45,31,14,0.55);
  backdrop-filter:blur(6px); z-index:2000;
  display:flex; align-items:center; justify-content:center; padding:24px;
  opacity:0; pointer-events:none; transition:opacity var(--transition);
}
.modal-overlay.open { opacity:1; pointer-events:all; }
.modal-box {
  max-width:700px; width:100%; max-height:90vh; overflow-y:auto;
  position:relative; padding:32px;
  transform:scale(0.95); transition:transform var(--transition);
}
.modal-overlay.open .modal-box { transform:scale(1); }
.modal-close {
  position:absolute; top:14px; right:14px; width:34px; height:34px;
  border-radius:50%; background:rgba(200,119,58,0.1); color:var(--text);
  font-size:1.3rem; display:flex; align-items:center; justify-content:center; transition:var(--transition);
}
.modal-close:hover { background:var(--primary); color:#fff; }
.modal-product { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.modal-img { border-radius:var(--radius); overflow:hidden; aspect-ratio:1; }
.modal-img img { width:100%; height:100%; object-fit:cover; }
.modal-details h2 { font-family:var(--font-heading); font-size:1.4rem; font-weight:700; color:var(--text); margin-bottom:6px; }
.modal-cat { font-size:0.75rem; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--primary); margin-bottom:12px; }
.modal-price { font-size:1.5rem; font-weight:700; color:var(--primary-dark); margin-bottom:6px; }
.modal-original-price { font-size:0.9rem; color:var(--text-light); text-decoration:line-through; margin-bottom:16px; }
.modal-offer-badge { display:inline-block; background:#d32f2f; color:#fff; font-size:0.75rem; font-weight:700; padding:3px 10px; border-radius:50px; margin-bottom:16px; }
.modal-desc { font-size:0.88rem; color:var(--text-muted); line-height:1.7; margin-bottom:20px; }
.modal-buy-links { display:flex; flex-direction:column; gap:10px; }
.modal-buy-links a {
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:11px 20px; border-radius:50px; font-size:0.88rem; font-weight:600; transition:var(--transition);
}
.buy-amazon { background:#ff9900; color:#111; }
.buy-amazon:hover { background:#e68900; transform:translateY(-2px); }
.buy-flipkart { background:#2874f0; color:#fff; }
.buy-flipkart:hover { background:#1a5fd4; transform:translateY(-2px); }
.buy-indiamart { background:#00a651; color:#fff; }
.buy-indiamart:hover { background:#007a3d; transform:translateY(-2px); }
.modal-share-row { margin-top:14px; display:flex; gap:8px; }
.modal-share-btn { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; padding:9px; border-radius:50px; font-size:0.8rem; font-weight:600; color:var(--text-muted); background:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.08); transition:var(--transition); cursor:pointer; }
.modal-share-btn:hover { background:var(--text-muted); color:#fff; }

/* ---- VIDEOS ---- */
.videos-section { background:var(--bg-alt); }
.videos-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; margin-bottom:24px; }
.videos-grid-shorts { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:40px; }
.video-card { overflow:hidden; cursor:pointer; }
.video-thumbnail-wrap {
  position: relative;
  aspect-ratio: 16/9;
  background: #1a1008;
  overflow: hidden;
  border-radius: var(--radius) var(--radius) 0 0;
}
.video-thumbnail-wrap.shorts {
  aspect-ratio: 9/16;
}
.video-thumbnail-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.video-card:hover .video-thumbnail-wrap img {
  transform: scale(1.06);
}
.play-btn-overlay {
  position: absolute;
  inset: 0;
  background: rgba(45, 31, 14, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background var(--transition);
}
.video-card:hover .play-btn-overlay {
  background: rgba(45, 31, 14, 0.4);
}
.play-icon {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  font-size: 1.4rem;
  box-shadow: 0 4px 15px rgba(160, 90, 32, 0.25);
  transition: all var(--transition);
  padding-left: 3px; /* visual center for play arrow */
}
.video-card:hover .play-icon {
  transform: scale(1.1);
  background: var(--primary);
  color: #fff;
  box-shadow: 0 6px 20px rgba(200, 119, 58, 0.45);
}
.video-info { padding: 16px 20px; }
.video-info h4 { font-family:var(--font-heading); font-size:0.95rem; font-weight:600; color:var(--text); margin-bottom:6px; }
.video-info p { font-size:0.82rem; color:var(--text-muted); }
.youtube-cta { text-align:center; }

/* ---- SHOP ONLINE ---- */
.shop-section { background:var(--bg); }
.shop-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.shop-card {
  padding:36px 28px; text-align:center; transition:var(--transition);
  display:flex; flex-direction:column; align-items:center; gap:14px;
}
.shop-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.shop-platform-logo { 
  width:100%; 
  height:56px; 
  display:flex; 
  align-items:center; 
  justify-content:center; 
  border-radius:12px; 
  margin-bottom:4px; 
}
.shop-platform-logo svg {
  height: 38px;
  width: auto;
  max-width: 90%;
  object-fit: contain;
}
.amazon-badge { background: transparent; }
.flipkart-badge { background: transparent; }
.indiamart-badge { background: transparent; }
.shop-card h4 { font-family:var(--font-heading); font-size:1.05rem; font-weight:600; color:var(--text); }
.shop-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.6; }
.shop-btn { display:inline-block; padding:10px 24px; border-radius:50px; background:var(--primary); color:#fff; font-size:0.83rem; font-weight:600; transition:var(--transition); }
.shop-card:hover .shop-btn { background:var(--primary-dark); }

/* ---- REVIEWS ---- */
.reviews-section { background:var(--bg); }
.reviews-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:22px; }
.review-card { padding:26px; background:var(--glass-bg); backdrop-filter:blur(12px); border:1px solid var(--glass-border); border-radius:var(--radius); box-shadow:var(--shadow-sm); transition:var(--transition); }
.review-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.review-stars { color:#f59e0b; font-size:1rem; margin-bottom:10px; letter-spacing:2px; }
.review-text { font-size:0.9rem; color:var(--text-muted); line-height:1.7; margin-bottom:14px; font-style:italic; }
.review-author { display:flex; align-items:center; gap:12px; }
.review-avatar { width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent)); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:0.85rem; flex-shrink:0; }
.review-name { font-weight:600; font-size:0.88rem; color:var(--text); }
.review-meta { font-size:0.73rem; color:var(--text-light); }

/* ---- FORMS ---- */
.feedback-section { background:var(--bg-alt); }
.feedback-wrapper { max-width:680px; margin:0 auto; }
.feedback-form { padding:40px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.form-group { display:flex; flex-direction:column; gap:6px; margin-bottom:18px; }
.form-group label { font-size:0.83rem; font-weight:600; color:var(--text); }
.form-group input,.form-group textarea,.form-group select {
  padding:11px 14px; border-radius:var(--radius-sm); border:1px solid var(--border);
  background:rgba(255,255,255,0.85); font-size:0.88rem; color:var(--text);
  outline:none; transition:var(--transition);
}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(200,119,58,0.12); }
.form-group textarea { resize:vertical; min-height:100px; }
.star-rating { display:flex; gap:6px; }
.star { font-size:1.6rem; color:#ddd; cursor:pointer; transition:color 0.15s; }
.star.active,.star:hover { color:#f59e0b; }
.form-success { margin-top:14px; padding:12px 18px; background:rgba(46,125,50,0.1); border:1px solid rgba(46,125,50,0.2); border-radius:var(--radius-sm); color:#2e7d32; font-size:0.88rem; font-weight:500; text-align:center; }

/* ---- CONTACT ---- */
.contact-section { background:var(--bg); }
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:40px; align-items:start; }
.contact-info { padding:32px; }
.contact-info h3 { font-family:var(--font-heading); font-size:1.4rem; font-weight:700; color:var(--text); margin-bottom:6px; }
.contact-tagline { font-size:0.85rem; color:var(--text-muted); margin-bottom:24px; }
.contact-items { display:flex; flex-direction:column; gap:18px; margin-bottom:24px; }
.contact-item { display:flex; gap:12px; align-items:flex-start; }
.contact-icon { font-size:1.1rem; margin-top:2px; }
.contact-item strong { display:block; font-size:0.83rem; font-weight:600; color:var(--text); margin-bottom:2px; }
.contact-item p { font-size:0.85rem; color:var(--text-muted); }
.social-links { display:flex; gap:10px; flex-wrap:wrap; }
.social-btn { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:var(--transition); border:1px solid var(--border); background:var(--glass-bg); color:var(--text-muted); }
.social-btn:hover { transform:translateY(-3px); box-shadow:var(--shadow-sm); }
.social-btn.instagram:hover { background:#e1306c; color:#fff; border-color:#e1306c; }
.social-btn.youtube:hover { background:#ff0000; color:#fff; border-color:#ff0000; }
.social-btn.amazon:hover { background:#ff9900; color:#111; border-color:#ff9900; }
.social-btn.indiamart:hover { background:#00a651; color:#fff; border-color:#00a651; }
.contact-form { padding:32px; }
.contact-form h3 { font-family:var(--font-heading); font-size:1.2rem; font-weight:700; color:var(--text); margin-bottom:22px; }

/* ---- FOOTER ---- */
.footer { background:linear-gradient(135deg,#2d1f0e,#1a1008); color:rgba(255,255,255,0.85); padding:60px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,0.1); }
.footer-logo { height:48px; width:auto; object-fit:contain; margin-bottom:12px; filter:brightness(1.2); }
.footer-brand h3 { font-family:var(--font-heading); font-size:1.15rem; font-weight:700; color:#fff; margin-bottom:10px; }
.footer-brand p { font-size:0.85rem; color:rgba(255,255,255,0.6); line-height:1.7; margin-bottom:18px; }
.footer-social { display:flex; gap:10px; }
.footer-social-link { width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.1); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.7); transition:var(--transition); font-size:0.72rem; }
.footer-social-link:hover { background:var(--primary); color:#fff; transform:translateY(-2px); }
.footer-links h4 { font-size:0.82rem; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:#fff; margin-bottom:14px; }
.footer-links ul { display:flex; flex-direction:column; gap:9px; }
.footer-links a { font-size:0.85rem; color:rgba(255,255,255,0.6); transition:color var(--transition); }
.footer-links a:hover { color:var(--accent-light); }
.footer-bottom { padding:18px 0; text-align:center; font-size:0.78rem; color:rgba(255,255,255,0.4); }

/* ---- BACK TO TOP ---- */
.back-to-top { position:fixed; bottom:28px; right:28px; width:46px; height:46px; border-radius:50%; background:var(--primary); color:#fff; font-size:1.3rem; display:flex; align-items:center; justify-content:center; box-shadow:var(--shadow-md); opacity:0; pointer-events:none; transition:var(--transition); z-index:999; }
.back-to-top.visible { opacity:1; pointer-events:all; }
.back-to-top:hover { background:var(--primary-dark); transform:translateY(-3px); }

/* ---- FEATURED PRODUCTS (home) ---- */
.featured-section { background:var(--bg); }
.featured-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:22px; }
.view-all-wrap { text-align:center; margin-top:40px; }

/* ---- RESPONSIVE ---- */
@media (max-width:1024px) {
  .hero { grid-template-columns:1fr; text-align:center; }
  .hero-subtitle { margin:0 auto 36px; }
  .hero-actions { justify-content:center; }
  .hero-stats { justify-content:center; }
  .hero-image-grid { max-width:480px; margin:0 auto; grid-template-rows:200px 200px; }
  .about-grid { grid-template-columns:1fr; gap:40px; }
  .about-values { grid-template-columns:repeat(3,1fr); }
  .shop-cards { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:32px; }
  .videos-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:768px) {
  .nav-links {
    position:fixed; top:var(--nav-h); left:0; right:0;
    background:rgba(253,248,243,0.97); backdrop-filter:blur(20px);
    flex-direction:column; padding:16px 20px; gap:4px;
    border-bottom:1px solid var(--border);
    transform:translateY(-110%); opacity:0; pointer-events:none;
    transition:var(--transition); z-index:999;
  }
  .nav-links.open { transform:translateY(0); opacity:1; pointer-events:all; }
  .nav-link { padding:11px 14px; border-radius:var(--radius-sm); }
  .nav-toggle { display:flex; }
  .hero-image-grid { grid-template-rows:160px 160px; }
  .videos-grid { grid-template-columns:1fr; }
  .videos-grid-shorts { grid-template-columns:1fr; }
  .shop-cards { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .modal-product { grid-template-columns:1fr; }
  .form-row { grid-template-columns:1fr; }
  .about-values { grid-template-columns:1fr 1fr; }
  .footer-grid { grid-template-columns:1fr; gap:28px; }
  .section { padding:60px 0; }
  .catalog-toolbar { flex-direction:column; align-items:stretch; }
  .catalog-toolbar-left { flex-direction:column; }
  .category-tabs { justify-content:flex-start; }
}
@media (max-width:480px) {
  .hero-title { font-size:2.4rem; }
  .hero-image-grid { grid-template-rows:130px 130px; }
  .products-grid,.featured-grid { grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:14px; }
  .about-values { grid-template-columns:1fr; }
  .hero-stats { gap:20px; }
  .logo-img { height:48px; }
}