@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --blue-deep:#0E1C6B;
  --blue:#1E3FE0;
  --blue-2:#3E5CFF;
  --blue-tint:#EAF0FF;
  --pink:#FF5FA2;
  --pink-tint:#FFE7F1;
  --gold:#FFB100;
  --ink:#151C33;
  --ink-soft:#647089;
  --bg:#F4F6FB;
  --line:#E3E8F3;
  --radius:14px;
}
*{box-sizing:border-box; margin:0; padding:0;}
img,svg,video{ max-width:100%; }
html,body{ background:var(--bg); color:var(--ink); font-family:'Vazirmatn',sans-serif; }
body{ padding-bottom:40px; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; }
.wrap{ max-width:1120px; margin:0 auto; padding:0 20px; }

/* ---------- Header ---------- */
/* هدر با position:fixed همیشه بالای صفحه ثابت می‌ماند و هنگام اسکرول به پایین محو/جابه‌جا نمی‌شود.
   چون fixed از جریان عادی صفحه خارج می‌شود، به body یک padding-top معادل ارتفاع واقعی هدر
   می‌دهیم (مقدار دقیق را جاوااسکریپت در app.js با --pg-header-h تنظیم می‌کند؛ عدد پایین فقط
   مقدار پیش‌فرض قبل از اجرای اسکریپت است). */
