/* ===== General Styles (Unchanged) ===== */
    :root{--bg:#f6f6f7;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--shadow:0 10px 22px rgba(0,0,0,.06);--accent:#f6c14b;--accent2:#f2b232}
    *{box-sizing:border-box}
    body{margin:0;font-family:"Kalameh",Tahoma,Arial;background:var(--bg);color:var(--text)}
    a{color:inherit;text-decoration:none}
    .top{position:sticky;top:0;background:rgba(246,246,247,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}
    .top-inner{display:flex;align-items:center;gap:10px;padding:12px 14px}
    .back{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;font-size:14px}
    .title{font-weight:900;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .container{padding:12px 14px 24px}
    .card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden; margin-bottom: 24px;}
    .body{padding:12px 14px}
    .h1{font-weight:900;font-size:15px;line-height:1.6;margin:0 0 10px}
    .sub{color:var(--muted);font-size:12px;margin:0 0 12px}
    .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .kv{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fafafa}
    .kv .k{font-size:11px;color:var(--muted)}
    .kv .v{font-size:13px;font-weight:800;margin-top:4px}
    .price{margin-top:12px;background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:14px;padding:12px;text-align:center;font-weight:800;font-size:16px}
    .price span{font-size:13px;font-weight:800;opacity:.9}
    .note{margin-top:12px;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:12px;line-height:1.8}

    /* ===== Gallery Styles (Unchanged) ===== */
    .gallery-wrap{background:#f3f4f6;padding:12px}
    .listingSwiper{width:100%;height:clamp(220px, 58vw, 360px);border-radius:16px;overflow:hidden;background:#e5e7eb}
    .listingSwiper .swiper-slide{width:100%;height:100%}
    .listingSwiper .swiper-slide a, .listingSwiper .swiper-slide{display:block;width:100%;height:100%}
    .listingSwiper img{width:100%;height:100%;object-fit:cover;display:block}
    .listingSwiper .swiper-button-next, .listingSwiper .swiper-button-prev{width:38px;height:38px;border-radius:999px;background:rgba(17,24,39,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}
    .listingSwiper .swiper-button-next:after, .listingSwiper .swiper-button-prev:after{font-size:16px;color:#fff;font-weight:900}
    .listingSwiper .swiper-pagination-bullet{opacity:.55}
    .listingSwiper .swiper-pagination-bullet-active{opacity:1}
    .thumbs{margin-top:10px}
    .listingThumbs{width:100%;padding:0 2px}
    .listingThumbs .swiper-slide{width:64px;height:56px;border-radius:12px;overflow:hidden;opacity:.55;border:1px solid rgba(0,0,0,.06);background:#e5e7eb}
    .listingThumbs .swiper-slide-thumb-active{opacity:1;outline:2px solid var(--accent2);outline-offset:2px}
    .listingThumbs img{width:100%;height:100%;object-fit:cover;display:block}
    .noimg{display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:12px}
    @media (prefers-reduced-motion: reduce){.listingSwiper *{transition:none !important;animation:none !important}}

    /*
    ============================================
    === NEW SELLER INFO CARD STYLES
    ============================================
    */
    .seller-card {
        background: var(--card);
        border-radius: 18px;
        box-shadow: var(--shadow);
        overflow: hidden;
    }
    .seller-card__header {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px;
    }
    .seller-card__avatar {
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: var(--line); /* Placeholder color */
        overflow: hidden;
    }
    .seller-card__avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .seller-card__details {
        display: flex;
        flex-direction: column;
        gap: 4px;
        /* Prevent long text from breaking layout */
        overflow: hidden;
    }
    .seller-card__name {
        font-size: 16px;
        font-weight: 800;
        color: var(--text);
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .seller-card__meta {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        color: var(--muted);
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .seller-card__meta svg {
        flex-shrink: 0;
        width: 14px;
        height: 14px;
    }

    /* Professional Action Bar */
    .seller-card__actions {
        display: flex;
        border-top: 1px solid var(--line);
        background-color: #fcfcfd;
    }
    .seller-card__action-btn {
        flex: 1 1 0; /* Distribute space evenly */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 14px 10px;
        font-size: 13px;
        font-weight: 700;
        color: var(--text);
        text-align: center;
        transition: background-color 0.2s ease;
    }
    /* Add separator lines between buttons */
    .seller-card__action-btn:not(:first-child) {
        border-right: 1px solid var(--line);
    }
    .seller-card__action-btn:hover {
        background-color: #f3f4f6; /* Subtle hover effect */
    }
    .seller-card__action-btn:active {
        background-color: #e5e7eb; /* Feedback on tap */
    }
    .seller-card__action-btn svg {
        width: 20px;
        height: 20px;
        color: var(--muted);
    }
    /* Special color for call button */
    .seller-card__action-btn--call {
        color: #16a34a; /* Green color for call */
    }
     .seller-card__action-btn--call svg {
        color: #16a34a;
    }

    /* استایل بخش قفل اطلاعات فروشنده*/
/* --- موبایل محور --- */
.seller-card__details{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.seller-card__row{
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.seller-card__label{
  font-size:12px;
  color: var(--muted, rgba(0,0,0,.62));
  white-space:nowrap;
}

.seller-card__value{
  font-size:13px;
  font-weight:700;
  max-width: 62%;
  text-align:left;
  direction:ltr; /* برای شماره تماس بهتره */
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* مقدار فیک + بلور (لیبل‌ها واضح می‌مونن) */
.seller-card__value--blur{
  filter: blur(6px);
  opacity:.9;
  user-select:none;
}

/* آواتار فیک (مثل عکس محو) */
.seller-card__avatar-fake{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(212,175,55,.55), transparent 45%),
    radial-gradient(circle at 70% 70%, rgba(0,0,0,.10), transparent 50%),
    linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
  filter: blur(1.5px);
  border: 1px solid rgba(0,0,0,.06);
}

/* --- اکشن لاک شده: مشکل اصلی نمایش همینجا بود --- */
.seller-card__actions--locked{
  position:relative;
  margin-top:12px;
  min-height: 64px;      /* ✅ جلوگیری از بریده شدن اوورلی در موبایل */
  border-radius: 14px;
  overflow:hidden;
}

/* دکمه‌های زیرین فیک/محو */
.seller-card__actions-blur{
  display:flex;
  gap:10px;
  padding: 10px;
  filter: blur(7px);
  opacity:.9;
  pointer-events:none;
}

/* اوورلی وسط (تمام فضای actions) */
.seller-card__unlock{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 10px 12px;
  text-align:center;
  text-decoration:none;
  color:inherit;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(2px);
}

/* متن واضح */
.seller-card__unlock-title{
  font-size:13px;
  font-weight:900;
  line-height:1.3;
}

/* دکمه طلایی */
.seller-card__unlock-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight:900;
  font-size:13px;
  color:#1f1f1f;
  background: linear-gradient(135deg, #D4AF37, #F7E27C);
  border: 1px solid rgba(212,175,55,.55);
  box-shadow: 0 12px 26px rgba(212,175,55,.22);
  white-space:nowrap;
}