/* === Orange theme (MapleMart-like) === */
:root{
  --mm-primary:#f97316;   /* orange-500 */
  --mm-primary-2:#fb923c; /* orange-400 */
  --mm-text:#0f172a;
  --mm-muted:#6b7280;
  --mm-star:#f59e0b;      /* amber */
}
body{background:#f6f9fc;color:var(--mm-text)}
.mm-hero{
  background:linear-gradient(135deg,var(--mm-primary),var(--mm-primary-2));
  color:#fff
}
.mm-logo{font-weight:800;letter-spacing:.3px}
.mm-nav a{color:#fff;opacity:.95;text-decoration:none}
.mm-nav a:hover{opacity:1}
.mm-glass{background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(6px)}

.mm-card{border:1px solid #eef2f7;border-radius:16px;overflow:hidden;
  box-shadow:0 4px 18px rgba(2,8,23,.06);transition:transform .2s,box-shadow .2s}
.mm-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(2,8,23,.09)}
.mm-thumb{aspect-ratio:1/1;object-fit:cover;background:#f1f5f9}
.mm-title{font-weight:600;font-size:.95rem;color:var(--mm-text);line-height:1.4}
.mm-cat{font-size:.8rem;color:var(--mm-muted)}
.mm-price{font-weight:800}
.mm-stars{color:var(--mm-star);font-size:.9rem}

.mm-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:12px;
  border:1px solid var(--mm-primary);background:var(--mm-primary);color:#fff;
  padding:.5rem .9rem}
.mm-btn:hover{background:#ea580c;border-color:#ea580c;color:#fff}

.mm-badge{display:inline-block;background:#fff0e6;color:#9a3412;border-radius:999px;
  padding:.2rem .6rem;font-size:.75rem}

.mm-qty{max-width:120px}

/* Auth cards */
.auth-card{max-width:480px;margin-inline:auto}
.auth-card .card{border-radius:20px;border:1px solid #f1f5f9}
.auth-title{font-weight:800}
.auth-muted{color:var(--mm-muted)}
/* ==== Home: Featured Categories (Orange theme) ==== */
.mm-section-title{font-weight:800;color:var(--mm-text);margin:1.25rem 0}
.mm-cat-tile{border:1px solid #eef2f7;border-radius:20px;overflow:hidden;background:#fff;
  box-shadow:0 6px 20px rgba(2,8,23,.06);transition:transform .2s, box-shadow .2s}
.mm-cat-tile:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(2,8,23,.09)}
.mm-cat-bg{height:180px;background:var(--tile,#f97316);border-radius:16px;margin:14px;transition:outline .15s}
.mm-cat-tile:hover .mm-cat-bg{outline:3px solid rgba(249,115,22,.55)}
.mm-cat-caption{padding:.9rem 1rem;background:#fff;font-weight:600;color:var(--mm-text)}
/* ==== Home: Top Sellers (orange theme) ==== */
.section-head{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 .75rem}
.section-head a{color:#f97316;text-decoration:none}
.mm-prod-card{border:1px solid #eef2f7;border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 6px 20px rgba(2,8,23,.06);transition:transform .2s,box-shadow .2s}
.mm-prod-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(2,8,23,.09)}
.mm-prod-img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:12px;margin:12px}
.mm-meta{font-size:.9rem;color:var(--mm-muted)}
.mm-btn-block{width:100%;border-radius:12px;padding:.65rem 1rem}
/* ==== Info trio + Testimonials ==== */
.mm-soft-card{
  background:#fff;border:1px solid #eef2f7;border-radius:20px;
  padding:24px;box-shadow:0 8px 32px rgba(2,8,23,.04)
}
.mm-soft-card .title{font-weight:800;margin-bottom:.5rem;color:var(--mm-text)}
.mm-why-list{margin:0;padding:0;list-style:none}
.mm-why-list li{display:flex;align-items:center;gap:.6rem;margin:.5rem 0;color:#334155}
.mm-dot{width:.85rem;height:.85rem;border-radius:999px;display:inline-block}
.mm-dot--green{background:#16a34a}
.mm-dot--orange{background:#f97316}
.mm-dot--yellow{background:#f59e0b}

.mm-cta{display:inline-flex;align-items:center;gap:.5rem;border-radius:12px;
  border:1px solid var(--mm-primary);background:var(--mm-primary);color:#fff;
  padding:.55rem 1rem;text-decoration:none}
.mm-cta:hover{background:#ea580c;border-color:#ea580c;color:#fff}

.mm-quote-card{background:#fff;border:1px solid #eef2f7;border-radius:18px;
  padding:18px 20px;box-shadow:0 6px 24px rgba(2,8,23,.05);font-size:.95rem;color:#334155}
.mm-quote{font-style:italic}
.mm-quote-author{color:#64748b;margin-top:.4rem}
/* ==== Store filter bar ==== */
.mm-filterbar{background:#fff;border:1px solid #eef2f7;border-radius:16px;padding:.6rem;box-shadow:0 6px 20px rgba(2,8,23,.06);position:sticky;top:12px;z-index:5}
.mm-chip{display:inline-block;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;color:#334155;text-decoration:none;margin:.2rem}
.mm-chip:hover{border-color:#cbd5e1}
.mm-chip.active{background:var(--mm-primary);border-color:var(--mm-primary);color:#fff}

/* ==== Article cards (Blog) ==== */
.mm-article-card{border:1px solid #eef2f7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(2,8,23,.06);transition:transform .2s,box-shadow .2s}
.mm-article-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(2,8,23,.09)}
.mm-article-thumb{aspect-ratio:16/9;object-fit:cover;width:100%}
.mm-article-meta{font-size:.85rem;color:#64748b}
#store-map{height:320px;border-radius:16px;box-shadow:0 6px 18px rgba(2,8,23,.06)}