.sitehead{ background:#fff; border-bottom:1px solid var(--line); position:fixed; top:0; left:0; right:0; width:100%; z-index:30; }
body{ padding-top:var(--pg-header-h,72px); }
.sitehead-inner{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 20px; }
.brand{ display:flex; align-items:center; gap:8px; font-weight:800; font-size:16px; flex-shrink:0; }
.brand-name{ white-space:nowrap; }
.brand-mark{
  width:32px; height:32px; border-radius:9px;
  background:linear-gradient(160deg,var(--blue-2),var(--blue));
  color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;
  flex-shrink:0;
}
.brand-logo{ display:flex; align-items:center; flex-shrink:0; }
.brand-logo a{ display:flex; align-items:center; }
.brand-logo img{ max-height:38px; width:auto; display:block; border-radius:6px; }
.nav-links{ display:flex; align-items:center; gap:26px; font-size:14.5px; font-weight:500; }
.nav-links a{ color:var(--ink); cursor:pointer; transition:color .15s ease; }
.nav-links a:hover{ color:var(--blue); }
.nav-links a.active{ color:var(--blue); font-weight:700; }
.sitehead-actions{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.nav-cta{ background:var(--blue); color:#fff; font-size:13.5px; font-weight:600; padding:9px 18px; border-radius:8px; white-space:nowrap; }
.nav-cta-ghost{ background:#fff; color:var(--blue); border:1.5px solid var(--blue); padding:7.5px 16.5px; }

/* ---------- Hero ---------- */
.hero-outer{ padding:22px 0 0; }
.hero{
  background:linear-gradient(120deg, var(--blue-deep), var(--blue) 60%, var(--blue-2));
  border-radius:22px; position:relative; overflow:hidden;
  display:grid; grid-template-columns:1fr 340px; align-items:center; gap:20px;
  padding:40px 44px; min-height:270px;
}
@media (max-width:760px){ .hero{ grid-template-columns:1fr; padding:32px 24px; } .hero-illustration{ display:none; } }
.hero-kicker{ color:#BFD0FF; font-size:13.5px; font-weight:600; margin-bottom:10px; }
.hero h1{ color:#fff; font-size:34px; font-weight:800; line-height:1.5; }
.hero p{ color:#D7E0FF; margin-top:12px; font-size:14.5px; max-width:420px; line-height:1.9; }
.hero-features{ display:flex; gap:10px; margin-top:22px; flex-wrap:wrap; }
.hf-item{
  background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.18);
  border-radius:10px; padding:8px 12px; display:flex; align-items:center; gap:8px;
  font-size:12px; color:#fff;
}
.hero-cta{
  display:inline-block; margin-top:24px; background:#fff; color:var(--blue);
  font-weight:700; font-size:14px; padding:12px 26px; border-radius:10px;
}
.hero-illustration{
  position:relative; height:210px; display:flex; align-items:center; justify-content:center;
}
.mascot{ position:relative; width:150px; height:180px; }
.mascot .bag{
  position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:110px; height:120px; background:#fff; border-radius:18px 18px 26px 26px;
}
.mascot .bag::before{
  content:''; position:absolute; top:-22px; left:50%; transform:translateX(-50%);
  width:64px; height:44px; border:9px solid #fff; border-bottom:none;
  border-radius:32px 32px 0 0;
}
.mascot .face{
  position:absolute; bottom:56px; left:50%; transform:translateX(-50%);
  width:64px; height:64px; border-radius:50%; background:var(--pink);
  display:flex; align-items:center; justify-content:center; gap:10px;
}
.mascot .eye{ width:8px; height:8px; background:var(--blue-deep); border-radius:50%; }
.mascot .badge-pct{
  position:absolute; top:6px; right:0; background:var(--gold); color:var(--blue-deep);
  font-weight:800; font-size:13px; padding:8px 12px; border-radius:12px; transform:rotate(8deg);
}
.hero-blob{ position:absolute; border-radius:50%; background:rgba(255,255,255,0.08); }

/* ---------- Search bar ---------- */
.searchbar{
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 14px 30px rgba(20,40,120,0.09);
  margin:-30px auto 0; padding:14px 18px; max-width:1080px;
  display:flex; gap:10px; align-items:center; position:relative; z-index:5; flex-wrap:wrap;
}
.searchbar input, .searchbar select{
  border:1px solid var(--line); border-radius:8px; padding:10px 14px; font-family:inherit;
  font-size:13.5px; background:var(--bg); color:var(--ink);
}
.searchbar input{ flex:1; min-width:180px; }
.searchbar select{ min-width:130px; }
.searchbar button{
  background:var(--blue); color:#fff; padding:10px 24px; border-radius:8px; font-weight:700; font-size:13.5px;
}

/* ---------- Section headers ---------- */
.section-title{ display:flex; justify-content:space-between; align-items:baseline; margin:44px 0 18px; }
.section-title h2{ font-size:20px; font-weight:800; }
.section-title .sub{ font-size:12.5px; color:var(--ink-soft); margin-top:2px; }
.section-title .more{ font-size:13px; color:var(--blue); font-weight:600; cursor:pointer; }

/* ---------- Mall cards ---------- */
.mall-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; }
.mall-showall-btn{
  display:flex; align-items:center; justify-content:center; gap:6px; width:100%;
  background:var(--blue-tint); color:var(--blue); font-weight:700; font-size:14px;
  padding:13px 20px; border-radius:12px; border:1px solid var(--blue); margin-top:16px;
  transition:background .15s ease, color .15s ease;
}
.mall-showall-btn:hover{ background:var(--blue); color:#fff; }
.mall-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease; text-align:right;
}
.mall-card:hover{ transform:translateY(-3px); box-shadow:0 14px 26px rgba(20,40,120,0.1); }
.mall-card.selected{ outline:2px solid var(--blue); }
.mall-photo{
  height:110px; background:linear-gradient(135deg,var(--blue-tint),#fff);
  display:flex; align-items:center; justify-content:center; font-size:30px; position:relative;
}
.view-badge{
  position:absolute; top:8px; left:8px; background:rgba(21,28,51,0.72); color:#fff;
  font-size:10.5px; font-weight:600; padding:4px 9px; border-radius:999px;
  display:flex; align-items:center; gap:4px; direction:rtl;
}
.vendor-views{ font-size:10.5px; color:var(--ink-soft); margin-top:3px; display:block; }
.vendor-views.fresh{ color:var(--blue); font-weight:700; }
.mall-body{ padding:14px 16px 16px; }
.mall-name{ font-weight:700; font-size:15px; }
.mall-city{ font-size:12px; color:var(--ink-soft); margin-top:2px; }
.mall-stats{ display:flex; gap:14px; margin-top:12px; font-size:12px; color:var(--ink-soft); }
.stars{ color:var(--gold); font-size:12.5px; margin-top:8px; }
.stars b{ color:var(--ink); font-weight:700; margin-left:4px; }

/* ---------- Detail / floor directory ---------- */
.mall-page{ padding-top:22px; }
.breadcrumb{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-soft); margin-bottom:16px; }
.breadcrumb .crumb-home{ color:var(--blue); font-weight:600; }
.breadcrumb .crumb-back-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--blue-tint); color:var(--blue); font-weight:700;
  padding:8px 16px; border-radius:10px; text-decoration:none!important;
  transition:background .15s ease, transform .1s ease;
}
.breadcrumb .crumb-back-btn:hover{ background:#dde8ff; }
.breadcrumb .crumb-back-btn:active{ transform:scale(.96); }
.breadcrumb .crumb-back-btn .crumb-back-arrow{ font-size:15px; line-height:1; }
.breadcrumb .crumb-sep{ opacity:.6; }
.breadcrumb .crumb-current{ font-weight:600; color:var(--ink); }

.mall-cover{
  border-radius:22px; position:relative; overflow:hidden;
  background:linear-gradient(120deg, var(--blue-deep), var(--blue) 60%, var(--blue-2));
  padding:34px 34px 56px; color:#fff;
}
.mall-cover-icon{ font-size:50px; line-height:1; }
.mall-cover h1{ font-size:26px; font-weight:800; margin-top:12px; }
.mall-cover .tag{ color:#D7E0FF; font-size:13.5px; margin-top:6px; }
.mall-cover .stars{ margin-top:10px; }
.mall-cover .stars b{ color:#fff; }

/* پاساژهایی که تصویر دارند: ۲ سوم کادر تصویر پاساژ، ۱ سوم اطلاعات */
.mall-cover.has-photo{ display:flex; align-items:stretch; padding:0; min-height:230px; }
.mall-cover-photo{ flex:2 1 0; min-width:0; }
.mall-cover-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.mall-cover-info{ flex:1 1 0; min-width:0; padding:34px 30px; display:flex; flex-direction:column; justify-content:center; }
.mall-cover.has-photo h1{ margin-top:0; }

.mall-quickstats{
  background:#fff; border:1px solid var(--line); border-radius:14px;
  box-shadow:0 14px 30px rgba(20,40,120,0.09);
  margin:-30px 6px 0; padding:16px 20px; position:relative; z-index:2;
  display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:14px;
}
.qs-item{ display:flex; flex-direction:column; gap:4px; }
.qs-label{ font-size:11.5px; color:var(--ink-soft); }
.qs-value{ font-size:14px; font-weight:700; color:var(--ink); }

.mall-desc{ margin:20px 2px 0; font-size:13.5px; color:var(--ink-soft); line-height:2; max-width:820px; }

.mall-cover.has-avatar{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding:30px 34px; }
.mall-cover.has-avatar h1{ margin-top:0; }
.cover-avatar{ width:92px; height:92px; border-radius:50%; overflow:hidden; border:4px solid rgba(255,255,255,0.55); flex-shrink:0; background:#fff; box-shadow:0 10px 24px rgba(0,0,0,0.18); }
.cover-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }

.detail{ margin-top:26px; border:1px solid var(--line); border-radius:16px; background:#fff; overflow:hidden; }
.detail-head{ padding:26px 26px 18px; border-bottom:1px solid var(--line); }
.detail-head h3{ font-size:22px; font-weight:800; }
.detail-head p{ color:var(--ink-soft); font-size:13.5px; margin-top:6px; }
.floors-layout{ display:grid; grid-template-columns:210px 1fr; min-height:380px; }
@media (max-width:720px){ .floors-layout{ grid-template-columns:1fr; } }
.floor-tower{ border-left:1px solid var(--line); display:flex; flex-direction:column-reverse; padding:20px 14px; gap:6px; }
@media (max-width:720px){ .floor-tower{ border-left:none; border-bottom:1px solid var(--line); flex-direction:row; overflow-x:auto; } }
.floor-band{
  border-radius:8px; padding:12px 14px; text-align:right; border:1.5px solid var(--line);
  background:var(--bg); font-size:13.5px; font-weight:600; color:var(--ink-soft); flex-shrink:0;
}
.floor-band .count{ font-weight:400; font-size:11.5px; display:block; margin-top:3px; opacity:.8; }
.floor-band.active{ background:var(--blue); color:#fff; border-color:var(--blue); }
.floor-band.active .count{ color:#DCE6FF; }
.floor-content{ padding:22px 26px; }
.floor-content h4{ font-size:14px; font-weight:700; color:var(--ink-soft); margin-bottom:14px; }
.floor-controls{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.floor-controls input, .floor-controls select{
  border:1px solid var(--line); border-radius:8px; padding:9px 12px; font-family:inherit;
  font-size:13px; background:var(--bg); color:var(--ink);
}
.floor-controls input.fc-search{ flex:1 1 200px; min-width:180px; }
.floor-controls select.fc-select{ flex:0 1 160px; min-width:140px; }
.floor-meta{ font-size:12px; color:var(--ink-soft); margin-bottom:10px; }
.load-more{
  display:inline-flex; width:100%; align-items:center; justify-content:center;
  margin-top:14px; background:var(--blue-tint); color:var(--blue); font-weight:700;
  font-size:13px; padding:11px 20px; border-radius:8px; transition:background .15s ease, color .15s ease;
}
.load-more:hover{ background:var(--blue); color:#fff; }
.no-results{ padding:34px 10px; text-align:center; font-size:13px; color:var(--ink-soft); }
.product-count{ font-size:11.5px; font-weight:500; color:var(--ink-soft); }
/* کارت فروشگاه داخل پاساژ: به‌جای یک تصویر پروفایل کوچک و گرد، یک بنر مستطیلی بزرگ‌تر شبیه
   کارت پاساژها نشون داده می‌شه (کوچیک‌تر از کاور خود پاساژ، ولی محسوس‌تر از آواتار پروفایل)
   تا بیننده حس بهتری از فروشگاه بگیره. */
.vendor-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr)); gap:12px; }
.vendor-chip{
  border:1.5px solid var(--line); border-radius:12px; overflow:hidden; display:flex; flex-direction:column;
  background:#fff; text-align:right; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.vendor-chip:hover{ border-color:var(--blue); box-shadow:0 12px 22px rgba(20,40,120,0.1); transform:translateY(-2px); }
.vendor-photo{ height:78px; background:linear-gradient(135deg,var(--blue-tint),#fff); overflow:hidden; flex-shrink:0; }
.vendor-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.vendor-chip .vendor-name-cat{ padding:10px 12px 12px; }
.vendor-name-cat b{ font-size:13px; display:block; }
.vendor-name-cat span{ font-size:11px; color:var(--ink-soft); }
.products{ margin-top:20px; border-top:1px solid var(--line); padding-top:20px; }
.products h4{ font-size:15px; font-weight:800; margin-bottom:12px; }
.product-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; justify-content:start; }
.product-card{ border:1px solid var(--line); border-radius:var(--radius); background:var(--bg); overflow:hidden; transition:transform .15s ease, box-shadow .15s ease; cursor:pointer; }
.product-card:hover{ transform:translateY(-2px); box-shadow:0 12px 22px rgba(20,40,120,0.08); }
.product-img{ aspect-ratio:4/5; width:100%; background:linear-gradient(135deg,var(--blue-tint),#fff); display:flex; align-items:center; justify-content:center; font-size:26px; overflow:hidden; }
.product-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.product-body{ padding:10px 12px 12px; }
.product-name{ font-size:13px; font-weight:600; line-height:1.5; }
.product-price{ margin-top:6px; font-size:13.5px; font-weight:800; color:var(--blue); }
.product-price small{ font-size:10.5px; font-weight:500; color:var(--ink-soft); }
.empty-hint{ padding:32px 26px; font-size:13.5px; color:var(--ink-soft); }

/* ---------- صفحه اختصاصی محصول ---------- */
.product-detail{ display:flex; gap:30px; padding:28px 26px; flex-wrap:wrap; }
.product-detail-img{
  width:360px; max-width:100%; aspect-ratio:4/5; max-height:440px; border-radius:14px; overflow:hidden; flex-shrink:0;
  background:linear-gradient(135deg,var(--blue-tint),#fff); display:flex; align-items:center; justify-content:center; font-size:52px;
}
.product-detail-img img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.product-detail-info{ flex:1 1 260px; min-width:240px; }
.product-detail-info h2{ font-size:22px; font-weight:800; }
.product-detail-price{ margin-top:10px; font-size:19px; font-weight:800; color:var(--blue); }
.product-detail-price small{ font-size:12px; font-weight:500; color:var(--ink-soft); }
.product-detail-desc{ margin-top:20px; font-size:13.5px; line-height:2; color:var(--ink-soft); white-space:pre-line; max-width:520px; }
.product-detail-shop{ display:inline-flex; align-items:center; gap:6px; margin-top:26px; font-size:13px; font-weight:700; color:var(--blue); }
@media (max-width:560px){
  .product-detail{ padding:20px 16px; }
  .product-detail-img{ width:100%; max-width:100%; max-height:min(60vh,380px); aspect-ratio:4/5; margin:0 auto; }
}

/* ---------- Reviews & rating ---------- */
.reviews-section{ margin-top:22px; border-top:1px solid var(--line); padding-top:20px; }
.reviews-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.reviews-head h4{ font-size:15px; font-weight:800; }
.reviews-agg{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.reviews-agg-num{ font-size:19px; font-weight:800; color:var(--ink); }
.reviews-agg .stars{ margin-top:0; }
.reviews-agg-count{ font-size:12px; color:var(--ink-soft); }

.review-form{ background:var(--bg); border:1px solid var(--line); border-radius:var(--radius); padding:16px; margin-bottom:18px; }
.review-form-row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:10px; }
.rf-stars{ display:flex; gap:4px; direction:ltr; }
.rf-star{ font-size:24px; line-height:1; color:var(--gold); padding:2px; transition:transform .1s ease; }
.rf-star:hover, .rf-star.active{ transform:scale(1.12); }
.review-name-input{
  flex:1 1 180px; min-width:160px; border:1px solid var(--line); border-radius:8px;
  padding:9px 12px; font-family:inherit; font-size:13px; background:#fff; color:var(--ink);
}
.review-text-input{
  width:100%; border:1px solid var(--line); border-radius:8px; padding:10px 12px;
  font-family:inherit; font-size:13px; background:#fff; color:var(--ink); resize:vertical; min-height:70px;
}
.review-form-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; flex-wrap:wrap; }
.review-form-hint{ font-size:12px; color:var(--pink); font-weight:600; }
.review-submit-btn{
  background:var(--blue); color:#fff; font-weight:700; font-size:13px;
  padding:10px 22px; border-radius:8px; transition:background .15s ease;
}
.review-submit-btn:hover{ background:var(--blue-deep); }

.review-step{ }
.review-phrase-group{ margin-top:14px; }
.review-phrase-label{ font-size:12.5px; font-weight:700; color:var(--ink-soft); margin-bottom:8px; }
.review-phrase-list{ display:flex; flex-wrap:wrap; gap:8px; }
.review-phrase-chip{
  border:1px solid var(--line); border-radius:20px; padding:7px 14px; font-size:12.5px;
  font-family:inherit; background:#fff; color:var(--ink-soft); transition:all .15s ease;
}
.review-phrase-chip:hover{ border-color:var(--blue); color:var(--blue); }
.review-phrase-chip.active{ background:var(--blue); border-color:var(--blue); color:#fff; }
.review-phrase-group:has(.review-phrase-list:empty){ display:none; }

.reviews-list{ display:flex; flex-direction:column; gap:12px; }
.review-item{ border:1px solid var(--line); border-radius:12px; padding:14px 16px; background:#fff; }
.review-item-head{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:6px; }
.review-item-head b{ font-size:13.5px; }
.review-item-head .stars{ margin-top:0; font-size:12px; }
.review-date{ font-size:11.5px; color:var(--ink-soft); margin-inline-start:auto; }
.review-text{ font-size:13px; color:var(--ink-soft); line-height:1.9; }
.reviews-empty{ padding:18px 4px; }

/* ---------- ثبت فروشگاه / ورود کاسب / پنل ادمین ---------- */
.reg-page{ max-width:760px; }
.reg-steps{ display:flex; align-items:center; justify-content:center; gap:6px; margin:26px 0 30px; flex-wrap:wrap; }
.reg-step-dot{ display:flex; flex-direction:column; align-items:center; gap:6px; opacity:.45; transition:opacity .15s ease; }
.reg-step-dot.active{ opacity:1; }
.reg-step-num{
  width:30px; height:30px; border-radius:50%; background:var(--blue-tint); color:var(--blue);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px;
}
.reg-step-dot.active .reg-step-num{ background:var(--blue); color:#fff; }
.reg-step-label{ font-size:11px; color:var(--ink-soft); white-space:nowrap; }
.reg-step-line{ width:34px; height:2px; background:var(--line); margin-bottom:20px; }

.reg-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:30px 32px;
  max-width:440px; margin:0 auto 40px; text-align:right;
}
.reg-card-wide{ max-width:640px; }
.reg-card h3{ font-size:19px; font-weight:800; }
.reg-sub{ font-size:13px; color:var(--ink-soft); margin-top:8px; line-height:1.9; }
.reg-label{ display:block; font-size:12.5px; font-weight:700; color:var(--ink-soft); margin:16px 0 6px; }
.reg-input{
  width:100%; border:1px solid var(--line); border-radius:8px; padding:11px 14px; font-family:inherit;
  font-size:14px; background:var(--bg); color:var(--ink);
}
/* گروه ورودی با پیش‌شماره‌ی ثابت (مثل instagram.com/ یا https://) که کاسب نمی‌تونه پاکش کنه؛
   فقط قسمت متغیر (یوزرنیم/دامنه) رو خودش تایپ می‌کنه. */
.reg-input-group{ display:flex; align-items:stretch; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--bg); }
.reg-input-group .reg-input-prefix{
  display:flex; align-items:center; flex-shrink:0; padding:0 10px; font-size:12.5px; font-weight:700;
  color:var(--ink-soft); background:#eef0f6; white-space:nowrap; border-inline-end:1px solid var(--line);
}
.reg-input-group .reg-input{ flex:1; min-width:0; border:none; border-radius:0; background:transparent; }
.reg-input-group .reg-input:focus{ outline:none; }
.reg-input-group:focus-within{ border-color:var(--blue); box-shadow:0 0 0 3px rgba(30,63,224,.12); }
.reg-textarea{ resize:vertical; line-height:1.8; }
.reg-code-input{ text-align:center; letter-spacing:10px; font-size:20px; font-weight:800; }
.reg-hint{ font-size:12px; color:var(--pink); font-weight:600; min-height:16px; margin-top:8px; }
.reg-submit-btn{
  width:100%; background:var(--blue); color:#fff; font-weight:700; font-size:14px; padding:12px 20px;
  border-radius:8px; margin-top:6px; transition:background .15s ease;
}
.reg-submit-btn:hover{ background:var(--blue-deep); }
.reg-link-btn{
  display:block; width:100%; text-align:center; background:none; color:var(--blue); font-weight:600;
  font-size:12.5px; padding:10px 0 0; margin-top:4px;
}
.reg-demo-note{
  background:var(--blue-tint); color:var(--blue-deep); border-radius:8px; padding:10px 14px;
  font-size:12.5px; font-weight:700; margin-top:12px; direction:ltr; text-align:center;
}
.reg-pending-icon{ font-size:40px; text-align:center; margin-bottom:6px; }
.reg-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.reg-form-grid > div{ min-width:0; }
.reg-business-type{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:4px; }
.reg-radio-option{
  display:flex; align-items:center; gap:8px; border:1px solid var(--line); border-radius:10px;
  padding:10px 14px; font-size:13px; font-weight:600; color:var(--ink); cursor:pointer; flex:1;
  min-width:180px; transition:border-color .15s ease, background .15s ease;
}
.reg-radio-option:has(input:checked){ border-color:var(--blue); background:var(--blue-tint); color:var(--blue-deep); }
.reg-radio-option input{ accent-color:var(--blue); }

.admin-app-list{ display:flex; flex-direction:column; gap:10px; margin-bottom:30px; }
.admin-app-card{
  border:1px solid var(--line); border-radius:12px; padding:14px 18px; background:#fff;
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.admin-app-info{ display:flex; flex-direction:column; gap:3px; }
.admin-app-info b{ font-size:14px; }
.admin-app-info span{ font-size:12px; color:var(--ink-soft); }
.admin-app-actions{ display:flex; gap:8px; flex-shrink:0; }
.admin-approve-btn{ background:var(--blue); color:#fff; font-weight:700; font-size:12.5px; padding:9px 18px; border-radius:8px; }
.admin-reject-btn{ background:var(--bg); color:var(--pink); font-weight:700; font-size:12.5px; padding:9px 18px; border-radius:8px; border:1px solid var(--line); }
.admin-view-btn{ background:var(--blue-tint); color:var(--blue); font-weight:700; font-size:12.5px; padding:9px 18px; border-radius:8px; flex-shrink:0; }

.dash-head{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px 26px; margin-bottom:18px;
}

/* ---------- داشبورد ساده کاسب: شبکه دسترسی سریع ---------- */
.dash-quick-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
  margin:0 0 18px;
}
.dash-quick-card{
  appearance:none; border:1px solid #e8ebf3; background:#fff; border-radius:15px;
  min-height:108px; padding:13px 10px 11px; text-align:center; direction:rtl;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:4px; cursor:pointer; box-shadow:0 4px 14px rgba(26,44,100,.045);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.dash-quick-card:hover{ transform:translateY(-2px); border-color:#d9def0; box-shadow:0 9px 20px rgba(26,44,100,.09); }
.dash-quick-card:active{ transform:translateY(0); }
.dash-quick-card:focus-visible{ outline:3px solid rgba(56,76,220,.18); outline-offset:2px; }
.dash-quick-icon{
  width:38px; height:38px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(145deg,#f1f3ff,#e7eaff); color:#3545d6;
  font-size:21px; line-height:1; font-weight:900; margin-bottom:3px;
}
.dash-quick-card:nth-child(1) .dash-quick-icon{font-size:29px}
.dash-quick-card:nth-child(2) .dash-quick-icon{font-size:20px}
.dash-quick-card:nth-child(3) .dash-quick-icon{font-size:25px;color:#ef4141;background:#fff0f0}
.dash-quick-card:nth-child(4) .dash-quick-icon{font-size:17px;color:#4d48d9;background:#efeeff;letter-spacing:-3px}
.dash-quick-card:nth-child(5) .dash-quick-icon{color:#ef4772;background:#fff0f5}
.dash-quick-card:nth-child(6) .dash-quick-icon{color:#4d48d9;background:#efeeff;font-size:23px}
.dash-quick-card:nth-child(7) .dash-quick-icon{color:#e9a019;background:#fff7e7;font-size:21px}
.dash-quick-card:nth-child(8) .dash-quick-icon{color:#4d48d9;background:#efeeff;font-size:20px}
.dash-quick-title{font-size:12.5px;line-height:1.35;font-weight:900;color:var(--ink);}
.dash-quick-sub{font-size:10px;line-height:1.4;color:var(--ink-soft);}
.dash-tabs-secondary{ margin-bottom:14px; padding-top:2px; }
.dash-tabs-secondary .dash-tab{ padding:8px 14px; font-size:11.5px; border-radius:9px; }
.dash-tabs-secondary .dash-tab.active{ background:#eef0ff; color:#3945cf; border-color:#dfe2ff; }

@media(max-width:760px){
  .dash-quick-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .dash-quick-card{ min-height:96px; border-radius:13px; padding:10px 8px; }
  .dash-quick-icon{ width:35px; height:35px; border-radius:11px; }
  .dash-quick-title{ font-size:12px; }
  .dash-quick-sub{ font-size:9.5px; }
}
.dash-head-info h2{ font-size:19px; font-weight:800; }
.dash-head-info .sub{ font-size:12.5px; color:var(--ink-soft); margin-top:4px; }
.dash-head-actions{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.dash-view-btn{ background:var(--blue-tint); color:var(--blue); font-weight:700; font-size:12.5px; padding:10px 16px; border-radius:8px; }
.dash-logout-btn{ background:var(--bg); border:1px solid var(--line); color:var(--ink-soft); font-weight:700; font-size:12.5px; padding:10px 16px; border-radius:8px; }
.dash-tabs{ display:flex; gap:8px; margin-bottom:18px; flex-wrap:wrap; }
.dash-tab{
  background:var(--bg); border:1px solid var(--line); color:var(--ink-soft); font-weight:700; font-size:13px;
  padding:10px 20px; border-radius:8px;
}
.dash-tab.active{ background:var(--blue); color:#fff; border-color:var(--blue); }
.dash-tab-panel{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px 28px;
}
.dash-avatar-row{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.dash-avatar-preview{ width:76px; height:76px; border-radius:50%; overflow:hidden; background:var(--blue-tint); flex-shrink:0; box-shadow:0 6px 14px rgba(20,40,120,0.12); }
.dash-avatar-preview img{ width:100%; height:100%; object-fit:cover; display:block; }
.dash-avatar-actions{ display:flex; flex-direction:column; gap:4px; align-items:flex-start; }
.dash-avatar-actions .reg-link-btn{ width:auto; padding:4px 0; margin-top:0; }
.dash-product-form-card{ background:#fbfbfe; border:1px solid var(--line); border-radius:16px; padding:18px; margin-bottom:18px; }
.dash-product-form-card h3{ margin:0 0 14px; font-size:16px; }
.dash-product-form{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.dash-product-form input{ flex:1 1 160px; min-width:0; }
.dash-prod-form-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:6px; }
.dash-prod-form-actions .reg-submit-btn{ width:auto; padding:12px 28px; }
.dash-prod-add-btn{ width:auto; flex:0 0 auto; padding:11px 22px; }
.dash-prod-media-row{ display:flex; flex-direction:column; gap:16px; margin:0 0 16px; }
.dash-prod-image-box{ display:flex; flex-direction:column; }
.pg-required{ color:var(--pink); }
.dash-prod-upload-box{ cursor:pointer; }
.dash-prod-image-actions{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.dash-prod-media-preview{
  width:100%; min-height:140px; border-radius:12px; overflow:hidden;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  padding:14px;
}
.dash-prod-upload-box .dash-prod-media-preview{
  background:var(--bg); border:2px dashed var(--line); transition:border-color .15s ease, background .15s ease;
}
.dash-prod-upload-box:hover .dash-prod-media-preview{ border-color:var(--blue); background:var(--blue-tint); }
.dash-prod-media-preview img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:8px; }
.dash-prod-upload-box .dash-prod-media-preview:has(img){ border-style:solid; padding:0; }
.dash-prod-upload-icon{ font-size:30px; line-height:1; }
.dash-prod-upload-text{ font-size:12.5px; font-weight:700; color:var(--ink-soft); text-align:center; }
.dash-prod-image-actions .reg-link-btn{ width:auto; padding:6px 0; margin-top:0; }
.dash-prod-video-box{
  border:1px dashed var(--line); border-radius:10px; padding:14px 16px; background:var(--bg);
}
.dash-prod-video-box .reg-label{ margin:0 0 8px; }
.dash-prod-video-box .reg-submit-btn{ width:auto; padding:11px 24px; }
.dash-product-list{ display:flex; flex-direction:column; gap:10px; }
.dash-product-item{
  display:flex; align-items:center; gap:12px; border:1px solid var(--line); border-radius:10px;
  padding:10px 14px; background:var(--bg);
}
.dash-product-item .product-img{ height:40px; width:40px; flex-shrink:0; border-radius:8px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; overflow:hidden; }
.dash-product-item .product-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.dash-product-name{ flex:1; font-size:13px; font-weight:600; }
.dash-product-price{ font-size:13px; font-weight:800; color:var(--blue); white-space:nowrap; }
.dash-product-price small{ font-size:10.5px; font-weight:500; color:var(--ink-soft); }
.dash-prod-discount-btn,.dash-prod-edit-btn,.dash-prod-del-btn{ background:none; font-weight:700; font-size:12px; padding:6px 10px; flex-shrink:0; }
.dash-prod-discount-btn{ color:var(--blue); }
.dash-prod-edit-btn{ color:var(--blue-deep,var(--blue)); }
.dash-prod-del-btn{ color:var(--pink); }

/* وضعیت انتشار فروشگاه: تا وقتی ادمین تایید نکرده، پنل کاسب در دسترسه ولی فروشگاه توی سایت دیده نمی‌شه */
.dash-status-banner{
  display:flex; align-items:flex-start; gap:12px; border-radius:var(--radius); padding:14px 18px;
  margin-bottom:20px; border:1px solid var(--line);
}
.dash-status-banner .dsb-icon{ font-size:20px; line-height:1; margin-top:1px; }
.dash-status-banner .dsb-title{ font-weight:800; font-size:13.5px; }
.dash-status-banner .dsb-text{ font-size:12.5px; color:var(--ink-soft); margin-top:4px; line-height:1.9; }
.dash-status-banner.status-pending{ background:#FFF7E6; border-color:#FFE1A6; }
.dash-status-banner.status-pending .dsb-title{ color:#9A6700; }
.dash-status-banner.status-approved{ background:#EAF7EF; border-color:#BCE7CC; }
.dash-status-banner.status-approved .dsb-title{ color:#1E7B45; }

.dash-view-btn.disabled{ background:var(--bg); color:var(--ink-soft); pointer-events:none; opacity:.75; }

.dash-location-card{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px;
  background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin-bottom:10px;
}
.dash-location-item{ display:flex; flex-direction:column; gap:3px; }
.dash-location-item span{ font-size:11px; color:var(--ink-soft); }
.dash-location-item b{ font-size:13px; font-weight:700; color:var(--ink); }
.dash-location-note{ display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--ink-soft); margin:0 0 22px; }

/* ---------- Home advertising slider ---------- */
.pg-home-slider{
  position:relative; width:100%; aspect-ratio:10 / 3; min-height:180px; border-radius:22px; overflow:hidden;
  background:#eef2f8; box-shadow:0 10px 28px rgba(20,35,80,.08);
}
.pg-slider-track{position:absolute;inset:0;display:flex;height:100%;direction:ltr;transition:transform .32s cubic-bezier(.22,.61,.36,1);will-change:transform;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.pg-slider-track.is-dragging{transition:none;cursor:grabbing}
.pg-slide{position:relative;flex:0 0 100%;width:100%;height:100%}
.pg-slide>a{display:block;width:100%;height:100%}
.pg-slide img,.pg-slide .pg-banner-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none;user-select:none}
.pg-slider-dots{position:absolute;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.22);backdrop-filter:blur(5px)}
.pg-slider-dot{width:8px;height:8px;padding:0;border-radius:50%;background:rgba(255,255,255,.65);transition:transform .2s ease,background .2s ease}
.pg-slider-dot.is-active{background:#fff;transform:scale(1.25)}
.pg-slider-dot:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:760px){.pg-home-slider{border-radius:16px;min-height:105px}.pg-slider-dots{bottom:8px;gap:6px;padding:5px 8px}.pg-slider-dot{width:7px;height:7px}}

/* ---------- Promo banners ---------- */
.promo{
  margin-top:44px; border-radius:18px; padding:30px 36px; color:#fff; position:relative; overflow:hidden;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.promo.p1{ background:linear-gradient(115deg,var(--blue-deep),var(--blue)); }
.pg-city-discount-banner{display:block;margin-top:32px;border-radius:14px;overflow:hidden;background:var(--bg);border:1px solid var(--line);line-height:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.pg-city-discount-banner:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(20,40,120,.08)}.pg-city-discount-banner:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.pg-city-discount-banner img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.promo.p2{ background:linear-gradient(115deg,#2A1E7A,var(--blue-2)); }
.pg-nature-promo{background:linear-gradient(115deg,#14532d,#16a34a)}
.pg-nature-banner{margin-top:32px}
.nature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.nature-card{border:1px solid var(--line);border-radius:16px;background:var(--bg);overflow:hidden;box-shadow:0 6px 18px rgba(20,40,120,.05)}
.nature-photo{height:210px;background:#eef6ef;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:54px}
.nature-photo img{width:100%;height:100%;object-fit:cover;display:block}
.nature-body{padding:16px}
.nature-name{font-size:17px;font-weight:900;margin:0 0 7px}
.nature-location{font-size:12px;color:var(--blue);font-weight:800;margin-bottom:10px}
.nature-description{font-size:13px;line-height:1.9;color:var(--ink);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nature-address{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.8;color:var(--ink-soft)}
.nature-address strong{color:var(--ink);font-size:12px}
@media(max-width:760px){.nature-grid{grid-template-columns:1fr}.nature-photo{height:190px}}
.promo-text h3{ font-size:24px; font-weight:800; margin-bottom:8px; }
.promo-text p{ font-size:13.5px; color:#DDE4FF; max-width:340px; line-height:1.8; }
.promo-bullets{ display:flex; gap:14px; margin-top:14px; flex-wrap:wrap; }
.promo-bullets span{ font-size:11.5px; color:#EAF0FF; display:flex; align-items:center; gap:6px; }
.promo-cta{ margin-top:16px; background:#fff; color:var(--blue-deep); font-weight:700; font-size:13px; padding:10px 20px; border-radius:8px; display:inline-block; }
.promo-side{
  width:130px; height:130px; border-radius:20px; background:rgba(255,255,255,0.12);
  display:flex; align-items:center; justify-content:center; font-size:46px; flex-shrink:0;
}

/* ---------- Ranked malls ---------- */
.ranked-grid{ display:flex; flex-direction:row; flex-wrap:nowrap; gap:16px; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity; padding-bottom:8px; }
.ranked-grid::-webkit-scrollbar{ height:6px; }
.ranked-grid::-webkit-scrollbar-thumb{ background:#d7dbe6; border-radius:10px; }
.ranked-card{ position:relative; flex:0 0 230px; width:230px; scroll-snap-align:start; }
.rank-badge{
  position:absolute; top:10px; right:10px; z-index:2; width:28px; height:28px; border-radius:50%;
  background:var(--gold); color:var(--blue-deep); font-weight:800; font-size:13px;
  display:flex; align-items:center; justify-content:center;
}

/* ---------- Top vendors ---------- */
.vendor-grid{ display:flex; flex-direction:row; flex-wrap:nowrap; gap:16px; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity; padding-bottom:8px; }
.vendor-grid::-webkit-scrollbar{ height:6px; }
.vendor-grid::-webkit-scrollbar-thumb{ background:#d7dbe6; border-radius:10px; }
.top-vendor-card{ flex:0 0 200px; width:200px; scroll-snap-align:start; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:16px; text-align:right; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease; }
.top-vendor-card:hover{ transform:translateY(-3px); box-shadow:0 14px 26px rgba(20,40,120,0.1); }
/* قبلاً فقط یک آواتار گرد کوچک وسط یک مستطیل بی‌رنگ نشون داده می‌شد؛ حالا خودِ عکس کسب‌وکار
   کل باکس رو پر می‌کنه (مثل کارت‌های فروشگاه‌های هر طبقه) و جذاب‌تر دیده می‌شه. */
.tv-photo{ position:relative; height:112px; border-radius:14px; background:linear-gradient(135deg,var(--pink-tint),var(--blue-tint)); display:flex; align-items:center; justify-content:center; font-size:30px; margin-bottom:12px; overflow:hidden; }
.tv-photo img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.top-vendor-card:hover .tv-photo img{ transform:scale(1.07); }
.vendor-plan-badge{ position:absolute; top:8px; right:8px; z-index:2; display:inline-flex; align-items:center; justify-content:center; min-width:44px; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:900; line-height:1; box-shadow:0 4px 12px rgba(20,40,120,.16); }
.vendor-plan-vip{ background:#1d235d; color:#fff; border:1px solid rgba(255,255,255,.85); }
.vendor-plan-gold{ background:#f1c84b; color:#3b2b00; border:1px solid rgba(255,255,255,.9); }
.tv-name{ font-weight:700; font-size:14.5px; }
.tv-meta{ font-size:12px; color:var(--ink-soft); margin-top:4px; }
.tv-cta{ margin-top:12px; display:block; width:100%; background:var(--blue-tint); color:var(--blue); font-weight:700; font-size:12.5px; padding:9px 0; border-radius:8px; text-align:center; }

.pg-app-banner{margin-top:44px;border-radius:18px;overflow:hidden;line-height:0;background:var(--bg);border:1px solid var(--line)}
.pg-app-banner img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}

/* ---------- App teaser ---------- */
.app-teaser{
  margin-top:44px; border-radius:18px; background:linear-gradient(120deg,#1A1050,var(--blue) 70%);
  padding:36px 40px; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.app-phone{ width:110px; height:200px; background:#fff; border-radius:20px; flex-shrink:0; box-shadow:0 20px 40px rgba(0,0,0,0.25); position:relative; }
.app-phone::after{ content:''; position:absolute; inset:10px; border-radius:12px; background:linear-gradient(160deg,var(--blue-tint),#fff); }
.app-text h3{ font-size:22px; font-weight:800; }
.app-text p{ font-size:13px; color:#CBD4FF; margin-top:8px; max-width:360px; line-height:1.8; }
.app-features{ display:flex; gap:14px; margin-top:14px; flex-wrap:wrap; font-size:11.5px; color:#EAF0FF; }

/* ---------- Footer ---------- */
footer{ margin-top:56px; background:var(--blue-deep); color:#C9D2F5; padding:40px 0 22px; border-radius:18px 18px 0 0; }
.footer-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:26px; padding-bottom:26px; border-bottom:1px solid rgba(255,255,255,0.1); }
.footer-grid h5{ color:#fff; font-size:14px; margin-bottom:12px; }
.footer-grid p, .footer-grid a{ font-size:12.5px; line-height:2.1; display:block; color:#B9C3EE; }
.footer-bottom{ text-align:center; font-size:12px; color:#8C98CC; padding-top:18px; line-height:2; }
.footer-social-links{display:flex;gap:10px;flex-wrap:wrap}.footer-social-links a{display:inline-block!important;padding:3px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px}
.footer-enamad{display:flex;align-items:center;justify-content:flex-start;min-height:60px;margin-bottom:10px}.footer-enamad img{max-width:180px;height:auto;display:block}.footer-page-view{padding-top:36px;min-height:45vh}.footer-page-card{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 22px rgba(20,40,120,.05)}.footer-page-card h1{font-size:24px;margin:0 0 18px}.footer-page-content{font-size:14px;line-height:2.2;color:var(--ink)}.footer-page-content p{margin:0 0 12px}.footer-page-content a{color:var(--blue);text-decoration:underline}.footer-page-content ul,.footer-page-content ol{padding-right:22px}

/* =====================================================================
   ریسپانسیو موبایل — فقط تنظیمات نمایشی؛ هیچ قابلیت یا محتوایی حذف/اضافه نمی‌شه
   ===================================================================== */
html{ -webkit-text-size-adjust:100%; }
html, body{ overflow-x:hidden; }

/* --- تبلت و موبایل بزرگ --- */
@media (max-width:760px){
  .wrap{ padding:0 16px; }

  /* هدر اصلی: روی صفحه‌های باریک لینک‌ها به‌جای سرریز شدن، ردیف دوم و اسکرول افقی می‌شن */
  .sitehead-inner{ flex-wrap:wrap; gap:10px; padding:10px 16px; }
  .brand{ order:1; }
  .sitehead-actions{ order:2; }
  .nav-links{
    order:3; width:100%; flex-wrap:nowrap;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    gap:20px; padding-bottom:2px; scrollbar-width:none;
  }
  .nav-links::-webkit-scrollbar{ display:none; }
  .nav-links a{ flex-shrink:0; white-space:nowrap; }
  .nav-cta{ font-size:12.5px; padding:9px 16px; }
  .nav-cta-ghost{ padding:7.5px 14.5px; }

  /* هیرو */
  .hero{ padding:26px 22px; min-height:auto; border-radius:18px; }
  .hero h1{ font-size:25px; line-height:1.45; }
  .hero p{ font-size:13.5px; max-width:100%; }
  .hero-features{ gap:8px; }
  .hf-item{ font-size:11.5px; padding:7px 11px; }
  .hero-cta{ width:100%; text-align:center; padding:13px 20px; margin-top:20px; }

  /* نوار جست‌وجو: مرتب‌تر و متناسب با لمس */
  .searchbar{ margin-top:-18px; padding:8px; gap:6px; border-radius:12px; }
  .searchbar input, .searchbar select{ font-size:13px; padding:8px 10px; }
  .searchbar button{ padding:8px 14px; font-size:12.5px; }

  /* عنوان بخش‌ها */
  .section-title{ margin:32px 0 14px; }
  .section-title h2{ font-size:17.5px; }

  /* پاساژها: ۲ کارت در هر ردیف روی موبایل */
  .mall-grid{ grid-template-columns:1fr 1fr; gap:10px; }
  .mall-photo{ height:78px; font-size:22px; }
  .mall-body{ padding:10px 10px 12px; }
  .mall-name{ font-size:13px; line-height:1.5; }
  .mall-city{ font-size:11px; }
  .mall-stats{ gap:8px; margin-top:8px; font-size:10.5px; flex-wrap:wrap; }
  .stars{ font-size:11px; margin-top:6px; }
  .view-badge{ font-size:9.5px; padding:3px 7px; top:6px; left:6px; }
  .mall-showall-btn{ font-size:13px; padding:12px 16px; margin-top:12px; }

  /* جزئیات پاساژ */
  .mall-cover{ padding:24px 20px 40px; border-radius:18px; }
  .mall-cover h1{ font-size:21px; }
  .mall-cover-icon{ font-size:38px; }
  .mall-cover.has-avatar{ padding:24px 20px; gap:16px; }
  .mall-cover.has-photo{ flex-direction:column; min-height:auto; }
  .mall-cover.has-photo .mall-cover-photo{ flex:0 0 auto; height:170px; }
  .mall-cover.has-photo .mall-cover-info{ padding:20px 20px 40px; }
  .cover-avatar{ width:72px; height:72px; }
  .mall-quickstats{ margin:-24px 6px 0; padding:14px 16px; gap:12px; }
  .mall-desc{ font-size:13px; line-height:1.9; }
  .detail-head{ padding:20px 18px 14px; }
  .detail-head h3{ font-size:19px; }
  .floor-content{ padding:18px 16px; }
  .breadcrumb{ flex-wrap:wrap; row-gap:4px; }

  /* نظرات و امتیاز کاربران */
  .reviews-section{ margin-top:18px; padding-top:16px; }
  .review-form{ padding:14px; }
  .review-form-row{ flex-direction:column; align-items:stretch; }
  .review-name-input{ width:100%; font-size:15.5px; padding:11px 12px; }
  .review-text-input{ font-size:15.5px; padding:11px 12px; }
  .rf-star{ font-size:26px; }
  .review-submit-btn{ width:100%; padding:12px 20px; }
  .review-form-foot{ flex-direction:column-reverse; align-items:stretch; }
  .review-date{ margin-inline-start:0; }

  /* ثبت فروشگاه / ورود کاسب / پنل ادمین */
  .reg-card{ padding:22px 18px; }
  .reg-form-grid{ grid-template-columns:1fr; }
  .reg-input{ font-size:15.5px; padding:11px 12px; }
  .reg-step-label{ display:none; }
  .reg-business-type{ flex-direction:column; }
  .reg-radio-option{ min-width:100%; }
  .dash-head{ padding:18px 16px; flex-direction:column; align-items:stretch; }
  .dash-tab-panel{ padding:18px 16px; }
  .dash-product-form{ flex-direction:column; }
  .dash-prod-add-btn{ width:100%; }
  .admin-app-card{ flex-direction:column; align-items:stretch; }

  /* پروموها */
  .promo{ padding:22px 20px; margin-top:32px; }
  .promo-text h3{ font-size:19px; }
  .promo-text p{ font-size:13px; max-width:100%; }
  .promo-bullets{ gap:10px; }
  .promo-side{ width:76px; height:76px; font-size:30px; margin:0 auto; }

  /* بنر اپلیکیشن */
  .app-teaser{ padding:26px 22px; flex-direction:column-reverse; text-align:center; margin-top:32px; }
  .app-phone{ width:80px; height:140px; margin:0 auto; }
  .app-text p{ max-width:100%; }
  .app-features{ justify-content:center; }

  /* فوتر */
  footer{ margin-top:36px; padding:28px 0 18px; border-radius:14px 14px 0 0; }
  .footer-grid{ gap:20px; }
}

/* --- موبایل کوچک --- */
@media (max-width:480px){
  .wrap{ padding:0 14px; }
  .hero h1{ font-size:22px; }
  .hero-kicker{ font-size:11.5px; }
  .promo-text h3{ font-size:18px; }
  .mall-cover h1{ font-size:19px; }

  /* نوار جست‌وجو: کوچک و جمع‌وجورتر تا بنر هیرو فضای بیشتری داشته باشه */
  .searchbar{ display:grid; grid-template-columns:1fr 1fr auto; gap:6px; margin-top:-12px; padding:8px; border-radius:10px; }
  .searchbar input{ grid-column:1 / -1; padding:8px 10px; font-size:12.5px; }
  .searchbar select{ min-width:0; width:100%; padding:8px 6px; font-size:12px; }
  .searchbar button{ padding:8px 14px; font-size:12px; white-space:nowrap; }

  /* فیلترهای داخل طبقات، تا از سرریز افقی جلوگیری بشه */
  .floor-controls input.fc-search,
  .floor-controls select.fc-select{ flex:1 1 100%; min-width:0; }
  .floor-controls input, .floor-controls select{ font-size:15.5px; padding:11px 12px; }
}

.dash-plan-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;margin-top:14px;align-items:stretch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:10px}.dash-plan-list::-webkit-scrollbar{height:6px}.dash-plan-list::-webkit-scrollbar-thumb{background:#d7dbe6;border-radius:10px}.dash-plan-card{flex:0 0 260px;width:260px;scroll-snap-align:start;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.dash-plan-card.is-active{border-color:#087f23}.dash-plan-banner{width:100%;aspect-ratio:10/3;border-radius:10px;overflow:hidden;background:#f3f5fb;margin-bottom:12px}.dash-plan-banner img{width:100%;height:100%;object-fit:cover;display:block}.dash-plan-banner-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--ink-soft);text-align:center}.dash-plan-info{display:flex;flex-direction:column;flex:1}.dash-plan-info>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.dash-plan-info span{font-size:11px;background:#e8f7ed;color:#087f23;padding:3px 8px;border-radius:20px}.dash-plan-price{font-weight:900;font-size:17px;color:var(--blue);margin-bottom:4px}.dash-plan-meta{font-size:12px;color:var(--ink-soft);margin-bottom:10px}.dash-plan-desc{font-size:12px;line-height:1.9;color:var(--ink-soft);background:#f7f8fb;border-radius:8px;padding:8px 10px;margin-bottom:12px;white-space:pre-line}.dash-plan-buy{margin:0;width:100%;margin-top:auto}
.dash-coupon-box{margin-top:12px;margin-bottom:6px;padding:10px 12px;background:#f7f8fb;border:1px dashed #d7dbe6;border-radius:10px}
.dash-coupon-box .reg-label{margin-bottom:6px;display:block}
.dash-coupon-row{display:flex;gap:8px}
.dash-coupon-row .reg-input{flex:1}
.pg-modal-apply-btn{width:auto;flex:0 0 auto;padding:11px 18px;white-space:nowrap;margin-top:0}

/* ---------- Subscription purchase modal ---------- */
.pg-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.pg-modal-overlay{position:absolute;inset:0;background:rgba(14,20,50,.55);backdrop-filter:blur(2px)}
.pg-modal-box{position:relative;z-index:1;background:#fff;border-radius:var(--radius);padding:26px 24px;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;text-align:right;box-shadow:0 20px 60px rgba(10,15,40,.3)}
.pg-modal-box h3{font-size:18px;font-weight:800;padding-left:30px}
.pg-modal-close{position:absolute;top:14px;left:14px;width:30px;height:30px;border-radius:50%;background:#f2f3f7;color:var(--ink-soft);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}
.pg-modal-close:hover{background:#e6e8f0}
.pg-modal-price{margin-top:14px;padding:14px;border-radius:10px;background:var(--blue-tint);text-align:center;font-weight:900;font-size:22px;color:var(--blue-deep)}
.pg-modal-price-unit{font-size:13px;font-weight:700;margin-right:4px}
.pg-modal-old-price{font-size:14px;font-weight:700;color:var(--ink-soft);text-decoration:line-through;margin-left:8px}
.pg-modal-box #pgSubPayBtn{margin-top:16px}
@media (max-width:480px){
  .pg-modal-box{padding:22px 16px}
}

/* ---------- Avatar crop modal (تنظیم/برش تصویر پروفایل کاسب) ---------- */
.pg-crop-box{ max-width:380px; text-align:center; }
.pg-crop-box .pg-crop-instructions{ font-size:12.5px; color:var(--ink-soft); line-height:1.9; margin-top:6px; text-align:center; }
.pg-crop-stage{
  position:relative; width:260px; height:260px; max-width:100%; margin:16px auto;
  border-radius:50%; overflow:hidden; background:#0e1230; cursor:grab; touch-action:none;
  box-shadow:0 0 0 4px #fff, 0 0 0 5px var(--line);
}
.pg-crop-stage:active{ cursor:grabbing; }
.pg-crop-stage img{ position:absolute; top:0; left:0; max-width:none; max-height:none; user-select:none; -webkit-user-drag:none; pointer-events:none; }
.pg-crop-zoom{ display:block; width:100%; margin:4px 0 18px; accent-color:var(--blue); }
/* حالت مستطیلی برش، برای تصویر محصول (هم‌نسبت با کارت محصول) به‌جای دایره آواتار */
.pg-crop-stage.is-rect{ border-radius:14px; }


.vendor-contacts{margin:18px 0}.vendor-contact-links{display:flex;flex-wrap:wrap;gap:10px}.vendor-contact-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;text-decoration:none;background:#f4f7ff;color:#1746a2;border:1px solid #dbe5ff;font-weight:700}.vendor-contact-link:hover{transform:translateY(-1px)}

/* Mall navigation */
.mall-navigation-card{margin:22px 0;background:#fff;border:1px solid rgba(31,59,120,.10);border-radius:20px;padding:18px;box-shadow:0 8px 24px rgba(20,35,80,.06);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mall-navigation-card h3{margin:0 0 6px;font-size:18px}.mall-navigation-card p{margin:0;color:#667085;font-size:13px}.mall-navigation-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;background:#174ea6;color:#fff!important;text-decoration:none!important;font-weight:800;white-space:nowrap}.mall-navigation-btn:hover{filter:brightness(.96)}
@media(max-width:640px){.mall-navigation-card{padding:14px}.mall-navigation-btn{width:100%}}

/* پاساژ: تصویر شاخص واقعی در کارت و صفحه جزئیات */
.mall-photo{overflow:hidden;position:relative}
.mall-photo>img{display:block;width:100%;height:100%;object-fit:cover}

/* Banner area placeholder: keeps the hero slot stable without restoring the old blue hero. */
.pg-home-slider-empty{display:flex;align-items:center;justify-content:center;background:#f3f5fa;border:1px dashed #d6dbe7;box-shadow:none}.pg-slider-empty-message{font-size:13px;color:#7a8497}



/* Product discounts */
.product-discount-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.product-discount-badge,.discount-percent-badge{display:inline-flex;align-items:center;background:var(--pink);color:#fff;font-weight:900;border-radius:999px;padding:4px 8px;font-size:11px}
.product-old-price,.product-detail-old-price{color:var(--ink-soft);text-decoration:line-through;font-size:11px}
.product-sale-price{color:var(--blue)!important;margin-top:3px!important}
.product-detail-discount{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.product-detail-sale-price{font-size:22px!important;margin-top:4px!important}

/* ---------- City discounts ---------- */
#discountPromo{ cursor:pointer; }
#discountPromo:focus-visible{ outline:3px solid rgba(255,255,255,.9); outline-offset:3px; }
.discount-filters{ display:grid; grid-template-columns:repeat(3,minmax(160px,1fr)); gap:12px; margin:0 0 22px; }
.discount-filters select{ width:100%; min-height:46px; border:1px solid var(--line); border-radius:10px; background:var(--bg); padding:0 12px; color:var(--ink); font:inherit; }
.discount-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.discount-card{ border:1px solid var(--line); border-radius:14px; background:var(--bg); overflow:hidden; cursor:pointer; transition:transform .15s ease,box-shadow .15s ease; }
.discount-card:hover{ transform:translateY(-2px); box-shadow:0 12px 22px rgba(20,40,120,.08); }
.discount-photo{ position:relative; height:190px; background:#f3f5fb; overflow:hidden; }
.discount-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
.discount-badge{ position:absolute; top:10px; right:10px; background:#fff; color:var(--pink); font-weight:900; padding:7px 10px; border-radius:999px; font-size:13px; box-shadow:0 4px 12px rgba(0,0,0,.1); }
.discount-body{ padding:14px; }
.discount-name{ font-weight:800; font-size:15px; margin-bottom:5px; }
.discount-shop{ color:var(--ink-soft); font-size:12px; margin-bottom:10px; }
.discount-prices{ display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; }
.discount-old{ color:var(--ink-soft); text-decoration:line-through; font-size:12px; }
.discount-new{ color:var(--blue); font-weight:900; font-size:16px; }
.discount-new small{ font-size:10px; font-weight:500; color:var(--ink-soft); }
.discount-location{ margin-top:9px; font-size:11px; color:var(--ink-soft); }
.discount-grid>.no-results, .discount-grid>.empty-hint{ grid-column:1/-1; }
@media(max-width:760px){
  .discount-filters{ grid-template-columns:1fr; }
  .discount-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:8px;
  }
  .discount-card{
    border-radius:10px;
  }
  .discount-photo{ height:82px; }
  .discount-badge{ top:4px; right:4px; padding:2px 6px; font-size:9px; box-shadow:none; }
  .discount-body{ padding:7px 6px; }
  .discount-name{ font-size:11px; font-weight:700; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .discount-shop{ display:none; }
  .discount-prices{ flex-direction:column; align-items:flex-start; gap:2px; }
  .discount-old{ font-size:9px; }
  .discount-new{ font-size:12px; white-space:nowrap; }
  .discount-new small{ font-size:8px; }
  .discount-location{ display:none; }
}

.product-detail-video{margin-top:16px}.product-detail-video h3{font-size:14px;margin:0 0 8px}.product-detail-video video{display:block;width:100%;max-width:720px;border-radius:14px;background:#000}


/* ---------- Mobile dashboard stability ---------- */
@media (max-width:560px){
  .dash-product-form{gap:8px}
  .dash-product-form input{flex:1 1 100%;width:100%;min-width:0}
  .dash-prod-add-btn{width:100%;flex:1 1 100%}
  .dash-prod-form-actions{flex-direction:column;align-items:stretch}
  .dash-prod-form-actions .reg-submit-btn{width:100%}
  .dash-prod-media-row{gap:14px}
  .dash-prod-media-preview{min-height:110px}
  .dash-prod-image-actions{gap:6px 14px}
  .dash-prod-image-actions .reg-link-btn{width:auto;padding:6px 0;text-align:start}
  .dash-prod-video-box{padding:12px 14px}
  .dash-prod-video-box .reg-submit-btn{width:100%}
  .dash-prod-video-box .reg-hint{font-size:12px;line-height:1.9}
  .dash-product-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 10px;padding:10px}
  .dash-product-item .product-img{grid-row:1 / span 2;width:48px;height:48px}
  .dash-product-name{min-width:0;white-space:normal;overflow-wrap:anywhere}
  .dash-product-price{white-space:normal;overflow-wrap:anywhere;font-size:12px}
  .dash-prod-discount-btn,.dash-prod-edit-btn,.dash-prod-del-btn{grid-column:2;justify-self:start;padding:4px 0}
  .dash-plan-card{padding:10px;flex:0 0 220px;width:220px}
  .dash-plan-banner{aspect-ratio:10/3;margin-bottom:10px}
  .dash-plan-info>div:first-child{gap:8px;flex-wrap:wrap}
  .dash-plan-price{font-size:16px}
}

/* =====================================================================
   ظاهر گلسی (Glassmorphism) — فقط برای دسکتاپ/تبلت؛ موبایل همون ظاهر
   ساده‌ی اول رو داره (بدون شیشه‌ای شدن باکس‌ها).
   ===================================================================== */
@media (min-width:761px){
:root{
  --glass-bg:linear-gradient(135deg, rgba(255,255,255,.52), rgba(255,255,255,.22));
  --glass-bg-strong:linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.32));
  --glass-bg-soft:rgba(255,255,255,.32);
  --glass-bg-light:rgba(255,255,255,.4);
  --glass-tint-blue:linear-gradient(135deg, rgba(210,224,255,.75), rgba(210,224,255,.4));
  --glass-border:rgba(255,255,255,.8);
  --glass-shine:inset 0 1px 0 rgba(255,255,255,.85), inset 0 0 0 1px rgba(255,255,255,.18);
  --glass-shadow:0 14px 40px rgba(31,42,110,.20), var(--glass-shine);
  --glass-shadow-soft:0 8px 26px rgba(31,42,110,.14), var(--glass-shine);
  --glass-blur-strong:16px;
}

/* پس‌زمینه‌ی کلی صفحه: گرادیان محو و رنگی و ثابت، تا پشت شیشه‌ها دیده بشه */
html,body{
  background:
    radial-gradient(1200px 780px at 4% -12%, rgba(62,92,255,.40), transparent 62%),
    radial-gradient(950px 700px at 106% -6%, rgba(255,95,162,.36), transparent 58%),
    radial-gradient(900px 680px at 8% 108%, rgba(255,177,0,.30), transparent 58%),
    radial-gradient(1000px 780px at 98% 98%, rgba(30,63,224,.34), transparent 58%),
    radial-gradient(700px 600px at 55% 45%, rgba(255,95,162,.14), transparent 60%),
    var(--bg) ;
  background-attachment:fixed;
  background-repeat:no-repeat;
}

/* هدر و نوار جستجو: بیشترین بلور، چون فقط یک‌بار در صفحه هستن */
.sitehead{
  background:var(--glass-bg-strong);
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(180%);
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(180%);
  border-bottom:1px solid var(--glass-border);
  box-shadow:0 4px 24px rgba(31,42,110,.10);
}
.searchbar{
  background:var(--glass-bg-strong);
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(180%);
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(180%);
  border:1.5px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
}
.searchbar input,.searchbar select{
  background:var(--glass-bg-soft);
  border:1px solid var(--glass-border);
}

/* باکس‌های اصلیِ تکی در هر صفحه (فرم‌ها، پنل‌ها، مودال) — بلور کامل */
.reg-card,
.dash-head,
.dash-tab-panel,
.mall-quickstats,
.detail,
.footer-page-card,
.mall-navigation-card,
.pg-modal-box{
  background:var(--glass-bg-strong);
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(180%);
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(180%);
  border:1.5px solid var(--glass-border);
  box-shadow:var(--glass-shadow);
}
.pg-modal-box{ box-shadow:0 24px 70px rgba(10,15,40,.35), var(--glass-shine); }

/* کارت‌های تکرارشونده داخل گرید/لیست‌ها — بدون بلور (فقط شفافیت رنگی)، برای روان‌موندن اسکرول */
.mall-card,
.top-vendor-card,
.vendor-chip,
.product-card,
.discount-card,
.nature-card,
.review-item,
.admin-app-card,
.dash-plan-card{
  background:var(--glass-bg);
  border:1.5px solid var(--glass-border);
  box-shadow:var(--glass-shadow-soft);
}
.mall-card:hover,.top-vendor-card:hover,.vendor-chip:hover,.product-card:hover,.discount-card:hover{
  box-shadow:0 16px 36px rgba(31,42,110,.22), var(--glass-shine);
}

/* ورودی‌ها و باکس‌های خنثیِ داخلی — بدون بلور */
.reg-input,
.review-name-input,
.review-text-input,
.floor-controls input,
.floor-controls select,
.discount-filters select,
.dash-prod-media-preview,
.dash-product-item,
.dash-location-card,
.review-form,
.dash-prod-video-box{
  background:var(--glass-bg-light);
  border:1px solid var(--glass-border);
}

/* تب‌ها، پیل‌ها و چیپ‌های غیرفعال — بدون بلور */
.dash-tab,
.review-phrase-chip,
.floor-band{
  background:var(--glass-bg-light);
  border:1px solid var(--glass-border);
}
.dash-tab.active,
.floor-band.active{
  background:linear-gradient(135deg, rgba(46,80,240,.92), rgba(30,63,224,.75));
  box-shadow:var(--glass-shine);
}
.reg-radio-option:has(input:checked){
  background:var(--glass-tint-blue);
}

/* فوتر: همون آبی تیره ولی کمی شفاف و بلورشده (یک‌بار در صفحه، هزینه‌ی کمی داره) */
footer{
  background:linear-gradient(160deg, rgba(20,34,120,.88), rgba(14,28,107,.78));
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);
}
} /* پایان @media (min-width:761px) — گلسی فقط دسکتاپ/تبلت */

/* ---------- دکمه شناور سوالات و پشتیبانی ---------- */
.pg-help-fab{
  position:fixed !important; left:16px; bottom:20px; z-index:99999;
  display:flex; align-items:center; gap:8px; background:var(--blue); color:#fff;
  font-weight:700; font-size:13px; padding:12px 18px; border-radius:999px;
  box-shadow:0 10px 26px rgba(30,63,224,.35); text-decoration:none; transition:transform .15s ease, background .15s ease;
}
.pg-help-fab:hover{ background:var(--blue-deep); transform:translateY(-2px); }
.pg-help-fab-icon{ font-size:17px; line-height:1; }
@media (max-width:640px){
  .pg-help-fab{ left:12px; bottom:14px; padding:12px; border-radius:50%; box-shadow:0 8px 20px rgba(30,63,224,.4); }
  .pg-help-fab-text{ display:none; }
}

/* ---------- صفحه پشتیبانی: راه‌های ارتباطی، سوالات متداول، ویدیوهای آموزشی ---------- */
.help-section-card{
  background:var(--bg); border:1px solid var(--line); border-radius:16px; padding:24px;
  box-shadow:0 8px 22px rgba(20,40,120,.05); margin-top:18px;
}
.help-section-card h2{ font-size:17px; margin:0 0 14px; }
.help-contact-links{ display:flex; flex-wrap:wrap; gap:10px; }
.help-contact-chip{
  display:inline-flex; align-items:center; gap:6px; background:var(--blue-tint); color:var(--blue);
  font-weight:700; font-size:13px; padding:10px 16px; border-radius:10px; text-decoration:none;
  transition:background .15s ease;
}
.help-contact-chip:hover{ background:#dde8ff; }
.help-faq-list{ display:flex; flex-direction:column; gap:10px; }
.help-faq-item{
  border:1px solid var(--line); border-radius:10px; padding:14px 16px; background:#fff; cursor:pointer;
}
.help-faq-item summary{
  font-weight:700; font-size:14px; color:var(--ink); list-style:none; display:flex; align-items:center;
  justify-content:space-between; gap:10px;
}
.help-faq-item summary::-webkit-details-marker{ display:none; }
.help-faq-item summary::after{ content:'+'; font-size:18px; font-weight:700; color:var(--blue); flex-shrink:0; }
.help-faq-item[open] summary::after{ content:'−'; }
.help-faq-answer{ margin-top:10px; font-size:13.5px; line-height:2; color:var(--ink-soft); }
.help-faq-answer p{ margin:0 0 8px; }
.help-video-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; }
.help-video-item{ border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; }
.help-video-embed{ position:relative; width:100%; aspect-ratio:16/9; background:#000; }
.help-video-embed iframe, .help-video-embed video{
  position:absolute; inset:0; width:100%; height:100%; border:0; display:block;
}
.help-video-title{ padding:12px 14px; font-size:13px; font-weight:700; color:var(--ink); }

/* ---------- بازطراحی صفحه پشتیبانی: هرو، ویدیوها، راهنمای سریع، مشکلات رایج، بنر پایانی ---------- */
.pg-support-view{ padding-top:22px; padding-bottom:40px; }

.pg-help-fab-icon{ position:relative; }
.pg-help-fab-dot{
  position:absolute; top:-3px; left:-3px; width:9px; height:9px; border-radius:50%;
  background:var(--pink); box-shadow:0 0 0 2px #fff; animation:pgFabPulse 1.8s ease-in-out infinite;
}
@keyframes pgFabPulse{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(1.25); opacity:.7; } }

.pg-support-hero{
  position:relative; overflow:hidden; border-radius:22px; padding:34px 32px;
  background:linear-gradient(120deg, var(--blue-tint) 0%, #dfe8ff 55%, var(--pink-tint) 130%);
  border:1px solid var(--line); box-shadow:0 12px 30px rgba(20,40,120,.08);
  min-height:0; display:flex; align-items:center; justify-content:center;
}
.pg-support-hero-inner{ position:relative; z-index:2; width:100%; max-width:640px; }
.pg-support-hero-search-only .pg-support-hero-inner{ display:flex; justify-content:center; }
.pg-support-search{
  display:flex; align-items:center; gap:10px; background:#fff; border:1.5px solid var(--glass-border,#fff);
  border-radius:999px; padding:12px 18px; max-width:480px; width:100%; box-shadow:0 8px 20px rgba(20,40,120,.08);
}
.pg-support-search input{ border:0; outline:0; background:transparent; flex:1; font-size:13.5px; font-family:inherit; color:var(--ink); }
.pg-support-search-icon{ color:var(--ink-soft); }
@media (max-width:760px){
  .pg-support-hero{ padding:26px 20px; }
}

.pg-support-note{ margin-top:18px; }

.pg-support-section{ margin-top:30px; }
.pg-support-section-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:16px; }
.pg-support-section-head h2{ font-size:18px; margin:0; display:flex; align-items:center; gap:8px; }
.pg-support-section-head p{ margin:2px 0 0; font-size:12.5px; color:var(--ink-soft); }
.pg-support-section-head.small h2{ font-size:16px; }
.pg-support-section-icon{ font-size:15px; }

.pg-video-category{ margin-bottom:22px; }
.pg-video-category:last-child{ margin-bottom:0; }
.pg-video-category-label{
  display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:700; color:var(--blue);
  background:var(--blue-tint); padding:7px 14px; border-radius:999px; margin-bottom:12px;
}
.pg-video-category-label.pink{ color:var(--pink); background:var(--pink-tint); }
.pg-video-row{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(190px,1fr); gap:14px; overflow-x:auto; padding-bottom:6px; scroll-snap-type:x proximity; }
.pg-video-row .no-results{ grid-column:1/-1; }
.pg-video-card{
  scroll-snap-align:start; display:flex; flex-direction:column; text-align:right; border:1px solid var(--line); border-radius:14px;
  background:#fff; overflow:hidden; cursor:pointer; padding:0; font-family:inherit; box-shadow:0 6px 16px rgba(20,40,120,.05);
  transition:transform .15s ease, box-shadow .15s ease;
}
.pg-video-card:hover{ transform:translateY(-3px); box-shadow:0 14px 26px rgba(20,40,120,.14); }
.pg-video-thumb{ position:relative; width:100%; aspect-ratio:4/3; background:linear-gradient(135deg,var(--blue-tint),var(--pink-tint)); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.pg-video-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.pg-video-thumb-fallback{ font-size:34px; }
.pg-video-play{
  position:absolute; inset:0; margin:auto; width:38px; height:38px; border-radius:50%; background:rgba(20,30,80,.55);
  color:#fff; display:flex; align-items:center; justify-content:center; font-size:14px; backdrop-filter:blur(2px);
}
.pg-video-duration{ position:absolute; right:8px; bottom:8px; background:rgba(10,15,40,.72); color:#fff; font-size:11px; font-weight:700; padding:2px 7px; border-radius:6px; direction:ltr; }
.pg-video-title{ font-size:12.5px; font-weight:700; color:var(--ink); padding:10px 12px 2px; line-height:1.7; }
.pg-video-tag{ font-size:11px; color:var(--blue); padding:2px 12px 12px; font-weight:600; }
.pg-video-tag.pink{ color:var(--pink); }

.pg-support-col-faq-full{ margin-top:0; }

.pg-support-cta{
  margin-top:34px; border-radius:20px; padding:26px 30px;
  background:linear-gradient(120deg, var(--blue-deep), var(--blue)); color:#fff; box-shadow:0 14px 30px rgba(14,28,107,.28);
}
.pg-support-cta-top{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-bottom:20px; }
.pg-support-cta-icon{ font-size:34px; }
.pg-support-cta-text{ flex:1; min-width:220px; }
.pg-support-cta-text h2{ font-size:17px; margin:0 0 4px; }
.pg-support-cta-text p{ margin:0; font-size:12.5px; opacity:.85; }
.pg-support-cta-body{ display:flex; flex-direction:column; gap:14px; max-width:520px; }
.pg-support-cta-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.pg-support-cta-btn{
  display:inline-flex; align-items:center; gap:6px; background:#fff; color:var(--blue-deep); font-weight:700; font-size:13px;
  padding:11px 18px; border-radius:999px; text-decoration:none; border:none; cursor:pointer; font-family:inherit; transition:transform .15s ease;
}
.pg-support-cta-btn.outline{ background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.6); }
.pg-support-cta-btn:hover{ transform:translateY(-2px); }

.pg-support-message-form{ display:flex; flex-direction:column; }
.pg-support-cta .reg-label{ color:rgba(255,255,255,.85); margin:12px 0 6px; }
.pg-support-cta .reg-label:first-child{ margin-top:0; }
.pg-required-mark{ color:#ffb4c6; font-weight:800; }
.pg-support-cta .reg-input{ background:rgba(255,255,255,.95); }
.pg-support-message-textarea{ resize:vertical; min-height:90px; line-height:1.8; }
.pg-support-cta .reg-hint{ color:#ffe0ea; }
.pg-support-cta .reg-hint.is-success{ color:#c8ffd9; }
.pg-support-submit-row{ display:flex; align-items:center; gap:10px; margin-top:14px; }
.pg-support-submit-arrow{ font-size:20px; animation:pgSupportArrowBounce 1.4s ease-in-out infinite; }
@keyframes pgSupportArrowBounce{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(4px); } }
.pg-support-message-submit{ width:auto; padding:13px 26px; border-radius:999px; font-size:14px; box-shadow:0 10px 22px rgba(0,0,0,.18); }
.pg-support-message-submit:disabled{ opacity:.7; cursor:default; }
.pg-support-submit-note{ margin:8px 0 0; font-size:11.5px; color:rgba(255,255,255,.75); }

.pg-support-phone-box{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:6px; }
.pg-support-phone-reveal{ background:rgba(255,255,255,.14); border-radius:12px; padding:10px 16px; }
.pg-support-phone-link{ color:#fff; font-weight:800; font-size:16px; text-decoration:none; letter-spacing:.5px; }
.pg-support-phone-link:hover{ text-decoration:underline; }
.pg-bale-btn{ margin-top:6px; }
.pg-bale-icon{ display:inline-flex; align-items:center; }
.pg-bale-icon svg{ display:block; border-radius:5px; }

.pg-video-modal-box{ max-width:720px; width:92vw; }
.pg-video-modal-box #pgVideoModalTitle{ font-size:15px; margin:0 0 12px; padding-left:26px; }
.pg-video-modal-embed{ position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:10px; overflow:hidden; }
.pg-video-modal-embed iframe, .pg-video-modal-embed video{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* ---------- FINAL SAFETY OVERRIDE: vendor dashboard quick actions ---------- */
#dashboardView .dash-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin:0 0 18px !important;
  padding:0 !important;
  list-style:none !important;
}
#dashboardView .dash-quick-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  min-height:108px !important;
  margin:0 !important;
  padding:13px 10px 11px !important;
  border:1px solid #e7eaf2 !important;
  border-radius:15px !important;
  background:#fff !important;
  color:var(--ink,#1d2340) !important;
  text-align:center !important;
  direction:rtl !important;
  gap:4px !important;
  box-shadow:0 4px 14px rgba(26,44,100,.045) !important;
  cursor:pointer !important;
  overflow:hidden !important;
}
#dashboardView .dash-quick-card:hover{
  transform:translateY(-2px) !important;
  border-color:#d8ddec !important;
  box-shadow:0 9px 20px rgba(26,44,100,.09) !important;
}
#dashboardView .dash-quick-card:active{transform:translateY(0) !important;}
#dashboardView .dash-quick-card > span{display:block !important;}
#dashboardView .dash-quick-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:38px !important;
  height:38px !important;
  margin:0 0 3px !important;
  padding:0 !important;
  border-radius:12px !important;
  background:linear-gradient(145deg,#f1f3ff,#e7eaff) !important;
  color:#3545d6 !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:900 !important;
}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon{font-size:29px !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon{font-size:20px !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon{font-size:25px !important;color:#ef4141 !important;background:#fff0f0 !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon{font-size:17px !important;color:#4d48d9 !important;background:#efeeff !important;letter-spacing:-3px !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon{color:#ef4772 !important;background:#fff0f5 !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon{color:#4d48d9 !important;background:#efeeff !important;font-size:23px !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon{color:#e9a019 !important;background:#fff7e7 !important;font-size:21px !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon{color:#4d48d9 !important;background:#efeeff !important;font-size:20px !important;}
#dashboardView .dash-quick-title{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  color:var(--ink,#1d2340) !important;
}
#dashboardView .dash-quick-sub{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font-size:10px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  color:var(--ink-soft,#777d90) !important;
}
@media(max-width:760px){
  #dashboardView .dash-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  #dashboardView .dash-quick-card{
    min-height:96px !important;
    border-radius:13px !important;
    padding:10px 8px !important;
  }
  #dashboardView .dash-quick-icon{width:35px !important;height:35px !important;border-radius:11px !important;}
  #dashboardView .dash-quick-title{font-size:12px !important;}
  #dashboardView .dash-quick-sub{font-size:9.5px !important;}
}


/* ---------- Premium vendor dashboard quick actions v3 ---------- */
#dashboardView .dash-quick-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 16px !important;
}
#dashboardView .dash-quick-card{
  position:relative !important;
  min-height:118px !important;
  padding:16px 12px 14px !important;
  border:1px solid #e9ecf5 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important;
  box-shadow:0 7px 22px rgba(35,48,105,.055) !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
#dashboardView .dash-quick-card::after{
  content:'›' !important;
  position:absolute !important;
  left:10px !important;
  top:10px !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:#f3f5ff !important;
  color:#5964d9 !important;
  font-size:17px !important;
  line-height:18px !important;
  opacity:.7 !important;
}
#dashboardView .dash-quick-card:hover{
  transform:translateY(-4px) !important;
  border-color:#dfe3f6 !important;
  box-shadow:0 14px 30px rgba(35,48,105,.10) !important;
}
#dashboardView .dash-quick-icon{
  width:44px !important;height:44px !important;
  margin-bottom:7px !important;
  border-radius:14px !important;
  font-size:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8) !important;
}
#dashboardView .dash-quick-icon::before{font-size:23px !important;line-height:1 !important;font-weight:900 !important;}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon{background:#eef1ff !important;color:#3046d8 !important;}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon::before{content:'+' !important;font-size:32px !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon{background:#f0f3ff !important;color:#4351d7 !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon::before{content:'◆' !important;font-size:20px !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon{background:#fff0f2 !important;color:#ef4b55 !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon::before{content:'%' !important;font-size:22px !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon{background:#f0efff !important;color:#564bd7 !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon::before{content:'▮▮▮' !important;font-size:13px !important;letter-spacing:1px !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon{background:#fff0f6 !important;color:#eb4779 !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon::before{content:'♥' !important;font-size:24px !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon{background:#eef1ff !important;color:#4652d8 !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon::before{content:'↗' !important;font-size:26px !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon{background:#fff7e8 !important;color:#e6a21b !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon::before{content:'★' !important;font-size:24px !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon{background:#eef1ff !important;color:#4652d8 !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon::before{content:'?' !important;font-size:23px !important;}
#dashboardView .dash-quick-title{font-size:13px !important;line-height:1.4 !important;font-weight:900 !important;}
#dashboardView .dash-quick-sub{font-size:10.5px !important;line-height:1.5 !important;color:#85899a !important;}

#dashboardView .dash-quick-page{
  margin:0 0 18px !important;
  border:1px solid #e8ebf4 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(35,48,105,.07) !important;
  overflow:hidden !important;
}
#dashboardView .dash-page-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #eef0f6;background:linear-gradient(135deg,#fafbff,#fff);}
#dashboardView .dash-page-head h3{margin:0;font-size:18px;color:#1d2340;}
#dashboardView .dash-page-head p{margin:4px 0 0;font-size:11px;color:#85899a;}
#dashboardView .dash-page-back{border:0;background:#f0f2ff;color:#4652d8;border-radius:11px;padding:9px 12px;font-weight:800;cursor:pointer;}
#dashboardView .dash-page-body{padding:16px;}
#dashboardView .dash-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
#dashboardView .dash-stat-card{border:1px solid #eceef5;border-radius:16px;padding:15px 10px;text-align:center;background:#fcfcff;}
#dashboardView .dash-stat-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 8px;border-radius:12px;background:#eef1ff;font-size:18px;}
#dashboardView .dash-stat-card b{display:block;font-size:20px;color:#202642;}
#dashboardView .dash-stat-card small{display:block;margin-top:4px;color:#888c9d;font-size:10px;}
#dashboardView .dash-info-box{margin-top:12px;padding:14px;border-radius:15px;background:#f8f9ff;border:1px solid #eceefd;}
#dashboardView .dash-info-box b{font-size:13px;color:#31375b;}
#dashboardView .dash-info-box p{margin:5px 0 0;color:#7d8192;font-size:11px;line-height:1.8;}
#dashboardView .dash-loading{text-align:center;padding:28px;color:#7c8090;font-size:12px;}
#dashboardView .dash-empty-page{text-align:center;padding:35px 15px;color:#7c8090;}
#dashboardView .dash-empty-page>div{font-size:35px;color:#e84f78;margin-bottom:8px;}
#dashboardView .dash-empty-page b{display:block;color:#34394f;font-size:14px;}
#dashboardView .dash-empty-page p{font-size:11px;line-height:1.8;max-width:400px;margin:6px auto 0;}
#dashboardView .dash-review-list{display:flex;flex-direction:column;gap:9px;}
#dashboardView .dash-review-item{padding:12px 13px;border:1px solid #eceef5;border-radius:14px;background:#fff;}
#dashboardView .dash-review-item>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;}
#dashboardView .dash-review-item span{font-size:10px;color:#8b8e9d;}
#dashboardView .dash-review-stars{color:#e9a21b;font-size:12px;margin-top:4px;}
#dashboardView .dash-review-item p{margin:6px 0 0;font-size:11px;color:#626779;line-height:1.8;}
@media(max-width:760px){
  #dashboardView .dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
  #dashboardView .dash-quick-card{min-height:112px !important;border-radius:18px !important;padding:14px 9px 12px !important;}
  #dashboardView .dash-quick-icon{width:42px !important;height:42px !important;border-radius:13px !important;}
  #dashboardView .dash-quick-title{font-size:12.5px !important;}
  #dashboardView .dash-quick-sub{font-size:9.5px !important;}
  #dashboardView .dash-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ===== Merchant dashboard v4: clean cards + standard SVG icons ===== */
#dashboardView .dash-quick-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:18px 0 0 !important;
}
#dashboardView .dash-quick-card{
  position:relative !important;
  min-height:142px !important;
  border:1px solid #e8ebf4 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important;
  box-shadow:0 8px 22px rgba(42,55,110,.07) !important;
  padding:18px 12px 15px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  overflow:hidden !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
#dashboardView .dash-quick-card::after{content:none !important;}
#dashboardView .dash-quick-card:hover{transform:translateY(-3px) !important;box-shadow:0 14px 30px rgba(42,55,110,.11) !important;border-color:#dce1f4 !important;}
#dashboardView .dash-quick-card:active{transform:translateY(-1px) !important;}
#dashboardView .dash-quick-icon{
  width:50px !important;height:50px !important;border-radius:15px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  margin:0 0 2px !important;font-size:0 !important;line-height:1 !important;
  background:#eef1ff !important;color:#4050d7 !important;
}
#dashboardView .dash-quick-icon::before{content:none !important;display:none !important;}
#dashboardView .dash-quick-icon svg{width:27px !important;height:27px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.9 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon{background:#eef1ff !important;color:#4050d7 !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon{background:#eef7ff !important;color:#2879d8 !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon{background:#f1efff !important;color:#654bd8 !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon{background:#fff6e8 !important;color:#d99519 !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon{background:#fff0f2 !important;color:#e34b62 !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon{background:#edf8f3 !important;color:#24966c !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon{background:#fff0f6 !important;color:#df477b !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon{background:#edf2ff !important;color:#4253d9 !important;}
#dashboardView .dash-quick-title{font-size:14px !important;line-height:1.4 !important;font-weight:900 !important;color:#20243a !important;}
#dashboardView .dash-quick-sub{font-size:10.5px !important;line-height:1.45 !important;color:#858b9d !important;}
#dashboardView .dash-quick-page{margin-top:16px !important;}
#dashboardView .dash-tabs-secondary{display:none !important;}
#dashboardView .dash-tab-panel{margin-top:16px !important;}
#dashboardView .dash-card-back{display:flex;align-items:center;gap:7px;margin:0 0 12px;padding:9px 12px;border:1px solid #e4e7f1;border-radius:12px;background:#fff;color:#4651c9;font-weight:800;cursor:pointer;}
@media (max-width:900px){
  #dashboardView .dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #dashboardView .dash-quick-card{min-height:126px !important;border-radius:18px !important;padding:14px 9px !important;}
  #dashboardView .dash-quick-icon{width:45px !important;height:45px !important;border-radius:13px !important;}
  #dashboardView .dash-quick-icon svg{width:24px !important;height:24px !important;}
  #dashboardView .dash-quick-title{font-size:12.5px !important;}
  #dashboardView .dash-quick-sub{font-size:9.5px !important;}
}
#dashboardView #dashTabProfile:not(.dash-panel-open),
#dashboardView #dashTabProducts:not(.dash-panel-open){display:none !important;}

/* ---------- Vendor dashboard visual system v5: clean cards + profile header ---------- */
#dashboardView .dash-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  background:#fff !important;
  border:1px solid #e8edf5 !important;
  border-radius:22px !important;
  padding:18px 20px !important;
  margin-bottom:18px !important;
  box-shadow:0 8px 28px rgba(24,43,92,.055) !important;
}
#dashboardView .dash-profile-main{display:flex !important;align-items:center !important;gap:14px !important;min-width:0 !important;}
#dashboardView .dash-head-avatar{
  width:76px !important;height:76px !important;border-radius:50% !important;overflow:hidden !important;
  background:#eef3fb !important;border:1px solid #e5eaf3 !important;display:flex !important;
  align-items:center !important;justify-content:center !important;color:#17346c !important;font-size:30px !important;font-weight:900 !important;
  flex:0 0 76px !important;
}
#dashboardView .dash-head-avatar img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
#dashboardView .dash-head-info h2{font-size:22px !important;line-height:1.3 !important;margin:0 !important;font-weight:950 !important;color:#0e1b3d !important;}
#dashboardView .dash-head-info .sub{font-size:12px !important;color:#7a8498 !important;margin-top:5px !important;}
#dashboardView .dash-head-contacts{display:flex !important;align-items:center !important;gap:0 !important;flex-wrap:wrap !important;margin-top:10px !important;}
#dashboardView .dash-contact-chip{
  display:inline-flex !important;align-items:center !important;gap:6px !important;
  color:#243b82 !important;font-size:11px !important;font-weight:700 !important;
  padding:0 12px !important;border-left:1px solid #e7ebf2 !important;line-height:1.6 !important;
  direction:ltr !important;
}
#dashboardView .dash-contact-chip:first-child{padding-right:0 !important;}
#dashboardView .dash-head-actions{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;}
#dashboardView .dash-edit-profile-btn{
  appearance:none !important;border:1px solid #ccd7fb !important;background:#f4f7ff !important;
  color:#2454d8 !important;border-radius:12px !important;padding:10px 14px !important;font-weight:800 !important;font-size:12px !important;cursor:pointer !important;
}
#dashboardView .dash-edit-profile-btn span{font-size:16px !important;vertical-align:-1px !important;margin-left:4px !important;}
#dashboardView .dash-view-btn{border-radius:12px !important;padding:10px 14px !important;}
#dashboardView .dash-logout-btn{border-radius:12px !important;}

#dashboardView .dash-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 0 18px !important;
}
#dashboardView .dash-quick-card{
  position:relative !important;
  min-height:142px !important;
  padding:18px 18px 16px !important;
  border:1px solid #e6eaf2 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 6px 20px rgba(31,46,92,.045) !important;
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;
  text-align:right !important;direction:rtl !important;gap:5px !important;cursor:pointer !important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
}
#dashboardView .dash-quick-card::after{
  content:'‹' !important;position:absolute !important;left:14px !important;bottom:14px !important;
  width:24px !important;height:24px !important;border-radius:50% !important;background:#f5f7fb !important;
  color:#7a8498 !important;font-size:18px !important;line-height:22px !important;text-align:center !important;
}
#dashboardView .dash-quick-card:hover{transform:translateY(-3px) !important;box-shadow:0 12px 28px rgba(31,46,92,.09) !important;border-color:#d9e0ef !important;}
#dashboardView .dash-quick-card:active{transform:translateY(0) !important;}
#dashboardView .dash-quick-icon{
  width:52px !important;height:52px !important;border-radius:16px !important;display:flex !important;
  align-items:center !important;justify-content:center !important;margin:0 0 7px !important;
  font-size:0 !important;box-shadow:none !important;
}
#dashboardView .dash-quick-icon svg{
  width:29px !important;height:29px !important;display:block !important;fill:none !important;
  stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round !important;stroke-linejoin:round !important;
}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon{background:#eef3ff !important;color:#2860d8 !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon{background:#edf3ff !important;color:#2d63da !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon{background:#eef8f3 !important;color:#1b8b62 !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon{background:#f0ebff !important;color:#6548d7 !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon{background:#fff0f3 !important;color:#e84b67 !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon{background:#fff5df !important;color:#e29a16 !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon{background:#edf4ff !important;color:#3264d7 !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon{background:#eef0ff !important;color:#4c4fd2 !important;}
#dashboardView .dash-quick-title{font-size:16px !important;line-height:1.35 !important;font-weight:950 !important;color:#101b3d !important;}
#dashboardView .dash-quick-sub{font-size:11.5px !important;line-height:1.6 !important;color:#7b8495 !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"]{
  background:linear-gradient(145deg,#2e64e8 0%,#2457d7 100%) !important;
  border-color:#2b60df !important;color:#fff !important;
  box-shadow:0 12px 26px rgba(43,96,223,.22) !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-icon{
  background:#fff !important;color:#2b5fd8 !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-title,
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-sub{color:#fff !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"]::after{background:rgba(255,255,255,.18) !important;color:#fff !important;}

@media(max-width:760px){
  #dashboardView .dash-head{padding:16px !important;border-radius:20px !important;gap:14px !important;}
  #dashboardView .dash-profile-main{width:100% !important;}
  #dashboardView .dash-head-avatar{width:64px !important;height:64px !important;flex-basis:64px !important;}
  #dashboardView .dash-head-info h2{font-size:19px !important;}
  #dashboardView .dash-head-contacts{margin-top:7px !important;}
  #dashboardView .dash-contact-chip{font-size:10px !important;padding:0 8px !important;}
  #dashboardView .dash-head-actions{width:100% !important;}
  #dashboardView .dash-head-actions > *{flex:1 1 auto !important;text-align:center !important;}
  #dashboardView .dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #dashboardView .dash-quick-card{min-height:150px !important;padding:16px 14px 15px !important;border-radius:18px !important;}
  #dashboardView .dash-quick-icon{width:48px !important;height:48px !important;border-radius:15px !important;}
  #dashboardView .dash-quick-icon svg{width:27px !important;height:27px !important;}
  #dashboardView .dash-quick-title{font-size:14px !important;}
  #dashboardView .dash-quick-sub{font-size:10.5px !important;}
}


/* =========================================================
   Merchant Dashboard v6 — minimal light UI / mobile-first
   Profile actions: only "ویرایش پروفایل" remains in the card.
   ========================================================= */
#dashboardView .dash-head{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  flex-wrap:nowrap !important;
  background:#fff !important;
  border:1px solid #e8ebf3 !important;
  border-radius:24px !important;
  padding:18px 20px !important;
  margin-bottom:16px !important;
  box-shadow:0 5px 18px rgba(25,39,78,.045) !important;
}
#dashboardView .dash-profile-main{
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  min-width:0 !important;
}
#dashboardView .dash-head-avatar{
  width:68px !important;
  height:68px !important;
  flex:0 0 68px !important;
  border-radius:20px !important;
  background:#f1f4fb !important;
  border:1px solid #e4e8f2 !important;
  color:#315ed5 !important;
  font-size:27px !important;
  box-shadow:none !important;
}
#dashboardView .dash-head-info{min-width:0 !important;}
#dashboardView .dash-head-info h2{
  font-size:19px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  color:#17203b !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#dashboardView .dash-head-info .sub{
  font-size:11.5px !important;
  color:#7b8498 !important;
  margin-top:3px !important;
}
#dashboardView .dash-head-contacts{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin-top:7px !important;
}
#dashboardView .dash-contact-chip{
  padding:3px 8px !important;
  border:1px solid #edf0f5 !important;
  border-radius:999px !important;
  background:#fafbfe !important;
  color:#64708a !important;
  font-size:9.5px !important;
  line-height:1.4 !important;
  direction:ltr !important;
}
#dashboardView .dash-contact-chip:first-child{padding-right:8px !important;}
#dashboardView .dash-head-actions{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
}
#dashboardView .dash-edit-profile-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:40px !important;
  padding:0 13px !important;
  border:1px solid #d8e0f7 !important;
  border-radius:12px !important;
  background:#f7f9ff !important;
  color:#2f58c9 !important;
  font-size:11.5px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
#dashboardView .dash-edit-profile-btn svg{
  width:16px !important;height:16px !important;
  fill:none !important;stroke:currentColor !important;stroke-width:1.7 !important;
  stroke-linecap:round !important;stroke-linejoin:round !important;
}
#dashboardView .dash-edit-profile-btn span{margin:0 !important;font-size:11.5px !important;}
#dashboardView .dash-view-btn,
#dashboardView .dash-head .dash-logout-btn{display:none !important;}

#dashboardView .dash-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:11px !important;
  margin:0 0 12px !important;
}
#dashboardView .dash-quick-card{
  position:relative !important;
  min-height:148px !important;
  padding:15px 14px 14px !important;
  border:1px solid #e7eaf1 !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 4px 15px rgba(28,42,83,.035) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  text-align:right !important;
  direction:rtl !important;
  gap:4px !important;
  cursor:pointer !important;
  overflow:hidden !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease !important;
}
#dashboardView .dash-quick-card::before{
  content:'' !important;
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  width:42px !important;
  height:3px !important;
  border-radius:0 0 0 6px !important;
  background:#dfe7fb !important;
}
#dashboardView .dash-quick-card::after{
  content:'‹' !important;
  position:absolute !important;
  left:11px !important;
  bottom:11px !important;
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  background:#f6f7fa !important;
  color:#9aa2b1 !important;
  font-size:16px !important;
  line-height:20px !important;
  text-align:center !important;
}
#dashboardView .dash-quick-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 9px 22px rgba(31,46,92,.075) !important;
  border-color:#dce2ef !important;
}
#dashboardView .dash-quick-card:active{transform:translateY(0) !important;}
#dashboardView .dash-quick-icon{
  width:44px !important;height:44px !important;
  border-radius:14px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  margin:0 0 8px !important;
  font-size:0 !important;
  box-shadow:none !important;
  border:1px solid rgba(30,63,224,.045) !important;
}
#dashboardView .dash-quick-icon svg{
  width:23px !important;height:23px !important;
  display:block !important;fill:none !important;
  stroke:currentColor !important;stroke-width:1.65 !important;
  stroke-linecap:round !important;stroke-linejoin:round !important;
}
#dashboardView .dash-quick-title{
  font-size:13.5px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  color:#18213b !important;
}
#dashboardView .dash-quick-sub{
  font-size:10px !important;
  line-height:1.55 !important;
  color:#8a91a2 !important;
}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon{background:#eef3ff !important;color:#3864cf !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon{background:#edf4ff !important;color:#2e68d3 !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon{background:#eef8f3 !important;color:#268b68 !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon{background:#f3efff !important;color:#7354d1 !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon{background:#fff1f4 !important;color:#db526c !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon{background:#fff7e8 !important;color:#d99b25 !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon{background:#edf4ff !important;color:#3867d0 !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon{background:#eef0ff !important;color:#5559c9 !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"]{
  background:linear-gradient(145deg,#315fe1 0%,#2b57d2 100%) !important;
  border-color:#315fe1 !important;
  box-shadow:0 9px 22px rgba(49,95,225,.16) !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"]::before{background:rgba(255,255,255,.55) !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-icon{
  background:#fff !important;color:#2f5bd7 !important;border-color:rgba(255,255,255,.7) !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-title,
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-sub{color:#fff !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"]::after{
  background:rgba(255,255,255,.16) !important;color:#fff !important;
}
#dashboardView .dash-account-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:8px 4px 2px !important;
  color:#9aa1b0 !important;
  font-size:9.5px !important;
}
#dashboardView .dash-logout-link{
  color:#7b8495 !important;
  font-size:10px !important;
  font-weight:700 !important;
  padding:4px 7px !important;
  border-radius:8px !important;
}
#dashboardView .dash-logout-link:hover{color:#d14e62 !important;background:#fff1f3 !important;}

@media(max-width:760px){
  #dashboardView .dash-head{
    align-items:flex-start !important;
    padding:15px !important;
    border-radius:21px !important;
    gap:12px !important;
  }
  #dashboardView .dash-profile-main{width:auto !important;flex:1 1 auto !important;min-width:0 !important;}
  #dashboardView .dash-head-avatar{
    width:58px !important;height:58px !important;flex-basis:58px !important;border-radius:17px !important;
  }
  #dashboardView .dash-head-info h2{font-size:16px !important;}
  #dashboardView .dash-head-info .sub{font-size:10px !important;}
  #dashboardView .dash-head-contacts{margin-top:6px !important;gap:4px !important;}
  #dashboardView .dash-contact-chip{font-size:8.5px !important;padding:2px 6px !important;max-width:120px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
  #dashboardView .dash-edit-profile-btn{
    width:40px !important;height:40px !important;padding:0 !important;border-radius:12px !important;
  }
  #dashboardView .dash-edit-profile-btn span{display:none !important;}
  #dashboardView .dash-edit-profile-btn svg{width:17px !important;height:17px !important;}
  #dashboardView .dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
  #dashboardView .dash-quick-card{min-height:139px !important;padding:14px 12px 13px !important;border-radius:18px !important;}
  #dashboardView .dash-quick-icon{width:42px !important;height:42px !important;border-radius:13px !important;margin-bottom:7px !important;}
  #dashboardView .dash-quick-icon svg{width:22px !important;height:22px !important;}
  #dashboardView .dash-quick-title{font-size:12.5px !important;}
  #dashboardView .dash-quick-sub{font-size:9.5px !important;}
}

/* ===== Merchant dashboard icon alignment + refined minimal icon set ===== */
#dashboardView .dash-quick-card{
  align-items:flex-start !important;
  justify-content:flex-end !important;
  text-align:right !important;
  direction:rtl !important;
  padding:18px 16px 17px !important;
  gap:3px !important;
}
#dashboardView .dash-quick-icon{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  width:50px !important;
  height:50px !important;
  margin:0 !important;
  border-radius:15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
#dashboardView .dash-quick-icon svg{
  width:27px !important;
  height:27px !important;
  flex:none !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
#dashboardView .dash-quick-title,
#dashboardView .dash-quick-sub{
  width:100% !important;
  display:block !important;
  text-align:right !important;
}
#dashboardView .dash-quick-title{margin-top:0 !important;}
#dashboardView .dash-quick-card::after{
  content:'›' !important;
  position:absolute !important;
  top:16px !important;
  left:14px !important;
  bottom:auto !important;
  width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:#f5f7fb !important;
  color:#a1a8b5 !important;
  font-size:18px !important;
  line-height:22px !important;
  text-align:center !important;
  direction:ltr !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"]::after{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
@media(max-width:760px){
  #dashboardView .dash-quick-card{
    min-height:150px !important;
    padding:16px 14px 14px !important;
    justify-content:flex-end !important;
  }
  #dashboardView .dash-quick-icon{
    top:15px !important;
    right:14px !important;
    width:46px !important;
    height:46px !important;
    border-radius:14px !important;
  }
  #dashboardView .dash-quick-icon svg{
    width:24px !important;
    height:24px !important;
    stroke-width:1.7 !important;
  }
  #dashboardView .dash-quick-card::after{
    top:15px !important;
    left:11px !important;
    width:22px !important;
    height:22px !important;
    font-size:16px !important;
    line-height:20px !important;
  }
}


/* =========================================================
   Merchant Dashboard v7 — pixel-focused mobile composition
   Based on the supplied reference: clean profile hero, exact
   RTL card geometry, top-corner icons and no logout/view-store
   controls inside the profile card.
   ========================================================= */
#dashboardView > .wrap.mall-page{padding-top:0 !important;}
#dashboardView > .wrap.mall-page > .breadcrumb{display:none !important;}
#dashboardView .dash-head{
  position:relative !important;
  display:block !important;
  min-height:218px !important;
  box-sizing:border-box !important;
  padding:24px 22px !important;
  margin:0 0 16px !important;
  border:1px solid #e7ebf4 !important;
  border-radius:25px !important;
  background:#fff !important;
  box-shadow:0 6px 22px rgba(32,48,96,.045) !important;
  direction:rtl !important;
}
#dashboardView .dash-profile-main{
  width:100% !important;
  display:flex !important;
  flex-direction:row-reverse !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:16px !important;
  min-width:0 !important;
}
#dashboardView .dash-head-avatar{
  width:72px !important;
  height:72px !important;
  flex:0 0 72px !important;
  border-radius:50% !important;
  border:1px solid #e5e9f1 !important;
  background:#eef3fb !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#dashboardView .dash-head-info{
  flex:1 1 auto !important;
  min-width:0 !important;
  padding-top:2px !important;
  text-align:right !important;
}
#dashboardView .dash-head-info h2{
  margin:0 !important;
  color:#101c40 !important;
  font-size:24px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
#dashboardView .dash-head-info .sub{
  margin-top:7px !important;
  color:#7f879b !important;
  font-size:12.5px !important;
  line-height:1.6 !important;
}
#dashboardView .dash-head-contacts{
  margin-top:8px !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  flex-wrap:wrap !important;
}
#dashboardView .dash-contact-chip{
  padding:0 10px !important;
  border:0 !important;
  border-left:1px solid #e9ecf3 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#2850ad !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.6 !important;
}
#dashboardView .dash-contact-chip:first-child{padding-right:0 !important;}
#dashboardView .dash-head-actions{
  position:absolute !important;
  left:22px !important;
  bottom:20px !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
}
#dashboardView .dash-edit-profile-btn{
  width:165px !important;
  height:48px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:0 !important;
  border-radius:17px !important;
  background:#edf3ff !important;
  color:#2858d2 !important;
  font-size:14px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
#dashboardView .dash-edit-profile-btn svg{
  width:17px !important;
  height:17px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
#dashboardView .dash-edit-profile-btn span{display:inline !important;margin:0 !important;font-size:14px !important;}
#dashboardView .dash-view-btn,
#dashboardView .dash-head .dash-logout-btn{display:none !important;}

#dashboardView .dash-quick-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
}
#dashboardView .dash-quick-card{
  position:relative !important;
  min-height:184px !important;
  box-sizing:border-box !important;
  padding:20px 18px 18px !important;
  border:1px solid #e6eaf2 !important;
  border-radius:21px !important;
  background:#fff !important;
  box-shadow:0 5px 18px rgba(30,45,88,.035) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:3px !important;
  text-align:right !important;
  direction:rtl !important;
  overflow:hidden !important;
}
#dashboardView .dash-quick-card::before{display:none !important;}
#dashboardView .dash-quick-card::after{
  content:'›' !important;
  position:absolute !important;
  top:17px !important;
  left:17px !important;
  bottom:auto !important;
  width:25px !important;
  height:25px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:#f5f7fb !important;
  color:#a4abb9 !important;
  font-size:17px !important;
  line-height:1 !important;
  text-align:center !important;
  direction:ltr !important;
}
#dashboardView .dash-quick-icon{
  position:absolute !important;
  top:17px !important;
  right:17px !important;
  width:54px !important;
  height:54px !important;
  margin:0 !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:0 !important;
}
#dashboardView .dash-quick-icon svg{
  width:29px !important;
  height:29px !important;
  display:block !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
#dashboardView .dash-quick-title{
  width:100% !important;
  display:block !important;
  margin:0 !important;
  color:#101b3d !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:950 !important;
  text-align:right !important;
}
#dashboardView .dash-quick-sub{
  width:100% !important;
  display:block !important;
  margin:0 !important;
  color:#858da0 !important;
  font-size:11.5px !important;
  line-height:1.6 !important;
  text-align:right !important;
}
#dashboardView .dash-quick-card:nth-child(1) .dash-quick-icon{background:#eef3ff !important;color:#3262d2 !important;}
#dashboardView .dash-quick-card:nth-child(2) .dash-quick-icon{background:#eef4ff !important;color:#2862d6 !important;}
#dashboardView .dash-quick-card:nth-child(3) .dash-quick-icon{background:#eef8f3 !important;color:#238c67 !important;}
#dashboardView .dash-quick-card:nth-child(4) .dash-quick-icon{background:#f2edff !important;color:#6849d5 !important;}
#dashboardView .dash-quick-card:nth-child(5) .dash-quick-icon{background:#fff0f4 !important;color:#df4e6d !important;}
#dashboardView .dash-quick-card:nth-child(6) .dash-quick-icon{background:#fff6e5 !important;color:#e39a16 !important;}
#dashboardView .dash-quick-card:nth-child(7) .dash-quick-icon{background:#eef4ff !important;color:#3264d6 !important;}
#dashboardView .dash-quick-card:nth-child(8) .dash-quick-icon{background:#eef0ff !important;color:#5059d3 !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"]{
  background:linear-gradient(145deg,#2f64e7 0%,#2459d9 100%) !important;
  border-color:#2f64e7 !important;
  box-shadow:0 10px 24px rgba(42,93,222,.18) !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-icon{
  background:#fff !important;color:#2c5fd6 !important;
}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-title,
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-sub{color:#fff !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"]::after{background:rgba(255,255,255,.18) !important;color:#fff !important;}
#dashboardView .dash-account-row{display:none !important;}

@media(max-width:760px){
  #dashboardView > .wrap.mall-page{padding:0 20px !important;}
  #dashboardView .dash-head{
    min-height:218px !important;
    padding:22px 20px !important;
    border-radius:24px !important;
    margin-bottom:16px !important;
  }
  #dashboardView .dash-profile-main{gap:14px !important;}
  #dashboardView .dash-head-avatar{width:66px !important;height:66px !important;flex-basis:66px !important;}
  #dashboardView .dash-head-info h2{font-size:21px !important;}
  #dashboardView .dash-head-info .sub{font-size:11.5px !important;margin-top:5px !important;}
  #dashboardView .dash-contact-chip{font-size:10px !important;}
  #dashboardView .dash-head-actions{left:20px !important;bottom:19px !important;}
  #dashboardView .dash-edit-profile-btn{width:160px !important;height:46px !important;border-radius:16px !important;}
  #dashboardView .dash-edit-profile-btn span{display:inline !important;font-size:13.5px !important;}
  #dashboardView .dash-quick-grid{gap:14px !important;}
  #dashboardView .dash-quick-card{min-height:184px !important;border-radius:20px !important;padding:20px 16px 18px !important;}
  #dashboardView .dash-quick-icon{top:17px !important;right:16px !important;width:52px !important;height:52px !important;border-radius:16px !important;}
  #dashboardView .dash-quick-icon svg{width:28px !important;height:28px !important;}
  #dashboardView .dash-quick-card::after{top:17px !important;left:16px !important;width:24px !important;height:24px !important;font-size:16px !important;}
  #dashboardView .dash-quick-title{font-size:15px !important;}
  #dashboardView .dash-quick-sub{font-size:10.5px !important;}
}

/* ===== FINAL MOBILE DASHBOARD ALIGNMENT — reference geometry ===== */
#dashboardView > .wrap.mall-page{max-width:100% !important;box-sizing:border-box !important;}
#dashboardView .dash-head-actions .dash-view-btn,
#dashboardView .dash-head-actions .dash-logout-btn,
#dashboardView .dash-view-btn{display:none !important;}
#dashboardView .dash-head{min-height:250px !important;height:250px !important;padding:24px 22px !important;margin:0 0 26px !important;border-radius:25px !important;box-sizing:border-box !important;}
#dashboardView .dash-profile-main{flex-direction:row-reverse !important;align-items:flex-start !important;gap:16px !important;}
#dashboardView .dash-head-avatar{width:76px !important;height:76px !important;flex-basis:76px !important;border-radius:50% !important;}
#dashboardView .dash-head-info h2{font-size:23px !important;line-height:1.35 !important;}
#dashboardView .dash-head-info .sub{font-size:12px !important;margin-top:7px !important;}
#dashboardView .dash-contact-chip{font-size:11px !important;padding:0 10px !important;}
#dashboardView .dash-head-actions{left:22px !important;bottom:22px !important;}
#dashboardView .dash-edit-profile-btn{width:190px !important;height:70px !important;border-radius:17px !important;font-size:15px !important;background:#edf3ff !important;}
#dashboardView .dash-edit-profile-btn span{font-size:15px !important;}
#dashboardView .dash-edit-profile-btn svg{width:18px !important;height:18px !important;}
#dashboardView .dash-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}
#dashboardView .dash-quick-card{min-height:210px !important;height:210px !important;padding:20px 18px 23px !important;border-radius:21px !important;justify-content:flex-end !important;box-sizing:border-box !important;}
#dashboardView .dash-quick-icon{top:34px !important;right:18px !important;width:66px !important;height:66px !important;border-radius:17px !important;}
#dashboardView .dash-quick-icon svg{width:34px !important;height:34px !important;stroke-width:1.65 !important;}
#dashboardView .dash-quick-card::after{top:27px !important;left:18px !important;width:27px !important;height:27px !important;font-size:18px !important;}
#dashboardView .dash-quick-title{font-size:16px !important;line-height:1.45 !important;}
#dashboardView .dash-quick-sub{font-size:11.5px !important;line-height:1.6 !important;}
#dashboardView .dash-quick-card[data-dash-action="add-product"] .dash-quick-icon{background:#fff !important;color:#2c5fd6 !important;}
@media(max-width:760px){
  #dashboardView > .wrap.mall-page{padding:0 20px !important;}
  #dashboardView .dash-head{height:250px !important;min-height:250px !important;margin-bottom:26px !important;padding:24px 22px !important;}
  #dashboardView .dash-head-avatar{width:76px !important;height:76px !important;flex-basis:76px !important;}
  #dashboardView .dash-head-info h2{font-size:23px !important;}
  #dashboardView .dash-head-actions{left:22px !important;bottom:22px !important;}
  #dashboardView .dash-edit-profile-btn{width:190px !important;height:70px !important;}
  #dashboardView .dash-quick-grid{gap:14px !important;}
  #dashboardView .dash-quick-card{height:210px !important;min-height:210px !important;border-radius:21px !important;padding:20px 18px 23px !important;}
  #dashboardView .dash-quick-icon{top:34px !important;right:18px !important;width:66px !important;height:66px !important;border-radius:17px !important;}
  #dashboardView .dash-quick-icon svg{width:34px !important;height:34px !important;}
  #dashboardView .dash-quick-card::after{top:27px !important;left:18px !important;width:27px !important;height:27px !important;}
}