:root { --green: #00b36b; --card-bg:#fff; --muted:#7a7a7a; }
.dollam-wrapper{font-family:Arial, Tahoma, sans-serif;max-width:1100px;margin:0 auto;padding:18px;direction:rtl}
.dollam-topbar{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-bottom:14px}
.dollam-filter{display:flex;gap:8px;overflow:auto;padding-bottom:8px}
.dollam-filter button{background:transparent;border:1px solid #e6e6e6;padding:8px 14px;border-radius:8px;cursor:pointer;color:#333}
.dollam-filter button.active{background:var(--green);color:#fff;border-color:var(--green)}
.dollam-cats{display:flex;gap:12px;overflow:auto;padding:14px 0;margin-bottom:20px}
.dollam-cats .cat{width:86px;text-align:center;flex:0 0 auto}
.dollam-cats .cat img{width:70px;height:70px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 6px}
.dollam-restaurants{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.restaurant-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,0.06);transition:transform .18s ease}
.restaurant-card:hover{transform:translateY(-6px)}
.restaurant-card .media{height:150px;overflow:hidden}
.restaurant-card .media img{width:100%;height:100%;object-fit:cover}
.restaurant-card .body{padding:12px}
.restaurant-card h3{margin:0 0 6px;font-size:18px}
.restaurant-card .meta{color:var(--muted);font-size:14px;margin-bottom:8px}
.restaurant-card .cta{display:flex;gap:8px;align-items:center;justify-content:space-between}
.badge{background:#ffe9e9;color:#c0392b;padding:6px 10px;border-radius:999px;font-weight:bold;font-size:13px}
.vendor-header {
    background:#fff;
    border-radius:14px;
    padding:16px;
    margin-bottom:20px;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.vendor-menu-item {
    background:#fff;
    padding:14px;
    margin-bottom:14px;
    border-radius:10px;
    box-shadow:0 3px 10px rgba(0,0,0,.05);
}