/* === AutoKing Store Clean UI === */
.akm-store{--akm-bg:#f7f7fa;--akm-card:#ffffff;--akm-border:#e6e6ee;--akm-text:#222;--akm-sub:#6b7280;--akm-accent:#0a7;--akm-accent-2:#111;--akm-radius:16px;--akm-shadow:0 6px 20px rgba(0,0,0,.06);direction:rtl;font-family:'Cairo',system-ui,Arial,sans-serif;color:var(--akm-text)}
.akm-store *{box-sizing:border-box}
.akm-store .btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--akm-border);background:#fff;color:#111;border-radius:12px;padding:8px 12px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.akm-store .btn.small{padding:6px 10px;border-radius:10px}
.akm-store .btn.chat{background:#fff}
.akm-store .btn.whats{background:#25D366;color:#fff;border-color:#1FB354}
.akm-store .btn.call{background:#111;color:#fff;border-color:#111}
.akm-store .is-hidden{display:none!important}
.akm-store .phone-only{display:none}
@media (max-width:640px){.akm-store .phone-only{display:inline-flex}}

.akm-store .akm-hero{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#9aa3ad,#cfd3d9);min-height:210px;margin:12px 0 16px}
.akm-store .akm-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.8)}
.akm-store .akm-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.15),rgba(255,255,255,0))}
.akm-store .akm-hero .inner{position:relative;z-index:2;display:flex;gap:14px;align-items:flex-end;padding:18px;flex-wrap:wrap}
.akm-store .akm-hero .avatar{width:90px;height:90px;border-radius:50%;border:3px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden;background:#fff;flex:0 0 auto}
.akm-store .akm-hero .avatar img{width:100%;height:100%;object-fit:cover}
.akm-store .akm-hero .head{color:#fff}
.akm-store .akm-hero .title{margin:0 0 4px;font-size:24px;font-weight:800;display:flex;gap:8px;align-items:center}
.akm-store .akm-hero .badge-verified{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#3b82f6;color:#fff;align-items:center;justify-content:center;font-size:12px}
.akm-store .akm-hero .chip-whats{display:inline-flex;align-items:center;background:#25D366;color:#fff;border-radius:999px;font-size:12px;font-weight:700;padding:2px 8px}
.akm-store .akm-hero .sub{display:flex;gap:12px;flex-wrap:wrap;opacity:.95;font-size:14px}
.akm-store .akm-hero .actions{margin-inline-start:auto;display:flex;gap:8px;align-items:center}

.akm-store .akm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 16px}
.akm-store .akm-stats .card{background:var(--akm-card);border:1px solid var(--akm-border);border-radius:var(--akm-radius);padding:12px;text-align:center;box-shadow:var(--akm-shadow)}
.akm-store .akm-stats .n{font-size:20px;font-weight:800}
.akm-store .akm-stats .t{color:var(--akm-sub)}

.akm-store .akm-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.akm-store .akm-tabs .tab{padding:8px 12px;border:1px solid var(--akm-border);border-radius:12px;background:#fff;cursor:pointer}
.akm-store .akm-tabs .tab.is-active{background:var(--akm-accent);color:#fff;border-color:var(--akm-accent)}

.akm-store .akm-pane{display:none}
.akm-store .akm-pane.is-active{display:block}

.akm-store .filter{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.akm-store .filter input[type="search"], .akm-store .filter select{border:1px solid var(--akm-border);border-radius:10px;padding:8px 10px;background:#fff;min-width:190px}

.akm-store .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.akm-store .card.product{background:#fff;border:1px solid var(--akm-border);border-radius:14px;overflow:hidden;box-shadow:var(--akm-shadow);transition:transform .12s ease}
.akm-store .card.product:hover{transform:translateY(-3px)}
.akm-store .card.product .thumb img{display:block;width:100%;height:180px;object-fit:cover}
.akm-store .card.product .body{padding:10px}
.akm-store .card.product .title{font-weight:700;margin-bottom:6px}
.akm-store .card.product .meta{display:flex;justify-content:space-between;color:var(--akm-sub)}
.akm-store .card.pad{background:#fff;border:1px solid var(--akm-border);border-radius:14px;padding:14px;box-shadow:var(--akm-shadow)}

.akm-store .pager{text-align:center;margin:16px 0}
.akm-store .akm-empty{background:#fff;border:1px dashed var(--akm-border);color:var(--akm-sub);padding:14px;border-radius:14px;text-align:center}


/* Contact cards */
.akm-store .contact-cards{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.akm-store .contact-cards .contact.card{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:10px 14px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06);text-decoration:none}
.akm-store .contact-cards .contact.card .ico{font-size:16px;line-height:1}
.akm-store .contact-cards .contact.card.chat{background:#2ea7f2;color:#fff;border-color:#2ea7f2}
.akm-store .contact-cards .contact.card.whats{background:#25D366;color:#fff;border-color:#25D366}
.akm-store .contact-cards .contact.card.call{background:#111;color:#fff;border-color:#111}
.akm-store .badge-verified.small{width:18px;height:18px;font-size:11px;background:#3b82f6;color:#fff}

.akm-store .contact.card.chat{cursor:pointer}