/* =============================================
   marketplace.css — МАРКЕТПЛЕЙС
   Товары, категории, продавцы, заказы
   HappyGo 2.0 — Шаги 10-20
   ============================================= */

/* СЕТКА ТОВАРОВ */
.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}

/* КАРТОЧКА ТОВАРА */
.mp-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh);cursor:pointer;transition:transform .15s}
.mp-card:hover{transform:translateY(-2px)}
body.dark .mp-card{background:#1f3460}
.mp-card-img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:40px}
.mp-card-body{padding:9px}
.mp-card-name{font-weight:700;font-size:13px;color:var(--ink);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.dark .mp-card-name{color:#e0e0e0}
.mp-card-price{font-weight:800;font-size:15px;color:var(--g)}
.mp-card-unit{font-size:10px;color:var(--mu)}
.mp-card-seller{font-size:10px;color:var(--mu);margin-top:4px;display:flex;align-items:center;gap:3px}

/* ГОРИЗОНТАЛЬНАЯ КАРТОЧКА */
.mp-card-h{background:#fff;border-radius:12px;padding:10px;display:flex;gap:10px;box-shadow:var(--sh);cursor:pointer;margin-bottom:8px}
body.dark .mp-card-h{background:#1f3460}
.mp-card-h-img{width:72px;height:72px;border-radius:10px;background:var(--bg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px}
.mp-card-h-body{flex:1;min-width:0}
.mp-card-h-name{font-weight:700;font-size:13px;color:var(--ink);margin-bottom:2px}
body.dark .mp-card-h-name{color:#e0e0e0}
.mp-card-h-price{font-weight:800;font-size:15px;color:var(--g)}

/* КАТЕГОРИИ */
.mp-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}
.mp-cat{background:#fff;border-radius:12px;padding:12px 8px;text-align:center;cursor:pointer;border:1.5px solid var(--br);transition:all .15s}
.mp-cat:hover,.mp-cat.on{border-color:var(--g);background:var(--gp)}
body.dark .mp-cat{background:#1f3460;border-color:#2a3f6e}
.mp-cat-icon{font-size:26px;margin-bottom:5px}
.mp-cat-name{font-size:10px;font-weight:700;color:var(--tx);line-height:1.2}

/* ПРОДАВЕЦ */
.mp-seller{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg);border-radius:12px;margin:10px 0}
.mp-seller-av{width:44px;height:44px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;flex-shrink:0}
.mp-seller-name{font-weight:700;font-size:14px}
.mp-seller-verified{color:var(--g);font-size:11px;font-weight:600}

/* СТАТУСЫ ЗАКАЗОВ */
.mp-status{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:700}
.mp-status.new{background:#dbeafe;color:#1d4ed8}
.mp-status.confirmed{background:#d1fae5;color:#065f46}
.mp-status.delivering{background:#fef3c7;color:#92400e}
.mp-status.completed{background:var(--gp);color:var(--g)}
.mp-status.cancelled{background:#fee2e2;color:var(--r)}

/* ПУСТОЙ ЭКРАН */
.mp-empty{text-align:center;padding:40px 20px;color:var(--mu)}
.mp-empty-icon{font-size:48px;margin-bottom:12px}
.mp-empty-title{font-weight:700;font-size:16px;margin-bottom:6px;color:var(--tx)}