/* ============================================================
   Modern Minimal — general stores & electronics.
   Saaf safed, Inter ka ek hi khandan, baal barabar lakeerein,
   chapte card (uthte nahi, sirf lakeer gehri hoti hai), chaukor
   se kinare aur thanda neela accent. Header ek patli seedhi
   patti; category ke dabbe saada chaukor jin me nishan beech me.
   ============================================================ */
html[data-design="minimal"] {
  --font-display: 'Inter', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
  --radius: 8px; --radius-sm: 6px; --radius-lg: 12px;

  --ground: #F7F8FA; --surface: #FFFFFF; --raised: #F1F4F8;
  --ink: #0F172A; --muted: #475569; --faint: #64748B;
  --line: #E2E8F0; --line-soft: #EDF1F6;
  --accent: #2563EB; --accent-dark: #1D4ED8; --accent-soft: #EAF1FE; --accent-text: #1D4ED8; --on-accent: #FFFFFF;
  --ph-bg: #F1F5F9; --ph-ink: #94A3B8;
  --shadow: 0 1px 2px rgba(15,23,42,.05), 0 8px 24px -16px rgba(15,23,42,.22);
  --shadow-lg: 0 20px 50px -24px rgba(15,23,42,.3);
  --media-ratio: 1 / 1;
  color-scheme: light;
}

html[data-design="minimal"] body { font-size: 15px; letter-spacing: -.005em; }
html[data-design="minimal"] h1, html[data-design="minimal"] h2, html[data-design="minimal"] h3 { letter-spacing: -.03em; font-weight: 700; }

/* Upar ki patti: syaah nahi — safed, neeche lakeer */
html[data-design="minimal"] .util { background: var(--surface); color: var(--muted); border-bottom: 1px solid var(--line); }
html[data-design="minimal"] .lang-toggle a.on { background: var(--ink); color: var(--surface); }

/* Header: patli, blur nahi, chaukor search */
html[data-design="minimal"] .header { background: var(--surface); -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-design="minimal"] .header .wrap { min-height: 68px; }
html[data-design="minimal"] .brandmark .mark { border-radius: 8px; background: var(--ink); }
html[data-design="minimal"] .brandmark .name { font-weight: 800; letter-spacing: -.04em; }
html[data-design="minimal"] .brandmark .tag { letter-spacing: .06em; }
html[data-design="minimal"] .search input { border-radius: var(--radius-sm); background: var(--raised); border-color: transparent; }
html[data-design="minimal"] .search input:focus { border-color: var(--accent); background: var(--surface); }

/* Buttons: gol goli nahi, saaf chaukor */
html[data-design="minimal"] .btn { border-radius: var(--radius-sm); font-weight: 600; }
html[data-design="minimal"] .brand-chip,
html[data-design="minimal"] .chip { border-radius: var(--radius-sm); }

/* Banner: seedha split, tasveerein lakeer wale dabbon me */
html[data-design="minimal"] .d-hero { border-bottom: 1px solid var(--line); background: var(--surface); }
html[data-design="minimal"] .d-hero h1 { font-weight: 800; letter-spacing: -.045em; }
html[data-design="minimal"] .d-eyebrow { color: var(--accent-text); letter-spacing: .1em; }
html[data-design="minimal"] .d-pic { border: 1px solid var(--line); background: var(--surface); }
html[data-design="minimal"] .d-trust li { background: var(--raised); padding: 6px 12px; border-radius: var(--radius-sm); color: var(--ink); }

/* Category: saada chaukor dabba, nishan beech me, naam neeche */
html[data-design="minimal"] .d-cat { padding: var(--s4); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-align: center; transition: border-color .15s var(--ease); }
html[data-design="minimal"] .d-cat:hover { border-color: var(--accent); }
html[data-design="minimal"] .d-cat-media { background: var(--raised); border-radius: var(--radius-sm); }

/* Product card: chapta, lakeer, uthta nahi */
html[data-design="minimal"] .item { border-radius: var(--radius); box-shadow: none; }
@media (hover: hover) and (pointer: fine) {
  html[data-design="minimal"] .products[data-view="grid"] .item:hover { transform: none; box-shadow: var(--shadow); border-color: var(--ink); }
}
html[data-design="minimal"] .item-media { background: var(--surface); }
html[data-design="minimal"] .item-brand { letter-spacing: .06em; color: var(--faint); }
html[data-design="minimal"] .item-name { font-weight: 600; letter-spacing: -.02em; }
html[data-design="minimal"] .rate .val { font-weight: 800; letter-spacing: -.04em; }
html[data-design="minimal"] .wa { background: var(--surface); border-color: var(--line); color: var(--ink); }
html[data-design="minimal"] .wa:hover { background: var(--ink); border-color: var(--ink); color: var(--surface); }
html[data-design="minimal"] .item-warranty { background: var(--raised); color: var(--ink); border-radius: var(--radius-sm); }

/* Band: thoss neela */
html[data-design="minimal"] .band { background: var(--accent); background-image: none; color: #fff; border-radius: var(--radius-lg); }
html[data-design="minimal"] .band .btn-primary { background: #fff; color: var(--accent-dark); }

/* Footer: halka sleti rang */
html[data-design="minimal"] .footer { background: var(--surface); border-top: 1px solid var(--line); }
html[data-design="minimal"] .footer h4 { color: var(--ink); letter-spacing: .06em; }

/* Slider (agar chalu ho): chaukor, gehra neela */
html[data-design="minimal"] .slider { border-radius: var(--radius-lg); background-color: var(--ink); background-image: linear-gradient(120deg, var(--accent) 0%, transparent 70%); }

/* Product ka safha */
html[data-design="minimal"] .pdp-media { border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface); }
html[data-design="minimal"] .pdp-cta { border-radius: var(--radius-sm); }