* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(169, 158, 120, 0.1),
      transparent 30%
    ),
    #bfa2a2;

  font-family: Arial, sans-serif;
}

/* نور طلایی متحرک */
.main-header::before {
  display: flex;

  align-items: center;

  justify-content: space-between;

  content: "";

  position: absolute;

  width: 200%;
  height: 500%;

  top: -200%;
  left: -50%;

  background: conic-gradient(
    transparent,
    transparent,
    transparent,
    #8f6500,
    #ffd369,
    #fff0a5,
    #ffd369,
    transparent
  );

  animation: goldBorder 4s linear infinite;

  z-index: -2;
}

/* لایه داخلی شیشه */
.main-header::after {
  content: "";

  position: absolute;
  inset: 2px;

  border-radius: 20px;

  background: rgba(8, 8, 8, 0.82);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  z-index: -1;
}

/* چرخش نور */
@keyframes goldBorder {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* لوگو */
.header-logo {
  width: 82px;
  height: 82px;

  object-fit: cover;
  border-radius: 50%;

  filter: drop-shadow(0 0 10px rgba(255, 211, 105, 0.45));
}

.main-header {
  position: relative;

  width: 94%;
  min-height: 95px;
  margin: 20px auto;
  padding: 12px 28px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  border-radius: 22px;

  background: rgba(10, 10, 10, 0.45);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  border: 1px solid transparent;

  box-shadow:
    0 15px 40px rgba(0, 0, 0, 0.65),
    inset 0 0 20px rgba(255, 255, 255, 0.025);

  overflow: hidden;
}

/* اسم */
.brand-name {
  direction: rtl;
  margin: 0;

  color: #ffd369;
  font-size: 24px;
  font-weight: bold;

  transform: translateX(58px);

  text-shadow: 0 0 8px rgba(255, 211, 105, 0.35);
}
/* شعار */
.brand-slogan {
  margin-top: 3px;

  color: #aaa;
  font-size: 12px;
  font-weight: normal;

  letter-spacing: 0.3px;
}

.brand {
  position: relative;
  z-index: 5;

  display: flex;
  align-items: center;

  gap: 30px;

  direction: ltr;
}

.brand-text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;

  direction: rtl;
}

/* =========================
   SERVICES CONTAINER
========================= */

.services-menu {
  width: 94%;
  margin: 30px auto 20px;

  padding: 8px 0;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;

  gap: 8px;

  direction: rtl;

  /* حذف پنجره بزرگ */
  background: transparent;
  border: none;
  border-radius: 0;

  backdrop-filter: none;
  -webkit-backdrop-filter: none;

  box-shadow: none;

  overflow: visible;
}

/* =========================
   دکمه‌های کوچک
========================= */

.service-item {
  min-height: 36px;
  min-width: 0px;
  white-space: nowrap;

  padding: 8px 9px;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  gap: 6px;

  background: rgba(5, 5, 5, 0.45);

  border: 1px solid rgba(255, 211, 105, 0.15);
  border-radius: 10px;

  color: #cfcfcf;

  font-size: 11px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.3s ease;
}

/* آیکون */
.service-icon {
  font-size: 13px;
  color: #ffd369;

  transition: 0.3s ease;
}

/* هاور */
.service-item:hover {
  color: #ffd369;

  border-color: rgba(255, 211, 105, 0.65);

  background: rgba(255, 211, 105, 0.07);

  transform: translateY(-2px);

  box-shadow:
    0 5px 15px rgba(0, 0, 0, 0.4),
    0 0 10px rgba(255, 211, 105, 0.1);
}

.service-item:hover .service-icon {
  transform: scale(1.15);
}

/* دکمه ورود و ثبت‌نام؛ آخرین گزینه در سمت چپ فهرست */
.gk-user-account-entry {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;

  color: #fff4d0;
  background: linear-gradient(
    135deg,
    rgba(126, 28, 61, 0.96),
    rgba(18, 47, 88, 0.96)
  );
  border-color: rgba(255, 211, 105, 0.72);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 5px 14px rgba(15, 25, 52, 0.3);
}

.gk-user-account-icon {
  width: 16px;
  height: 16px;
  display: inline-grid;
  place-items: center;
}

.gk-user-account-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gk-user-account-entry:hover,
.gk-user-account-entry:focus-visible {
  color: #ffffff;
  background: linear-gradient(
    135deg,
    rgba(157, 38, 78, 1),
    rgba(27, 68, 122, 1)
  );
  border-color: #ffd369;
  transform: translateY(-2px) scale(1.045);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 8px 20px rgba(20, 34, 72, 0.42),
    0 0 15px rgba(255, 211, 105, 0.22);
}

.gk-user-account-entry:focus-visible {
  outline: 2px solid rgba(255, 211, 105, 0.9);
  outline-offset: 3px;
}

@media (max-width: 1200px) {
  .services-menu {
    width: 98%;
    gap: 5px;
  }

  .service-item {
    padding: 7px 7px;
    gap: 4px;
    font-size: 10px;
  }

  .service-icon {
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gk-user-account-entry:hover,
  .gk-user-account-entry:focus-visible {
    transform: none;
  }
}

/* =========================
   آگهی ویژه
========================= */

.service-item.special {
  color: #ffd369;

  border-color: rgba(255, 211, 105, 0.5);

  background: linear-gradient(
    135deg,
    rgba(212, 175, 55, 0.15),
    rgba(5, 5, 5, 0.6)
  );
}

/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {
  .services-menu {
    width: 92%;

    padding: 12px 10px;

    gap: 5px;

    border-radius: 18px;
  }

  .service-item {
    padding: 8px 10px;

    font-size: 11px;

    flex-grow: 1;
  }

  .service-icon {
    font-size: 15px;
  }
}

/* =========================
   ADS SECTION
========================= */

.ads-section {
  width: 94%;

  margin: 30px auto 30px;

  direction: rtl;
}

/* عنوان بخش */
.section-title {
  margin-bottom: 15px;
}

.section-title h2 {
  margin: 0;

  color: #ffd369;
  font-size: 22px;

  text-shadow: 0 0 10px rgba(255, 211, 105, 0.25);
}

.section-title span {
  display: block;

  margin-top: 4px;

  color: #888;
  font-size: 11px;
}

/* =========================
   AD CARD
========================= */

.ad-card {
  position: relative;

  width: 180px;
  height: 260px;

  padding: 3px;
  border-radius: 18px;

  overflow: hidden;

  background: #080808;
}

/* نور طلایی متحرک دور کارت */
.ad-card::before {
  content: "";

  position: absolute;

  width: 180%;
  height: 300%;

  top: -100%;
  left: -40%;

  background: conic-gradient(
    transparent 0deg,
    transparent 250deg,
    #8f6500 285deg,
    #ffd369 310deg,
    #fff4bd 325deg,
    #ffd369 340deg,
    transparent 360deg
  );

  animation: adGoldBorder 3s linear infinite;
}

/* عکس */
.ad-image {
  position: relative;

  width: 100%;
  height: 100%;

  border-radius: 15px;
  overflow: hidden;

  background: #111;

  z-index: 2;
}

.ad-image img {
  width: 100%;
  height: 100%;

  /* مهم */
  object-fit: cover;

  display: block;
}

/* زوم خیلی کم */
.ad-card:hover .ad-image img {
  transform: scale(1.04);
}

/* چرخش نور طلایی */
@keyframes adGoldBorder {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* هاور کارت */
.ad-card:hover {
  transform: translateY(-6px);

  border-color: rgba(255, 211, 105, 0.6);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.6),
    0 0 22px rgba(255, 211, 105, 0.12);
}

/* =========================
   IMAGE
========================= */

.ad-image {
  position: relative;

  width: 100%;
  height: 165px;

  overflow: hidden;

  background: #111;
}

.ad-image img {
  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.ad-card:hover .ad-image img {
  transform: scale(1.06);
}
/* برچسب ویژه */
.ad-badge {
  position: absolute;

  top: 10px;
  right: 10px;

  padding: 5px 9px;

  border-radius: 8px;

  background: rgba(5, 5, 5, 0.8);

  border: 1px solid rgba(255, 211, 105, 0.45);

  color: #ffd369;

  font-size: 10px;
  font-weight: bold;

  backdrop-filter: blur(8px);
}

/* =========================
   CONTENT
========================= */

.ad-content {
  padding: 14px;
}

.ad-content h3 {
  margin: 0 0 7px;

  color: #f1f1f1;

  font-size: 16px;
}

.ad-description {
  margin: 0 0 12px;

  color: #999;

  font-size: 11px;
  line-height: 1.8;
}
/* محل و زمان */
.ad-info {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-bottom: 10px;
  margin-bottom: 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.06);

  color: #777;

  font-size: 10px;
}

/* =========================
   PRICE + BUTTON
========================= */

.ad-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;
}

.ad-price {
  color: #ffd369;

  font-size: 13px;

  white-space: nowrap;
}

/* مشاهده آگهی */
.view-ad {
  padding: 7px 10px;

  border: 1px solid rgba(255, 211, 105, 0.35);
  border-radius: 9px;

  background: rgba(255, 211, 105, 0.06);

  color: #ffd369;

  font-size: 10px;

  cursor: pointer;

  transition: 0.3s ease;
}

.view-ad:hover {
  background: #ffd369;

  color: #080808;

  transform: translateY(-2px);

  box-shadow: 0 5px 15px rgba(255, 211, 105, 0.2);
}
/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {
  .ads-section {
    width: 92%;
  }

  .ad-card {
    width: 100%;
    max-width: 340px;
  }

  .ad-image {
    height: 180px;
  }
}

.ad-card {
  width: 150px !important;
  height: 225px !important;

  padding: 3px !important;
  border-radius: 16px !important;

  overflow: hidden !important;
  background: #080808 !important;
}

.ad-image {
  width: 100% !important;
  height: 100% !important;

  border-radius: 15px !important;

  overflow: hidden !important;
}

.ad-image img {
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;

  display: block !important;
}

/* کادر دکمه‌ها */
.ad-actions {
  position: absolute;

  bottom: 12px;
  left: 50%;

  transform: translateX(-50%);

  width: 90%;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 6px;

  z-index: 10;
}

/* هر دو دکمه */
.ad-details-btn,
.ad-buy-btn {
  position: relative;

  flex: 1;

  padding: 8px 5px;

  border-radius: 9px;

  font-size: 10px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.3s ease;
}
/* مشاهده اطلاعات - بنفش سلطنتی */

/* مشاهده اطلاعات - سرمه‌ای سلطنتی */
.ad-details-btn {
  border: 1px solid rgba(75, 115, 190, 0.75);

  background: linear-gradient(135deg, #071426, #102b4e, #183d68);

  color: #dceaff;

  box-shadow: 0 0 12px rgba(40, 95, 170, 0.22);

  transition: 0.3s ease;
}

/* خرید - زرشکی سلطنتی */
.ad-buy-btn {
  border: 1px solid rgba(190, 75, 100, 0.75);

  background: linear-gradient(135deg, #300812, #601426, #81233b);

  color: #ffe3e9;

  box-shadow: 0 0 12px rgba(175, 40, 70, 0.22);

  transition: 0.3s ease;
}

/* هاور سرمه‌ای */
.ad-details-btn:hover {
  background: linear-gradient(135deg, #0b1d36, #174271, #20558e);

  color: #ffffff;

  transform: translateY(-2px);
  box-shadow:
    0 8px 15px rgba(0, 0, 0, 0.85),
    inset 0 -4px 6px rgba(0, 0, 0, 0.55);
}

/* هاور زرشکی */
.ad-buy-btn:hover {
  background: linear-gradient(135deg, #48101e, #7c1d35, #a32e4d);

  color: #ffffff;

  transform: translateY(-2px);

  box-shadow:
    0 8px 15px rgba(0, 0, 0, 0.85),
    inset 0 -4px 6px rgba(0, 0, 0, 0.55);
}
.ads-grid {
  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 9px;

  flex: none;

  direction: rtl;
}
.ad-image {
  position: relative;
}
.ad-slide {
  position: absolute;
  inset: 0;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover;

  opacity: 0;
  transform: translateX(6px) scale(1.01);

  transition:
    opacity 0.65s ease,
    transform 0.65s ease;
}

.ad-slide.active {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.ads-section {
  width: 94%;
  margin: 3px auto 18px;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  gap: 1px;

  direction: ltr;
}
.special-ads-title {
  width: 70px;
  height: 85px;
  min-height: 0;

  flex-shrink: 0;
  padding: 10px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  direction: rtl;

  border-radius: 12px;

  background: rgba(10, 10, 10, 0.55);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border: 1px solid rgba(255, 211, 105, 0.35);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.special-star {
  font-size: 15px;
  margin-bottom: 3px;
  color: #ffd369;
}

.special-ads-title h2 {
  margin: 0;
  font-size: 10px;
  color: #ffd369;
}
.special-ads-title {
  transform: translateX(-15px);
}

/* قسمت دارای غلتک */

.market-scroll {
  height: 450px;

  margin-top: 10px;

  padding: 10px;

  box-sizing: border-box;

  overflow-y: auto;
  overflow-x: hidden;

  scrollbar-width: thin;
  scrollbar-color: #d4af37 rgba(0, 0, 0, 0.3);
}

/* غلتک برای Chrome */

.market-scroll::-webkit-scrollbar {
  width: 6px;
}

.market-scroll::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);

  border-radius: 10px;
}

.market-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(#8f6500, #ffd369, #8f6500);

  border-radius: 10px;
}

/* کادر سرچ */

.market-search {
  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 45%;
  max-width: 420px;
  min-width: 230px;

  height: 38px;

  display: flex;
  align-items: center;

  direction: rtl;

  overflow: hidden;

  border: 1px solid rgba(255, 211, 105, 0.45);
  border-radius: 12px;

  background: rgba(5, 5, 5, 0.55);
}

/* اینپوت */
.market-search input {
  flex: 1;

  height: 100%;

  padding: 0 13px;

  border: none;
  outline: none;

  background: transparent;

  color: #fff;

  font-size: 12px;

  direction: rtl;
}

/* متن داخل سرچ */
.market-search input::placeholder {
  color: #777;
}

/* دکمه ذره‌بین */
.market-search-btn {
  width: 42px;
  height: 100%;

  border: none;
  border-right: 1px solid rgba(255, 211, 105, 0.2);

  background: rgba(255, 211, 105, 0.06);

  color: #ffd369;

  cursor: pointer;

  transition: 0.25s;
}

.market-search-btn:hover {
  background: rgba(255, 211, 105, 0.15);
}
.market-search:hover {
  border-color: #ffd369;

  box-shadow:
    0 0 18px rgba(255, 211, 105, 0.22),
    inset 0 0 10px rgba(0, 0, 0, 0.65);
}

.market-search:hover .market-search-btn {
  background: #ffd369;
  color: #080808;
}
.market-search {
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    background 0.3s ease;
}

/* کل مجموعه سرچ */
.search-wrapper {
  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  display: flex;
  align-items: center;

  direction: ltr;

  z-index: 10;
}

/* دکمه کوچک ذره‌بین */
.search-toggle {
  position: relative;

  width: 42px;
  height: 42px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 211, 105, 0.45);
  border-radius: 12px;

  background: rgba(5, 5, 5, 0.65);

  color: #ffd369;

  font-size: 17px;

  cursor: pointer;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow: 0 0 10px rgba(255, 211, 105, 0.08);

  transition: 0.3s ease;

  z-index: 5;
}

/* هاور ذره‌بین */
.search-toggle:hover {
  background: #ffd369;

  color: #080808;

  transform: scale(1.07);

  box-shadow: 0 0 18px rgba(255, 211, 105, 0.35);
}

/* پنجره سرچ */
.search-panel {
  width: 0;

  height: 40px;

  margin-left: 0;

  display: flex;
  align-items: center;

  overflow: hidden;

  opacity: 0;

  background: rgba(5, 5, 5, 0.75);

  border: 1px solid transparent;
  border-radius: 12px;

  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

  transition:
    width 0.45s ease,
    opacity 0.3s ease,
    margin-left 0.45s ease,
    border-color 0.3s ease;
}

/* وقتی سرچ باز می‌شود */
.search-wrapper.active .search-panel {
  width: 330px;

  margin-left: 8px;

  opacity: 1;

  border-color: rgba(255, 211, 105, 0.45);
}

/* اینپوت */
.search-panel input {
  flex: 1;

  min-width: 0;
  height: 100%;

  padding: 0 13px;

  border: none;
  outline: none;

  background: transparent;

  color: white;

  font-size: 12px;

  direction: rtl;
}

/* placeholder */
.search-panel input::placeholder {
  color: #777;
}

/* دکمه جستجو */
.search-submit {
  height: 100%;

  padding: 0 14px;

  border: none;
  border-right: 1px solid rgba(255, 211, 105, 0.25);

  background: rgba(255, 211, 105, 0.08);

  color: #ffd369;

  font-size: 11px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s;
}

.search-submit:hover {
  background: #ffd369;
  color: #080808;
}
.notification-btn {
  position: relative;

  width: 42px;
  height: 42px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-right: 5px;

  border: 1px solid rgba(255, 211, 105, 0.45);
  border-radius: 12px;

  background: rgba(5, 5, 5, 0.65);

  color: #ffd369;

  cursor: pointer;

  z-index: 20;

  transition: 0.3s ease;
}
/* طلایی شدن کل دکمه زنگوله */
.notification-btn:hover {
  background: #ffd369;
  border-color: #ffd369;
  color: #080808;

  box-shadow:
    0 0 10px rgba(255, 211, 105, 0.5),
    0 0 22px rgba(255, 211, 105, 0.25);

  transform: scale(1.07);
}

/* تکان خوردن خود زنگوله */
.notification-btn:hover .bell-icon {
  animation: bellShake 0.55s ease;
}

@keyframes bellShake {
  0% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(18deg);
  }

  40% {
    transform: rotate(-18deg);
  }

  60% {
    transform: rotate(12deg);
  }

  80% {
    transform: rotate(-8deg);
  }

  100% {
    transform: rotate(0deg);
  }
}
/* خط کوچک متفاوت بالای کارت */
.normal-ad-card::before {
  content: "";

  position: absolute;

  top: 0;
  right: 12px;

  width: 35px;
  height: 2px;

  border-radius: 5px;

  background: #79b8d8;
  grid-template-columns: repeat(auto-fill, 145px);

  gap: 15px;

  justify-content: start;

  direction: rtl;

  box-sizing: border-box;
}

.normal-ad-card {
  position: relative;

  width: 145px;
  height: 145px;

  overflow: hidden;

  border-radius: 16px;

  background: linear-gradient(
    145deg,
    rgba(12, 20, 32, 0.94),
    rgba(24, 29, 38, 0.9)
  );

  border: 1px solid rgba(105, 165, 200, 0.3);

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);

  transition: 0.3s ease;

  box-shadow: 0 0 8px rgba(121, 184, 216, 0.45);
}
/* هاور */
.normal-ad-card:hover {
  background: linear-gradient(
    145deg,
    rgba(40, 78, 112, 0.82),
    rgba(25, 58, 90, 0.78)
  );

  border-color: rgba(158, 220, 255, 0.85);

  transform: translateY(-5px) scale(1.03);

  box-shadow:
    0 12px 25px rgba(0, 0, 0, 0.35),
    0 0 18px rgba(100, 190, 235, 0.25);
}
.normal-ad-card {
  background: linear-gradient(
    145deg,
    rgba(28, 55, 82, 0.72),
    rgba(18, 42, 68, 0.65)
  );

  border: 1px solid rgba(130, 195, 230, 0.45);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.25),
    inset 0 1px 1px rgba(255, 255, 255, 0.08);
}

.normal-ad-card:hover {
  transform: translateY(-5px) scale(1.03);

  border-color: rgba(121, 184, 216, 0.85);

  background: linear-gradient(
    145deg,
    rgba(17, 35, 55, 0.98),
    rgba(28, 38, 50, 0.96)
  );

  box-shadow:
    0 12px 25px rgba(0, 0, 0, 0.45),
    0 0 16px rgba(90, 170, 210, 0.22);
}

/* خط بالای کارت هم موقع هاور روشن‌تر شود */
.normal-ad-card:hover::before {
  width: 55px;

  background: #9edcff;

  box-shadow: 0 0 12px rgba(158, 220, 255, 0.65);
}

.normal-ad-image {
  width: 100%;
  height: 100%;

  object-fit: cover;

  border-radius: inherit;

  display: block;

  transition: transform 0.35s ease;
}

.normal-ad-card:hover .normal-ad-image {
  transform: scale(1.04);
}

/* ===== پنجره اصلی خودرو و وسایل نقلیه ===== */
.vehicle-market {
  width: calc(100% - 50px);
  max-width: 1400px;

  height: 1330px !important;
  min-height: 1330px !important;

  margin: 24px auto;
  padding: 18px;

  box-sizing: border-box;

  direction: rtl;

  border: 1px solid rgba(241, 199, 91, 0.28);
  border-radius: 22px;

  background: linear-gradient(145deg, #02070d 0%, #061525 45%, #020911 100%);

  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.55),
    inset 0 0 35px rgba(13, 54, 88, 0.18);
}

.vehicle-hero {
  position: relative;

  width: 100%;
  height: 210px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  overflow: hidden;

  border: 1px solid rgba(241, 199, 91, 0.55);
  border-radius: 20px;

  background: linear-gradient(110deg, #02070c 0%, #071a2d 45%, #02070c 100%);

  box-shadow:
    inset 0 0 45px rgba(15, 67, 105, 0.25),
    0 0 16px rgba(241, 199, 91, 0.08);
}
.vehicle-hero-center {
  position: relative;
  z-index: 3;

  flex: 1;

  text-align: center;
}

.vehicle-hero-icon {
  width: 46px;
  height: 46px;

  margin: 0 auto 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #f1c75b;
  border-radius: 12px;

  background: rgba(241, 199, 91, 0.06);

  font-size: 21px;

  box-shadow: 0 0 12px rgba(241, 199, 91, 0.22);
}

.vehicle-hero-center h2 {
  margin: 0;

  color: #f1c75b;

  font-size: 25px;
  font-weight: 800;
}

.vehicle-hero-center p {
  margin: 7px 0 0;

  color: rgba(235, 244, 250, 0.8);

  font-size: 11px;
}
/* ===== عکس ماشین سمت چپ ===== */

.vehicle-hero-car {
  width: 34%;
  height: 100%;

  display: flex;
  align-items: flex-end;
  justify-content: flex-start;

  overflow: hidden;
}

.vehicle-hero-car img {
  width: 100%;
  max-width: 390px;
  height: 190px;

  display: block;

  object-fit: contain;
  object-position: left bottom;

  filter: drop-shadow(0 12px 15px rgba(0, 0, 0, 0.6))
    drop-shadow(0 0 8px rgba(241, 199, 91, 0.12));
}
/* ===== عکس موتور سمت راست ===== */

.vehicle-hero-motor {
  width: 34%;
  height: 100%;

  display: flex;
  align-items: flex-end;
  justify-content: flex-end;

  overflow: hidden;
}

.vehicle-hero-motor img {
  width: 100%;
  max-width: 300px;
  height: 185px;

  display: block;

  object-fit: contain;
  object-position: right bottom;

  filter: drop-shadow(0 12px 15px rgba(0, 0, 0, 0.65))
    drop-shadow(0 0 8px rgba(241, 199, 91, 0.12));
}
/* ===== نوار جستجوی خودرو ===== */

.vehicle-search-bar {
  width: 94%;

  margin: 14px auto 0;

  display: flex;
  align-items: center;

  gap: 9px;
}

.vehicle-search-icon {
  margin-left: 8px;

  color: #f1c75b;

  font-size: 14px;
}

.vehicle-quick-filter {
  height: 42px;

  padding: 0 20px;

  border: 1px solid #f1c75b;
  border-radius: 11px;

  background: linear-gradient(135deg, #f5d878, #b98225);

  color: #101820;

  font-size: 10px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-quick-filter:hover {
  transform: translateY(-2px);

  box-shadow:
    0 0 10px rgba(241, 199, 91, 0.65),
    0 0 20px rgba(241, 199, 91, 0.22);
}
/* ===== نوار دسته‌بندی خودرو ===== */

.vehicle-category-bar {
  width: 94%;

  margin: 10px auto 0;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 7px;

  padding: 6px;

  box-sizing: border-box;

  border: 1px solid rgba(241, 199, 91, 0.13);
  border-radius: 12px;

  background: rgba(2, 10, 18, 0.55);
}

.vehicle-category-btn {
  flex: 1;

  height: 34px;

  padding: 0 10px;

  border: 1px solid rgba(241, 199, 91, 0.18);
  border-radius: 8px;

  background: linear-gradient(
    145deg,
    rgba(4, 13, 22, 0.95),
    rgba(7, 27, 44, 0.95)
  );

  color: rgba(235, 244, 248, 0.72);

  font-size: 9px;
  font-weight: 600;

  cursor: pointer;

  transition: 0.25s ease;
}
.vehicle-category-btn:hover {
  color: #f1c75b;

  border-color: rgba(241, 199, 91, 0.65);

  background: rgba(241, 199, 91, 0.07);

  box-shadow: 0 0 9px rgba(241, 199, 91, 0.14);
}

.vehicle-category-btn.active {
  color: #111820;

  border-color: #f1c75b;

  background: linear-gradient(135deg, #f5d878, #bd892c);

  box-shadow: 0 0 10px rgba(241, 199, 91, 0.35);
}
/* ===== بخش آگهی‌های ویژه ===== */

.vehicle-special-section {
  position: relative;

  width: 94%;

  margin: 16px auto 0;
  padding: 12px;

  box-sizing: border-box;

  overflow: hidden;

  border: 1px solid rgba(241, 199, 91, 0.48);
  border-radius: 16px;

  background: linear-gradient(
    145deg,
    rgba(2, 8, 14, 0.96),
    rgba(6, 25, 42, 0.96)
  );

  box-shadow:
    inset 0 0 25px rgba(12, 58, 92, 0.18),
    0 0 14px rgba(241, 199, 91, 0.08);
}
.vehicle-special-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;
}

.vehicle-special-title {
  display: flex;
  align-items: center;

  gap: 9px;
}

.vehicle-special-star {
  color: #f1c75b;

  font-size: 17px;

  text-shadow: 0 0 10px rgba(241, 199, 91, 0.65);
}

.vehicle-special-title h3 {
  margin: 0 0 2px;

  color: #f1c75b;

  font-size: 13px;
}

.vehicle-special-title p {
  margin: 0;

  color: rgba(225, 240, 248, 0.5);

  font-size: 8px;
}

.vehicle-special-label {
  padding: 4px 10px;

  border: 1px solid rgba(241, 199, 91, 0.5);
  border-radius: 20px;

  background: rgba(241, 199, 91, 0.07);

  color: #f1c75b;

  font-size: 8px;
} /* ===== اسلایدر آگهی‌های ویژه ===== */

.vehicle-special-slider {
  width: 100%;
  overflow: hidden;

  padding: 6px 2px 10px;

  box-sizing: border-box;
}

/* ===== ردیف کارت‌ها ===== */

.vehicle-special-track {
  display: flex !important;

  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center;

  width: max-content;

  gap: 12px;

  direction: rtl;

  transition: transform 0.7s ease;
}

/* ===== کارت ویژه ===== */

.vehicle-special-card {
  position: relative;

  width: 280px;
  min-width: 280px;
  height: 300px;

  flex: 0 0 280px !important;

  padding: 6px;

  box-sizing: border-box;

  overflow: hidden;

  border: 1px solid rgba(241, 199, 91, 0.55);
  border-radius: 14px;

  background: linear-gradient(
    145deg,
    rgba(3, 10, 17, 0.98),
    rgba(7, 27, 44, 0.98)
  );

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.4),
    0 0 9px rgba(241, 199, 91, 0.1);

  transition: 0.3s ease;
}

/* ===== روشن شدن کارت ===== */

.vehicle-special-card:hover {
  border-color: #f1c75b;

  transform: translateY(-3px);

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.5),
    0 0 10px rgba(241, 199, 91, 0.7),
    0 0 22px rgba(241, 199, 91, 0.3);
}

/* ===== قاب عکس ===== */

.vehicle-special-image-slider {
  position: relative;

  width: 100%;
  height: 100%;

  overflow: hidden;

  border-radius: 10px;

  background: #02070d;
}

/* ===== عکس‌ها ===== */

.vehicle-special-slide {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  opacity: 0;

  transform: scale(1.03);

  transition:
    opacity 0.8s ease,
    transform 1.2s ease;
}

.vehicle-special-slide.active {
  opacity: 1;

  transform: scale(1);

  z-index: 1;
}

/* ===== نشان ویژه ===== */

.vehicle-card-special-badge {
  position: absolute;

  top: 8px;
  right: 8px;

  z-index: 5;

  padding: 4px 7px;

  border: 1px solid #f1c75b;
  border-radius: 7px;

  background: rgba(2, 8, 14, 0.82);

  color: #f1c75b;

  font-size: 8px;

  box-shadow: 0 0 8px rgba(241, 199, 91, 0.25);
}

/* ===== مشاهده آگهی ===== */

.vehicle-special-view {
  position: absolute;

  right: 18px;
  left: 18px;
  bottom: 14px;

  height: 30px;

  z-index: 10;

  border: 1px solid #f1c75b;
  border-radius: 8px;

  background: rgba(2, 10, 18, 0.78);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  color: #f1c75b;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-special-view:hover {
  background: #f1c75b;

  color: #101820;

  box-shadow:
    0 0 10px rgba(241, 199, 91, 0.75),
    0 0 20px rgba(241, 199, 91, 0.3);
}
/* ===== پس‌زمینه پنجره مشاهده آگهی ===== */

.vehicle-detail-modal {
  position: fixed;
  inset: 0;

  z-index: 9999;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 25px;

  box-sizing: border-box;

  background: rgba(0, 4, 9, 0.82);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* وقتی پنجره باز شد */

.vehicle-detail-modal.active {
  display: flex;
}
/* ===== قاب اصلی جزئیات خودرو ===== */
.vehicle-detail-window {
  position: relative;

  width: 820px;
  max-width: 92vw;
  max-height: 85vh;

  display: grid;

  /* عکس سمت چپ - اطلاعات سمت راست */
  grid-template-columns: 55% 45%;

  gap: 18px;

  padding: 18px;

  box-sizing: border-box;

  direction: ltr;

  overflow: hidden;

  border: 1px solid rgba(241, 199, 91, 0.75);
  border-radius: 18px;

  background: linear-gradient(135deg, #02070c, #061525 55%, #020911);

  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.7),
    0 0 18px rgba(241, 199, 91, 0.12);
}
/* ===== دکمه بستن پنجره ===== */

.vehicle-detail-close {
  position: absolute;

  top: 14px;
  right: 14px;

  width: 36px;
  height: 36px;

  padding: 0;
  margin: 0;

  z-index: 30;

  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;

  border: 1px solid #f1c75b;
  border-radius: 50%;

  outline: none;

  background: #07111c;

  color: #ffffff;

  font-family: Arial, sans-serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 1;

  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;

  box-shadow: 0 0 8px rgba(241, 199, 91, 0.25);

  transition: 0.25s ease;
}

.vehicle-detail-close::before,
.vehicle-detail-close::after {
  display: none;
  content: none;
}

.vehicle-detail-close:hover {
  background: #f1c75b;

  color: #07111c;

  border-color: #f1c75b;

  box-shadow: 0 0 12px rgba(241, 199, 91, 0.65);
}
.vehicle-detail-gallery {
  width: 100%;
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 9px;
}
.vehicle-detail-main-image {
  width: 100%;
  height: 275px;

  overflow: hidden;

  border: 1px solid rgba(241, 199, 91, 0.35);
  border-radius: 13px;

  background: #02070d;
}

.vehicle-detail-main-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;

  border-radius: 12px;
}
.vehicle-detail-thumbnails {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(5, 1fr);

  gap: 7px;
}

.vehicle-detail-thumb {
  width: 100%;
  height: 58px;

  padding: 2px;

  overflow: hidden;

  border: 1px solid rgba(241, 199, 91, 0.25);
  border-radius: 8px;

  background: #02070d;

  cursor: pointer;
}

.vehicle-detail-thumb img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  border-radius: 6px;
}
/* ===== اطلاعات سمت راست پنجره آگهی ===== */

.vehicle-detail-info {
  direction: rtl;

  display: flex;
  flex-direction: column;

  gap: 10px;

  padding: 8px 6px 4px;

  color: #f4f7f9;
}

/* ===== عنوان ===== */

.vehicle-detail-info h2 {
  margin: 4px 0 2px;

  color: #ffffff;

  font-size: 17px;
  font-weight: 800;

  line-height: 1.6;
}

/* ===== برچسب ویژه ===== */

.vehicle-detail-special {
  width: fit-content;

  padding: 4px 9px;

  border: 1px solid rgba(241, 199, 91, 0.75);
  border-radius: 7px;

  background: rgba(241, 199, 91, 0.08);

  color: #f1c75b;

  font-size: 9px;
  font-weight: 700;
}

/* ===== جعبه مشخصات ===== */

.vehicle-detail-specs {
  padding: 5px 11px;

  border: 1px solid rgba(241, 199, 91, 0.15);
  border-radius: 11px;

  background: rgba(255, 255, 255, 0.025);
}

/* ===== هر ردیف مشخصات ===== */

.vehicle-detail-spec-row {
  min-height: 30px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.vehicle-detail-spec-row:last-child {
  border-bottom: none;
}

.vehicle-detail-spec-row span {
  color: rgba(230, 240, 245, 0.62);

  font-size: 9px;
}

.vehicle-detail-spec-row strong {
  color: #ffffff;

  font-size: 9px;
  font-weight: 600;
}
.vehicle-detail-price {
  min-height: 42px;

  padding: 7px 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  box-sizing: border-box;

  border: 1px solid rgba(241, 199, 91, 0.3);
  border-radius: 10px;

  background: linear-gradient(
    90deg,
    rgba(241, 199, 91, 0.03),
    rgba(241, 199, 91, 0.09)
  );
}

.vehicle-detail-price span {
  color: rgba(255, 255, 255, 0.65);

  font-size: 9px;
}

.vehicle-detail-price strong {
  color: #f1c75b;

  font-size: 14px;
  font-weight: 800;
}
.vehicle-detail-description {
  padding: 9px 11px;

  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 10px;

  background: rgba(255, 255, 255, 0.025);
}

.vehicle-detail-description h3 {
  margin: 0 0 5px;

  color: #f1c75b;

  font-size: 10px;
}

.vehicle-detail-description p {
  margin: 0;

  color: rgba(238, 245, 248, 0.75);

  font-size: 9px;
  line-height: 1.8;
}
.vehicle-detail-contact {
  width: 100%;
  height: 42px;

  margin-top: auto;

  border: 1px solid #f1c75b;
  border-radius: 10px;

  background: linear-gradient(135deg, #f1c75b, #dca62d);

  color: #07111c;

  font-size: 11px;
  font-weight: 800;

  cursor: pointer;

  box-shadow:
    0 5px 16px rgba(0, 0, 0, 0.25),
    0 0 10px rgba(241, 199, 91, 0.12);

  transition: 0.25s ease;
}

.vehicle-detail-contact:hover {
  transform: translateY(-2px);

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.35),
    0 0 14px rgba(241, 199, 91, 0.45);
}
/* ===== فشرده کردن اطلاعات پنجره ===== */

.vehicle-detail-info {
  gap: 6px;
  padding: 4px;
}

.vehicle-detail-info h2 {
  margin: 0;
  font-size: 14px;
}

.vehicle-detail-specs {
  padding: 3px 9px;
}

.vehicle-detail-spec-row {
  min-height: 24px;
}

.vehicle-detail-spec-row span,
.vehicle-detail-spec-row strong {
  font-size: 8px;
}

.vehicle-detail-price {
  min-height: 34px;
  padding: 5px 10px;
}

.vehicle-detail-price strong {
  font-size: 12px;
}

.vehicle-detail-description {
  padding: 6px 9px;
}

.vehicle-detail-description h3 {
  margin: 0 0 3px;
  font-size: 9px;
}

.vehicle-detail-description p {
  font-size: 8px;
  line-height: 1.5;

  /* توضیحات خیلی بلند پنجره را بزرگ نکند */
  display: -webkit-box;

  line-clamp: 2;
  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;
}
/* ===== پنجره شناور اطلاعات فروشنده ===== */

.vehicle-seller-contact {
  display: none;

  position: absolute;

  top: 50%;
  right: 50%;

  transform: translate(50%, -50%);

  width: 280px;
  max-width: 85%;

  padding: 16px;

  box-sizing: border-box;

  z-index: 50;

  direction: rtl;

  border: 1px solid #f1c75b;
  border-radius: 14px;

  background: linear-gradient(145deg, #02080e, #071b2b);

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.75),
    0 0 18px rgba(241, 199, 91, 0.22);
}

/* وقتی باز شد */

.vehicle-seller-contact.active {
  display: block;
}

.vehicle-seller-contact-title {
  margin-bottom: 8px;

  color: #f1c75b;

  font-size: 11px;
  font-weight: 800;
}

.vehicle-seller-contact-row {
  min-height: 28px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.vehicle-seller-contact-row span {
  color: rgba(235, 243, 247, 0.6);

  font-size: 8px;
}

.vehicle-seller-contact-row strong {
  color: #ffffff;

  font-size: 9px;
  font-weight: 600;
}
.vehicle-seller-chat {
  width: 100%;
  height: 32px;

  margin-top: 9px;

  border: 1px solid #f1c75b;
  border-radius: 8px;

  background: transparent;

  color: #f1c75b;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-seller-chat:hover {
  background: #f1c75b;

  color: #07111c;

  box-shadow: 0 0 12px rgba(241, 199, 91, 0.4);
}
.vehicle-seller-contact::before {
  content: "";

  position: fixed;
  inset: 0;

  z-index: -1;

  background: rgba(0, 0, 0, 0.28);

  pointer-events: none;
}
.vehicle-detail-info {
  padding-top: 46px !important;
}
.vehicle-seller-close {
  position: absolute;

  top: 9px;
  left: 9px;

  width: 28px;
  height: 28px;

  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(241, 199, 91, 0.7);
  border-radius: 50%;

  background: #07111c;

  color: #ffffff;

  font-size: 18px;
  line-height: 1;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-seller-close:hover {
  background: #f1c75b;
  color: #07111c;

  box-shadow: 0 0 10px rgba(241, 199, 91, 0.55);
}
/* ===== پنجره موفقیت ارسال پیام ===== */

.vehicle-message-success {
  display: none;

  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  width: 290px;
  max-width: 85%;

  padding: 22px 18px;

  box-sizing: border-box;

  z-index: 70;

  direction: rtl;
  text-align: center;

  border: 1px solid #f1c75b;
  border-radius: 15px;

  background: linear-gradient(145deg, #02080e, #071b2b);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.75),
    0 0 20px rgba(241, 199, 91, 0.22);
}

/* وقتی پنجره باز شود */

.vehicle-message-success.active {
  display: block;
}

/* تیک موفقیت */

.vehicle-message-success-icon {
  width: 46px;
  height: 46px;

  margin: 0 auto 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #f1c75b;
  border-radius: 50%;

  color: #f1c75b;

  font-size: 25px;
  font-weight: bold;

  box-shadow: 0 0 12px rgba(241, 199, 91, 0.3);
}

/* عنوان */

.vehicle-message-success h3 {
  margin: 0 0 7px;

  color: #f1c75b;

  font-size: 14px;
}

/* متن */

.vehicle-message-success p {
  margin: 0 0 15px;

  color: rgba(240, 247, 250, 0.78);

  font-size: 9px;
  line-height: 1.8;
}

/* دکمه متوجه شدم */

.vehicle-message-success-close {
  width: 100%;
  height: 35px;

  border: 1px solid #f1c75b;
  border-radius: 8px;

  background: #f1c75b;

  color: #07111c;

  font-size: 9px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-message-success-close:hover {
  transform: translateY(-2px);

  box-shadow: 0 0 14px rgba(241, 199, 91, 0.5);
}
/* ===== بخش آگهی‌های عادی خودرو ===== */

.vehicle-normal-section {
  width: 100%;

  margin-top: 22px;
  padding: 16px;
  min-height: 560px;

  max-height: 620px;

  overflow: hidden;
  box-sizing: border-box;

  border: 1px solid rgba(241, 199, 91, 0.12);
  border-radius: 16px;

  background: linear-gradient(
    145deg,
    rgba(2, 8, 14, 0.96),
    rgba(5, 22, 36, 0.96)
  );
}

/* ===== عنوان بخش ===== */

.vehicle-normal-header {
  margin-bottom: 14px;

  direction: rtl;
  text-align: right;
}

.vehicle-normal-header h3 {
  margin: 0;

  color: #f1c75b;

  font-size: 15px;
}

.vehicle-normal-header p {
  margin: 4px 0 0;

  color: rgba(235, 243, 247, 0.55);

  font-size: 9px;
}

/* ===== محل کارت‌ها ===== */
.vehicle-normal-grid {
  width: 100%;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;

  align-items: flex-start;

  gap: 22px;

  direction: rtl;

  box-sizing: border-box;

  overflow: hidden;
}
.vehicle-normal-image {
  position: relative;

  height: 200px;

  margin: 6px;

  overflow: hidden;

  border-radius: 10px;

  background: #02070d;
}

/* ===== کارت آگهی عادی ===== */
.vehicle-normal-card {
  position: relative;

  width: 230px;
  height: 230px;

  padding: 6px;

  box-sizing: border-box;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 13px;

  background: linear-gradient(145deg, #030a11, #071827);

  transition: 0.25s ease;
  flex: 0 0 200px;
}

.vehicle-normal-card:hover {
  transform: translateY(-3px);

  border-color: rgba(241, 199, 91, 0.45);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
} /* ===== عکس آگهی عادی ===== */
.vehicle-normal-view {
  position: absolute;

  left: 12px;
  right: 12px;
  bottom: 12px;

  width: auto;
  height: 34px;

  box-sizing: border-box;

  border: 1px solid #f1c75b;
  border-radius: 8px;

  background: rgba(2, 10, 18, 0.82);

  color: #f1c75b;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-normal-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;
} /* ===== اطلاعات کارت ===== */

.vehicle-normal-info {
  padding: 7px 10px 11px;

  direction: rtl;
}

.vehicle-normal-info h4 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 11px;
}

.vehicle-normal-meta {
  display: flex;
  justify-content: space-between;

  gap: 8px;

  margin-bottom: 8px;

  color: rgba(235, 243, 247, 0.55);

  font-size: 8px;
}

.vehicle-normal-price {
  display: block;

  margin-bottom: 9px;

  color: #f1c75b;

  font-size: 10px;
}

/* ===== دکمه مشاهده آگهی عادی ===== */

.vehicle-normal-image {
  position: relative;
}

.vehicle-normal-view {
  position: absolute;

  right: 14px;
  left: 14px;
  bottom: 12px;

  height: 32px;

  z-index: 5;

  border: 1px solid rgba(241, 199, 91, 0.65);
  border-radius: 8px;

  background: rgba(2, 10, 18, 0.78);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  color: #f1c75b;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-normal-view:hover {
  background: #f1c75b;

  color: #07111c;

  border-color: #f1c75b;

  box-shadow:
    0 0 10px rgba(241, 199, 91, 0.55),
    0 0 18px rgba(241, 199, 91, 0.2);

  transform: translateY(-2px);
}
/* ===== کارت اصلی فیلترها - سمت راست ===== */

.vehicle-normal-grid {
  direction: rtl;
}
.vehicle-filter-card {
  width: 280px;
  min-width: 280px;

  height: auto;
  min-height: 360px;

  padding: 14px;

  box-sizing: border-box;

  direction: rtl;

  border: 1px solid rgba(241, 199, 91, 0.35);
  border-radius: 16px;

  background: linear-gradient(145deg, #02080e, #071827);

  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.35),
    0 0 10px rgba(241, 199, 91, 0.08);
}

.vehicle-filter-card-header h3 {
  margin: 0;

  color: #f1c75b;

  font-size: 13px;
  text-align: right;
}
.vehicle-filter-card-body {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.vehicle-filter-item {
  width: 100%;
}

.vehicle-filter-item label {
  display: block;

  margin-bottom: 6px;

  color: rgba(240, 245, 248, 0.75);

  font-size: 9px;
}

.vehicle-filter-item select {
  width: 100%;
  height: 36px;

  padding: 0 9px;

  box-sizing: border-box;

  border: 1px solid rgba(241, 199, 91, 0.2);
  border-radius: 8px;

  outline: none;

  background: #030c15;
  color: #ffffff;

  font-size: 9px;

  cursor: pointer;
}

.vehicle-filter-item select:focus {
  border-color: #f1c75b;

  box-shadow: 0 0 8px rgba(241, 199, 91, 0.2);
}
.vehicle-filter-item input {
  width: 100%;
  height: 36px;

  padding: 0 9px;

  box-sizing: border-box;

  border: 1px solid rgba(241, 199, 91, 0.2);
  border-radius: 8px;

  outline: none;

  background: #030c15;
  color: #ffffff;

  font-size: 9px;
}

.vehicle-filter-item input:focus {
  border-color: #f1c75b;

  box-shadow: 0 0 8px rgba(241, 199, 91, 0.2);
}

/* دو فیلد کنار هم */

.vehicle-filter-row {
  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 8px;
}
/* ===== لیست آگهی‌های عادی ===== */

/* ===== لیست آگهی‌های عادی ===== */

.vehicle-normal-list {
  flex: 1;
  min-width: 0;

  height: 430px;
  max-height: 430px;

  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;

  gap: 16px;

  padding: 4px 10px 10px 4px;

  box-sizing: border-box;

  overflow-y: auto;
  overflow-x: hidden;

  direction: rtl;
}
/*=== اسکرول آگهی‌ها ===== */
.vehicle-normal-list::-webkit-scrollbar {
  width: 6px;
}

.vehicle-normal-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.03);

  border-radius: 10px;
}

.vehicle-normal-list::-webkit-scrollbar-thumb {
  background: rgba(241, 199, 91, 0.45);

  border-radius: 10px;
}

.vehicle-normal-list::-webkit-scrollbar-thumb:hover {
  background: #f1c75b;
}
.vehicle-filter-actions {
  display: grid;
  grid-template-columns: 1fr 1.4fr;

  gap: 8px;

  margin-top: 12px;
}

.vehicle-filter-reset,
.vehicle-filter-apply {
  height: 36px;

  border-radius: 8px;

  font-size: 9px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.vehicle-filter-reset {
  border: 1px solid rgba(255, 255, 255, 0.18);

  background: transparent;

  color: rgba(255, 255, 255, 0.72);
}

.vehicle-filter-reset:hover {
  color: #f1c75b;

  border-color: rgba(241, 199, 91, 0.55);
}
.vehicle-filter-apply {
  border: 1px solid #ffe38a;

  background: linear-gradient(135deg, #ffe88f, #f1c75b);

  color: #07111c;

  box-shadow:
    0 0 8px rgba(241, 199, 91, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);

  font-weight: 900;
}

.vehicle-filter-apply:hover {
  background: #fff0ad;

  transform: translateY(-2px);

  box-shadow:
    0 0 12px rgba(241, 199, 91, 0.8),
    0 0 22px rgba(241, 199, 91, 0.3);
}
.vehicle-category-btn.active {
  color: #07111c !important;

  border-color: #f1c75b !important;

  background: linear-gradient(135deg, #ffe994, #f1c75b) !important;

  box-shadow:
    0 0 10px rgba(241, 199, 91, 0.7),
    0 0 20px rgba(241, 199, 91, 0.25);
} /* ===== قاب اصلی لوازم خانگی ===== */
.home-market {
  width: calc(100% - 50px);
  max-width: 1450px;

  min-height: 1250px;

  margin: 24px auto;
  padding: 18px;

  box-sizing: border-box;

  direction: rtl;

  /* رنگ ملایم پنجره اصلی */
  background: linear-gradient(145deg, #172832 0%, #1d3540 50%, #203b47 100%);

  border: 1px solid rgba(130, 175, 195, 0.28);
  border-radius: 22px;

  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 40px rgba(90, 155, 180, 0.05);
}
.home-market {
  width: calc(100% - 50px);
  max-width: 1450px;
  min-height: 1250px;

  margin: 24px auto;
  padding: 18px;

  box-sizing: border-box;
  direction: rtl;

  background: linear-gradient(145deg, #172832, #1d3540, #203b47);

  border: 1px solid rgba(130, 175, 195, 0.28);
  border-radius: 22px;

  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.38),
    inset 0 0 35px rgba(100, 160, 185, 0.05);
} /* ===== هدر لوازم خانگی ===== */

.home-market-header {
  width: 100%;
  height: 110px;

  padding: 10px 18px;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: 150px 1fr 150px;
  align-items: center;

  direction: rtl;

  /* آبی فولادی ملایم */
  background: linear-gradient(135deg, #426b7d 0%, #56869a 50%, #3d6475 100%);

  border: 1px solid rgba(165, 210, 225, 0.35);
  border-radius: 18px;

  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);

  overflow: hidden;
}

/* ===== عکس‌های دو طرف هدر ===== */

.home-header-side {
  height: 88px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.home-header-side img {
  max-width: 125px;
  max-height: 82px;

  display: block;

  object-fit: contain;
}

/* ===== نوشته وسط هدر ===== */

.home-header-center {
  text-align: center;
}

.home-header-center h2 {
  margin: 0;

  color: #ffffff;

  font-size: 24px;
  font-weight: 900;
}

.home-header-center p {
  margin: 7px 0 0;

  color: rgba(255, 255, 255, 0.78);

  font-size: 11px;
}
/* ===== بخش آگهی‌های ویژه لوازم خانگی ===== */

.home-special-section {
  width: 100%;
  height: 350px;

  margin-top: 18px;

  background: rgba(255, 255, 255, 0.05);

  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 25px rgba(0, 0, 0, 0.16);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
/* ===== عنوان آگهی‌های ویژه ===== */

.home-special-title {
  width: 100%;
  height: 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  box-sizing: border-box;
}

.home-special-title h3 {
  margin: 0;

  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
}

/* ===== محل کارت‌های آگهی ویژه ===== */

.home-special-cards {
  width: calc(100% - 30px);
  height: 275px;

  margin: 5px auto 0;

  direction: rtl;
  overflow: hidden;

  box-sizing: border-box;

  display: flex;
  align-items: center;
  gap: 18px;

  padding: 10px;

  border-radius: 15px;
}
/* ===== بنر فیلتر آگهی‌های عمومی ===== */

.home-public-filter-banner {
  width: 100%;
  height: 90px;

  margin-top: 18px;

  box-sizing: border-box;

  background: rgba(255, 255, 255, 0.06);

  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 16px;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
/* ===== پنجره آگهی‌های عمومی لوازم خانگی ===== */

.home-public-ads {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;

  height: 560px;

  margin-top: 18px;

  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.1);

  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  box-shadow:
    0 0 14px rgba(110, 190, 220, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
} /* ===== کارت آگهی ویژه ===== */

.home-special-card {
  width: 220px;
  height: 240px;

  flex-shrink: 0;

  border-radius: 16px;

  background: rgba(10, 25, 35, 0.35);

  border: 1px solid rgba(90, 190, 230, 0.55);

  box-shadow:
    0 0 8px rgba(70, 185, 230, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  transition:
    box-shadow 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;

  cursor: pointer;
  position: relative;
  overflow: hidden;
}

/* ===== وقتی موس روی کارت میره ===== */

.home-special-card:hover {
  border-color: rgba(110, 215, 255, 0.95);

  box-shadow:
    0 0 10px rgba(70, 195, 245, 0.65),
    0 0 24px rgba(70, 195, 245, 0.38),
    inset 0 0 12px rgba(90, 205, 250, 0.08);

  transform: translateY(-4px);
}
/* ===== قسمت عکس کارت ویژه ===== */

.home-special-images {
  width: 100%;
  height: 100%;

  position: relative;
  overflow: hidden;

  border-radius: 15px;
}

.home-special-images img {
  width: 100%;
  height: 100%;

  position: absolute;
  inset: 0;

  object-fit: cover;

  opacity: 0;

  transition: opacity 0.6s ease;
}

.home-special-images img.active {
  opacity: 1;
}

/* ===== دکمه مشاهده آگهی ===== */

.home-special-view {
  position: absolute;

  right: 50%;
  bottom: 14px;

  transform: translateX(50%);

  padding: 8px 20px;

  border: 1px solid rgba(120, 215, 255, 0.7);
  border-radius: 10px;

  background: rgba(10, 35, 50, 0.75);

  color: #ffffff;

  font-size: 12px;
  font-weight: 700;

  cursor: pointer;

  z-index: 5;

  backdrop-filter: blur(7px);

  transition: 0.3s ease;
}

.home-special-view:hover {
  background: rgba(70, 190, 235, 0.9);

  box-shadow:
    0 0 10px rgba(80, 200, 245, 0.7),
    0 0 20px rgba(80, 200, 245, 0.35);

  transform: translateX(50%) scale(1.05);
}
/* ===== پس زمینه پنجره مشاهده آگهی ===== */

.home-detail-overlay {
  position: fixed;
  inset: 0;

  background: rgba(0, 8, 15, 0.78);

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  display: none;
  align-items: center;
  justify-content: center;

  padding: 25px;
  box-sizing: border-box;

  z-index: 9999;
}

/* ===== پنجره اصلی مشاهده آگهی ===== */
.home-detail-modal {
  width: min(950px, 90vw);

  height: min(620px, 86vh);

  position: relative;

  background: linear-gradient(145deg, #071827, #0a2031, #071521);

  border: 2px solid rgba(70, 190, 255, 0.9);
  border-radius: 24px;

  box-shadow:
    0 0 12px rgba(40, 180, 255, 0.65),
    0 0 35px rgba(30, 150, 255, 0.28),
    inset 0 0 35px rgba(40, 170, 255, 0.04);

  overflow: hidden;
}

/* ===== دکمه بستن ===== */

.home-detail-close {
  position: absolute;

  top: 18px;
  right: 20px;

  width: 48px;
  height: 48px;

  border-radius: 50%;

  border: 1px solid rgba(90, 195, 255, 0.6);

  background: rgba(10, 35, 55, 0.85);

  color: #ffffff;

  font-size: 34px;
  line-height: 1;

  cursor: pointer;

  z-index: 20;

  transition: 0.25s ease;
}

.home-detail-close:hover {
  border-color: #6ed7ff;

  box-shadow:
    0 0 10px rgba(80, 200, 255, 0.8),
    0 0 22px rgba(80, 200, 255, 0.4);

  transform: rotate(90deg);
}
/* ===== محتوای پنجره مشاهده آگهی ===== */

.home-detail-content {
  width: 100%;
  height: 100%;

  display: grid;
  grid-template-columns: 1fr 1.15fr;

  gap: 18px;

  padding: 40px 22px 22px;
  box-sizing: border-box;

  direction: rtl;
}

/* ===== قسمت اطلاعات ===== */
.home-detail-info {
  width: 100%;
  height: 100%;

  background: transparent;
  border: none;
}

.home-detail-gallery {
  width: 100%;
  height: 100%;

  background: transparent;
  border: none;
}
.home-detail-main-image {
  width: 88%;
  height: 270px;

  position: relative;
  margin: 0 auto;

  overflow: hidden;
  border-radius: 18px;
}

.home-detail-main-image img {
  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
}
.home-detail-main-image img.active {
  opacity: 1;
}
/* ===== عکس‌های کوچک گالری ===== */

.home-detail-thumbnails {
  width: 92%;

  margin: 12px auto 0;

  display: flex;
  justify-content: center;
  gap: 10px;
}
.home-detail-thumbnails img {
  width: 58px;
  height: 45px;

  object-fit: cover;

  border-radius: 8px;
  border: 1px solid rgba(100, 190, 230, 0.25);

  opacity: 0.55;
  cursor: pointer;

  transition: 0.25s ease;
}
.home-detail-thumbnails img:hover {
  opacity: 1;

  border-color: #6ed7ff;
}

.home-detail-thumbnails img.active {
  opacity: 1;

  border-color: #6ed7ff;

  box-shadow: 0 0 9px rgba(80, 200, 255, 0.55);
}
.home-detail-info {
  width: 100%;
  height: 100%;

  padding: 10px 15px;
  box-sizing: border-box;

  direction: rtl;
}

/* ===== عنوان آگهی ===== */

.home-detail-title {
  margin: 0 0 14px;

  color: #ffffff;

  font-size: 21px;
  font-weight: 900;

  text-align: right;
}

/* ===== قیمت ===== */

.home-detail-price {
  width: 100%;

  padding-bottom: 14px;

  color: #38bfff;

  font-size: 20px;
  font-weight: 800;

  text-align: right;

  border-bottom: 1px solid rgba(80, 190, 240, 0.22);
}

/* ===== مشخصات آگهی ===== */

.home-detail-specs {
  width: 100%;

  margin-top: 16px;

  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 10px;
}

.home-spec-item {
  min-height: 55px;

  padding: 8px 12px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(80, 190, 240, 0.18);
  border-radius: 11px;
}

.home-spec-item span {
  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
  margin-bottom: 5px;
}

.home-spec-item strong {
  color: #ffffff;

  font-size: 13px;
  font-weight: 700;
}
/* ===== توضیحات آگهی ===== */

.home-detail-description {
  width: 100%;

  margin-top: 12px;
  padding: 10px 12px;

  box-sizing: border-box;

  background: rgba(255, 255, 255, 0.035);

  border: 1px solid rgba(80, 190, 240, 0.16);
  border-radius: 11px;
}

.home-detail-description h4 {
  margin: 0 0 7px;

  color: #55c8ff;

  font-size: 12px;
  font-weight: 800;
}

.home-detail-description p {
  margin: 0;

  color: rgba(255, 255, 255, 0.72);

  font-size: 11px;
  line-height: 1.9;
}
.home-detail-actions {
  width: 100%;

  margin-top: 12px;

  display: flex;
  justify-content: center;
}
.home-contact-btn {
  width: 70%;
  height: 38px;

  border: 1px solid rgba(80, 195, 240, 0.65);
  border-radius: 11px;

  background: rgba(20, 80, 105, 0.85);

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

.home-contact-btn:hover {
  background: rgba(35, 135, 170, 0.95);

  box-shadow:
    0 0 10px rgba(70, 195, 245, 0.6),
    0 0 22px rgba(70, 195, 245, 0.3);

  transform: translateY(-2px);
}
/* ===== پنجره تماس با فروشنده ===== */

.home-contact-box {
  width: 330px;
  min-height: 190px;

  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  padding: 20px;
  box-sizing: border-box;

  display: none;

  background: rgba(6, 25, 38, 0.96);

  border: 1px solid rgba(80, 200, 250, 0.75);
  border-radius: 18px;

  box-shadow:
    0 0 15px rgba(70, 195, 245, 0.45),
    0 0 35px rgba(70, 195, 245, 0.18);

  z-index: 100;
}

.home-contact-box h3 {
  margin: 5px 0 0;

  text-align: center;

  color: #ffffff;

  font-size: 17px;
}

/* ===== اطلاعات فروشنده ===== */

.home-seller-info {
  width: 100%;

  margin-top: 25px;

  direction: rtl;
}

.home-seller-row {
  width: 100%;

  padding: 10px 12px;
  margin-bottom: 8px;

  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: space-between;

  background: rgba(255, 255, 255, 0.04);

  border: 1px solid rgba(80, 190, 240, 0.18);
  border-radius: 10px;
}

.home-seller-row span {
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}

.home-seller-row strong {
  color: #ffffff;
  font-size: 12px;
}

/* ===== دکمه تماس ===== */

.home-seller-call {
  width: 100%;
  height: 38px;

  margin-top: 5px;

  border: 1px solid rgba(80, 200, 250, 0.7);
  border-radius: 10px;

  background: rgba(25, 105, 140, 0.85);

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

.home-seller-call:hover {
  background: rgba(45, 155, 195, 0.95);

  box-shadow:
    0 0 10px rgba(70, 195, 245, 0.6),
    0 0 20px rgba(70, 195, 245, 0.25);

  transform: translateY(-2px);
}
.home-contact-close {
  position: absolute;

  top: 10px;
  right: 12px;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(90, 200, 250, 0.45);
  border-radius: 50%;

  background: rgba(15, 50, 70, 0.75);

  color: rgba(255, 255, 255, 0.8);

  font-size: 21px;

  cursor: pointer;

  transition: all 0.3s ease;
}

/* ===== نور ضربدر هنگام رفتن موس ===== */

.home-contact-close:hover {
  color: #ffffff;

  background: rgba(40, 150, 195, 0.9);

  border-color: #6ed7ff;

  box-shadow:
    0 0 8px rgba(90, 210, 255, 0.9),
    0 0 18px rgba(70, 195, 255, 0.6),
    0 0 30px rgba(70, 195, 255, 0.25);

  transform: rotate(90deg) scale(1.08);
}
.home-public-filter-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 12px 20px;
}

.home-filter-btn {
  min-width: 150px;
  height: 42px;

  border: 1px solid rgba(100, 195, 230, 0.35);
  border-radius: 12px;

  background: rgba(10, 35, 48, 0.55);
  color: rgba(255, 255, 255, 0.8);

  font-size: 12px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.3s ease;
}

.home-filter-btn:hover {
  color: #ffffff;
  border-color: rgba(110, 215, 255, 0.9);

  background: rgba(30, 100, 125, 0.65);

  box-shadow:
    0 0 10px rgba(80, 200, 245, 0.35),
    0 0 20px rgba(80, 200, 245, 0.15);

  transform: translateY(-2px);
}

/* دکمه انتخاب‌شده */
.home-filter-btn.active {
  color: #ffffff;
  border-color: #6ed7ff;

  background: rgba(35, 120, 150, 0.75);

  box-shadow:
    0 0 10px rgba(80, 200, 245, 0.4),
    inset 0 0 10px rgba(80, 200, 245, 0.08);
} /* ===== کارت‌های آگهی عمومی لوازم خانگی ===== */

.home-public-cards {
  width: 100%;
  padding: 18px;
  box-sizing: border-box;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;

  direction: rtl;
}
/* ===== خود کارت ===== */
.home-public-card {
  width: 100%;
  height: 190px;

  position: relative;
  overflow: hidden;

  border-radius: 15px;

  background: rgba(8, 28, 40, 0.6);
  border: 1px solid rgba(100, 190, 225, 0.4);

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

  transition: 0.3s ease;
}

/* ===== عکس کل کارت ===== */
.home-public-card img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;

  transition: transform 0.4s ease;
}

/* ===== دکمه روی عکس، پایین وسط ===== */
.home-public-view {
  position: absolute;

  left: 50%;
  bottom: 12px;

  transform: translateX(-50%);

  width: 125px;
  height: 34px;

  border: 1px solid rgba(110, 210, 250, 0.75);
  border-radius: 9px;

  background: rgba(5, 30, 45, 0.82);

  color: #ffffff;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  z-index: 5;

  transition: 0.3s ease;
}

/* ===== هاور کارت ===== */
.home-public-card:hover {
  transform: translateY(-3px);

  border-color: rgba(110, 215, 255, 0.95);

  box-shadow:
    0 0 12px rgba(70, 195, 245, 0.4),
    0 10px 25px rgba(0, 0, 0, 0.3);
}

/* زوم خیلی کم عکس */
.home-public-card:hover img {
  transform: scale(1.04);
}

/* ===== هاور دکمه ===== */
.home-public-view:hover {
  background: rgba(40, 145, 180, 0.95);

  box-shadow:
    0 0 10px rgba(80, 205, 250, 0.7),
    0 0 20px rgba(80, 205, 250, 0.3);

  transform: translateX(-50%) scale(1.05);
}
/* ===== قلتک آگهی‌های عمومی ===== */

.home-public-ads::-webkit-scrollbar {
  width: 8px;
}

.home-public-ads::-webkit-scrollbar-track {
  background: rgba(5, 25, 35, 0.35);
  border-radius: 10px;
}

.home-public-ads::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(80, 190, 230, 0.85),
    rgba(35, 110, 145, 0.85)
  );

  border-radius: 10px;

  box-shadow:
    0 0 6px rgba(80, 200, 245, 0.45),
    0 0 12px rgba(80, 200, 245, 0.2);
}

.home-public-ads::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    rgba(110, 215, 255, 1),
    rgba(45, 145, 180, 1)
  );

  box-shadow:
    0 0 8px rgba(90, 210, 255, 0.7),
    0 0 16px rgba(90, 210, 255, 0.35);
}
/* ===================================== */
/* ===== پنجره آگهی عمومی لوازم خانگی ===== */
/* ===================================== */

/* پس‌زمینه تاریک پشت پنجره */
.home-public-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 25px;
  box-sizing: border-box;

  background: rgba(0, 8, 15, 0.82);

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  z-index: 10000;
}

/* ===== پنجره اصلی ===== */
.home-public-modal {
  width: min(800px, 88vw);
  min-height: 460px;

  position: relative;

  padding: 50px 24px 24px;
  box-sizing: border-box;

  background: linear-gradient(145deg, #061725, #092234, #061521);

  border: 1px solid rgba(90, 205, 255, 0.85);
  border-radius: 22px;

  box-shadow:
    0 0 12px rgba(70, 195, 255, 0.5),
    0 0 35px rgba(50, 175, 255, 0.2),
    inset 0 0 35px rgba(70, 190, 255, 0.04);

  overflow: hidden;
}

/* ===== ضربدر ===== */
.home-public-close {
  position: absolute;

  top: 14px;
  right: 16px;

  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(100, 210, 255, 0.6);
  border-radius: 50%;

  background: rgba(10, 40, 58, 0.85);

  color: #ffffff;

  font-size: 27px;
  line-height: 1;

  cursor: pointer;

  z-index: 10;

  transition: 0.3s ease;
}

.home-public-close:hover {
  background: rgba(40, 145, 185, 0.95);

  border-color: #6ed7ff;

  box-shadow:
    0 0 9px rgba(90, 215, 255, 0.8),
    0 0 20px rgba(70, 195, 255, 0.4);

  transform: rotate(90deg);
}

/* ===== دو قسمت اصلی پنجره ===== */
.home-public-modal-content {
  width: 100%;

  display: grid;

  /* اطلاعات سمت راست - گالری سمت چپ */
  grid-template-columns: 1fr 1.15fr;

  gap: 28px;

  direction: rtl;
}

/* =============================== */
/* ===== قسمت اطلاعات کالا ===== */
/* =============================== */

.home-public-info {
  direction: rtl;
  text-align: right;
}

/* عنوان */
.home-public-title {
  margin: 0 0 10px;

  color: #ffffff;

  font-size: 22px;
  font-weight: 900;
}

/* دسته */
.home-public-category {
  display: inline-block;

  padding: 6px 14px;
  margin-bottom: 18px;

  border-radius: 20px;

  background: rgba(30, 125, 170, 0.25);

  border: 1px solid rgba(80, 195, 240, 0.25);

  color: #65d2ff;

  font-size: 11px;
}

/* ===== مشخصات ===== */
.home-public-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 9px;

  margin-top: 5px;
}

.home-public-spec {
  min-height: 52px;

  padding: 8px 11px;

  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: rgba(255, 255, 255, 0.035);

  border: 1px solid rgba(90, 195, 235, 0.16);

  border-radius: 10px;
}

.home-public-spec span {
  margin-bottom: 4px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 10px;
}

.home-public-spec strong {
  color: #ffffff;

  font-size: 12px;
  font-weight: 700;
}

/* ===== توضیحات ===== */
.home-public-description {
  margin-top: 14px;

  padding: 11px 13px;

  background: rgba(255, 255, 255, 0.03);

  border: 1px solid rgba(90, 195, 235, 0.14);

  border-radius: 11px;
}

.home-public-description h4 {
  margin: 0 0 7px;

  color: #5bcbff;

  font-size: 12px;
}

.home-public-description p {
  margin: 0;

  color: rgba(255, 255, 255, 0.7);

  font-size: 11px;

  line-height: 1.9;
}

/* ========================= */
/* ===== گالری تصاویر ===== */
/* ========================= */

.home-public-gallery {
  width: 100%;
}

/* عکس بزرگ */
.home-public-main-image {
  width: 90%;
  height: 280px;

  margin: 0 auto;

  overflow: hidden;

  border-radius: 17px;

  border: 1px solid rgba(90, 200, 245, 0.3);

  box-shadow: 0 0 15px rgba(60, 185, 240, 0.12);
}

.home-public-main-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

/* ===== عکس‌های کوچک ===== */
.home-public-thumbnails {
  width: 100%;

  margin-top: 12px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;
}

.home-public-thumbnails img {
  width: 65px;
  height: 50px;

  object-fit: cover;

  border-radius: 8px;

  border: 1px solid rgba(100, 195, 230, 0.25);

  opacity: 0.55;

  cursor: pointer;

  transition: 0.25s ease;
}

.home-public-thumbnails img:hover {
  opacity: 1;

  border-color: #6ed7ff;
}

.home-public-thumbnails img.active {
  opacity: 1;

  border-color: #6ed7ff;

  box-shadow: 0 0 9px rgba(80, 205, 255, 0.55);
}
/* ===== پنجره کوچک ارتباط با فروشنده ===== */

.home-public-contact-box {
  width: 360px;
  min-height: 230px;

  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  display: none;

  padding: 25px 22px;
  box-sizing: border-box;

  direction: rtl;
  text-align: center;

  background: linear-gradient(
    145deg,
    rgba(5, 27, 42, 0.98),
    rgba(8, 43, 62, 0.98)
  );

  border: 1px solid rgba(90, 205, 250, 0.8);
  border-radius: 18px;

  box-shadow:
    0 0 12px rgba(80, 200, 250, 0.55),
    0 0 30px rgba(60, 185, 245, 0.2);

  z-index: 100;
}

/* عنوان */
.home-public-contact-box h3 {
  margin: 5px 0 8px;

  color: #ffffff;

  font-size: 17px;
  font-weight: 800;
}

/* متن */
.home-public-contact-box p {
  margin: 0 0 20px;

  color: rgba(255, 255, 255, 0.6);

  font-size: 11px;
}

/* محل دو دکمه */
.home-public-contact-options {
  display: flex;
  flex-direction: column;

  gap: 12px;
}

/* هر دو دکمه */
/* ===== دکمه تماس ===== */

.home-public-call-btn {
  width: 100%;
  height: 42px;

  border: 1px solid rgba(90, 210, 255, 0.65);
  border-radius: 11px;

  background: rgba(20, 95, 125, 0.8);

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

.home-public-call-btn:hover {
  background: rgba(35, 150, 190, 0.95);

  border-color: #6ed7ff;

  box-shadow:
    0 0 10px rgba(90, 210, 255, 0.65),
    0 0 22px rgba(70, 195, 255, 0.3);

  transform: translateY(-2px);
}

/* ===== دکمه پیامک ===== */

.home-public-sms-btn {
  width: 100%;
  height: 42px;

  border: 1px solid rgba(140, 180, 215, 0.55);
  border-radius: 11px;

  background: rgba(35, 65, 90, 0.8);

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

.home-public-sms-btn:hover {
  background: rgba(55, 100, 130, 0.95);

  border-color: rgba(150, 220, 250, 0.9);

  box-shadow:
    0 0 10px rgba(100, 190, 230, 0.5),
    0 0 20px rgba(80, 170, 215, 0.25);

  transform: translateY(-2px);
}

/* ===== ضربدر ===== */

.home-public-contact-close {
  position: absolute;

  top: 10px;
  right: 11px;

  width: 31px;
  height: 31px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(100, 205, 245, 0.45);
  border-radius: 50%;

  background: rgba(10, 50, 70, 0.8);

  color: #ffffff;

  font-size: 20px;

  cursor: pointer;

  transition: 0.3s ease;
}

.home-public-contact-close:hover {
  background: rgba(40, 150, 195, 0.95);

  border-color: #6ed7ff;

  box-shadow:
    0 0 8px rgba(90, 210, 255, 0.8),
    0 0 18px rgba(70, 195, 255, 0.4);

  transform: rotate(90deg);
}
.home-public-contact {
  width: 75%;
  height: 42px;

  display: block;
  margin: 18px auto 0;

  border: 1px solid rgba(90, 210, 255, 0.7);
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    rgba(15, 75, 105, 0.9),
    rgba(25, 115, 145, 0.9)
  );

  color: #ffffff;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 5px 15px rgba(0, 0, 0, 0.2);

  transition: 0.3s ease;
}

.home-public-contact:hover {
  border-color: #6ed7ff;

  background: linear-gradient(
    135deg,
    rgba(30, 130, 165, 0.95),
    rgba(40, 165, 200, 0.95)
  );

  box-shadow:
    0 0 10px rgba(90, 210, 255, 0.65),
    0 0 25px rgba(70, 195, 255, 0.3);

  transform: translateY(-2px) scale(1.02);
} /* ================================= */
/* ===== کشاورزی و دامداری ===== */
/* ================================= */

.agri-market {
  width: calc(100% - 50px);
  max-width: 1450px;
  min-height: 1250px;

  margin: 24px auto;
  padding: 18px;

  box-sizing: border-box;
  direction: rtl;

  background: linear-gradient(145deg, #151a0d, #1c2411, #202916);

  border: 1px solid rgba(185, 170, 75, 0.35);
  border-radius: 22px;

  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.4),
    inset 0 0 35px rgba(175, 190, 80, 0.04);
} /* ===== قسمت بالای کشاورزی ===== */

.agri-top {
  width: 100%;
  height: 300px;

  display: grid;
  grid-template-columns: 1fr 1.25fr;

  gap: 18px;

  direction: rtl;
}

/* ===== عنوان ===== */

.agri-header {
  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  text-align: center;

  border-radius: 18px;

  background: linear-gradient(
    145deg,
    rgba(45, 55, 20, 0.85),
    rgba(25, 35, 15, 0.9)
  );

  border: 1px solid rgba(200, 180, 80, 0.35);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 8px 25px rgba(0, 0, 0, 0.25);
  border: 1.5px solid rgba(235, 210, 95, 0.7);

  box-shadow:
    0 0 10px rgba(220, 195, 70, 0.18),
    0 8px 25px rgba(0, 0, 0, 0.3);
}

.agri-header h2 {
  margin: 0;

  color: #e4d378;

  font-size: 25px;
  font-weight: 900;
}

.agri-header p {
  margin: 10px 0 0;

  color: rgba(255, 255, 255, 0.65);

  font-size: 12px;
}

/* ===== عکس تراکتور ===== */

.agri-hero-image {
  width: 100%;
  height: 300px;

  overflow: hidden;

  border-radius: 18px;
  border: 1.5px solid rgba(235, 210, 95, 0.7);

  box-shadow:
    0 0 10px rgba(220, 195, 70, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 25px rgba(0, 0, 0, 0.25);
}

.agri-hero-image img {
  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
}
/* ===== دسته‌بندی کشاورزی و دامداری ===== */

.agri-categories {
  width: 100%;
  margin-top: 18px;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;

  box-sizing: border-box;
}

/* ===== دکمه دسته‌بندی ===== */

.agri-category-btn {
  height: 78px;

  border: 1px solid rgba(230, 205, 90, 0.45);
  border-radius: 14px;

  background: linear-gradient(
    145deg,
    rgba(42, 55, 22, 0.85),
    rgba(25, 36, 16, 0.9)
  );

  color: rgba(255, 255, 255, 0.85);

  font-size: 13px;
  font-weight: 800;

  cursor: pointer;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 7px 18px rgba(0, 0, 0, 0.22);

  transition: 0.3s ease;
}

/* ===== هاور ===== */

.agri-category-btn:hover {
  color: #fff4b0;

  border-color: rgba(245, 220, 100, 0.9);

  background: linear-gradient(
    145deg,
    rgba(65, 80, 28, 0.95),
    rgba(38, 52, 19, 0.95)
  );

  box-shadow:
    0 0 10px rgba(225, 200, 75, 0.35),
    0 0 22px rgba(225, 200, 75, 0.15);

  transform: translateY(-3px);
}
/* ===== بخش آگهی‌های ویژه کشاورزی ===== */

.agri-special-section {
  width: 100%;
  min-height: 330px;

  margin-top: 18px;
  padding: 14px 16px 18px;

  box-sizing: border-box;

  background: rgba(35, 48, 18, 0.55);

  border: 1px solid rgba(230, 205, 90, 0.45);
  border-radius: 18px;

  box-shadow:
    0 0 10px rgba(220, 195, 70, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

  overflow: hidden;
}

/* ===== عنوان آگهی‌های ویژه ===== */

.agri-special-title {
  width: 100%;
  height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;
}

.agri-special-title h3 {
  margin: 0;

  color: #ead77c;

  font-size: 18px;
  font-weight: 900;
}

/* ===== محل کارت‌ها ===== */
.agri-special-cards {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 18px;

  padding: 10px;
  box-sizing: border-box;

  direction: rtl;
}

.agri-special-card {
  min-width: 0;
  width: 100%;
}

/* ===== کارت ویژه ===== */

.agri-special-card {
  width: 100%;
  height: 235px;

  position: relative;

  overflow: hidden;

  border-radius: 15px;

  background: linear-gradient(
    145deg,
    rgba(42, 55, 22, 0.9),
    rgba(20, 31, 13, 0.95)
  );

  border: 1px solid rgba(225, 200, 80, 0.5);

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

  transition: 0.3s ease;
}

/* ===== هاور کارت ===== */

.agri-special-card:hover {
  border-color: rgba(245, 220, 100, 0.95);

  box-shadow:
    0 0 10px rgba(225, 200, 75, 0.45),
    0 0 22px rgba(225, 200, 75, 0.18);

  transform: translateY(-4px);
}
/* عکس کارت ویژه */
.agri-special-card img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  display: block;

  transition: transform 0.4s ease;
}

/* دکمه مشاهده آگهی */
.agri-special-view {
  position: absolute;

  left: 50%;
  bottom: 14px;

  transform: translateX(-50%);

  width: 125px;
  height: 36px;

  border: 1px solid rgba(240, 215, 100, 0.8);
  border-radius: 10px;

  background: rgba(25, 35, 12, 0.82);

  color: #fff4b0;

  font-size: 11px;
  font-weight: 800;

  cursor: pointer;

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  z-index: 5;

  transition: 0.3s ease;
}

/* زوم نرم عکس */
.agri-special-card:hover img {
  transform: scale(1.05);
}

/* هاور دکمه */
.agri-special-view:hover {
  background: rgba(95, 105, 30, 0.95);

  border-color: #f5dc64;

  box-shadow:
    0 0 10px rgba(235, 210, 90, 0.65),
    0 0 22px rgba(235, 210, 90, 0.25);

  transform: translateX(-50%) scale(1.05);
} /* ===== پس‌زمینه پنجره جزئیات ===== */

.agri-detail-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(5, 10, 3, 0.78);

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  z-index: 10000;
}

/* ===== خود پنجره ===== */

.agri-detail-modal {
  width: min(700px, 88vw);
  min-height: 400px;

  position: relative;

  padding: 48px 20px 20px;
  box-sizing: border-box;

  background: linear-gradient(145deg, #171d0d, #202916, #12180a);

  border: 1.5px solid rgba(235, 210, 95, 0.75);
  border-radius: 22px;

  box-shadow:
    0 0 14px rgba(220, 195, 70, 0.35),
    0 0 40px rgba(190, 170, 55, 0.12),
    inset 0 0 35px rgba(220, 200, 90, 0.035);

  overflow: hidden;

  direction: rtl;
}

/* ===== دکمه ضربدر ===== */

.agri-detail-close {
  position: absolute;

  top: 15px;
  right: 17px;

  width: 34px;
  height: 34px;

  border: 1px solid rgba(235, 210, 95, 0.65);
  border-radius: 50%;

  background: rgba(40, 50, 18, 0.8);

  color: #f0dc7c;

  font-size: 23px;
  line-height: 28px;

  cursor: pointer;

  z-index: 10;

  transition: 0.3s ease;
}

.agri-detail-close:hover {
  color: #fff5b5;

  border-color: #f5dc64;

  box-shadow:
    0 0 10px rgba(235, 210, 90, 0.65),
    0 0 20px rgba(235, 210, 90, 0.25);

  transform: rotate(90deg);
}

/* ===== محتوای اصلی ===== */

.agri-detail-content {
  width: 100%;

  display: grid;
  grid-template-columns: 1fr 1.1fr;

  gap: 28px;

  align-items: center;
}

/* ===== اطلاعات آگهی ===== */

.agri-detail-info h2 {
  margin: 0 0 15px;

  color: #ead77c;

  font-size: 24px;
  font-weight: 900;
}

.agri-detail-price {
  margin-bottom: 18px;

  color: #fff3ad;

  font-size: 18px;
  font-weight: 800;
}

.agri-detail-description {
  min-height: 100px;

  padding: 15px;
  box-sizing: border-box;

  color: rgba(255, 255, 255, 0.75);

  font-size: 13px;
  line-height: 2;

  background: rgba(35, 48, 18, 0.5);

  border: 1px solid rgba(220, 195, 75, 0.25);
  border-radius: 12px;
}

/* ===== ارتباط با فروشنده ===== */

.agri-detail-contact {
  width: 100%;
  height: 42px;

  margin-top: 20px;

  border: 1px solid rgba(240, 215, 95, 0.75);
  border-radius: 11px;

  background: linear-gradient(
    145deg,
    rgba(80, 95, 30, 0.95),
    rgba(50, 65, 20, 0.95)
  );

  color: #fff4b0;

  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

.agri-detail-contact:hover {
  border-color: #f5dc64;

  box-shadow:
    0 0 10px rgba(235, 210, 90, 0.55),
    0 0 22px rgba(235, 210, 90, 0.2);

  transform: translateY(-2px);
}

/* ===== عکس اصلی ===== */

.agri-detail-main-image {
  width: 100%;
  height: 250px;

  overflow: hidden;

  border-radius: 17px;

  border: 1px solid rgba(235, 210, 95, 0.5);

  box-shadow:
    0 0 12px rgba(220, 195, 70, 0.18),
    0 10px 25px rgba(0, 0, 0, 0.3);
}

.agri-detail-main-image img {
  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
}
/* ===== عکس‌های کوچک آگهی ویژه کشاورزی ===== */

.agri-detail-thumbnails {
  width: 100%;

  margin-top: 10px;

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  gap: 8px;
}

/* ===== هر عکس کوچک ===== */

.agri-detail-thumbnails img {
  width: 100%;
  height: 52px;

  display: block;
  object-fit: cover;

  border-radius: 8px;

  border: 1px solid rgba(220, 195, 80, 0.3);

  opacity: 0.65;

  cursor: pointer;

  box-sizing: border-box;

  transition: 0.25s ease;
}

/* ===== هاور ===== */

.agri-detail-thumbnails img:hover {
  opacity: 1;

  border-color: rgba(245, 220, 100, 0.8);

  transform: translateY(-2px);
}

/* ===== عکس انتخاب شده ===== */

.agri-detail-thumbnails img.active {
  opacity: 1;

  border: 1.5px solid #f0d96f;

  box-shadow:
    0 0 7px rgba(235, 210, 90, 0.55),
    0 0 14px rgba(235, 210, 90, 0.2);
}
/* ===== مشخصات آگهی ویژه کشاورزی ===== */

.agri-detail-specs {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(2, 1fr);

  gap: 9px;

  margin-bottom: 15px;
}

/* ===== هر مشخصه ===== */

.agri-detail-spec {
  min-height: 48px;

  padding: 7px 10px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: rgba(40, 52, 20, 0.55);

  border: 1px solid rgba(225, 200, 80, 0.28);
  border-radius: 9px;

  transition: 0.25s ease;
}

/* عنوان مشخصه */

.agri-detail-spec span {
  margin-bottom: 4px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 10px;
}

/* مقدار مشخصه */

.agri-detail-spec strong {
  color: #f0dc83;

  font-size: 12px;
  font-weight: 800;
}

/* هاور */

.agri-detail-spec:hover {
  border-color: rgba(240, 215, 95, 0.65);

  background: rgba(55, 68, 25, 0.7);

  box-shadow: 0 0 8px rgba(225, 200, 75, 0.15);
}
/* ===== پنجره ارتباط با فروشنده ===== */

.agri-contact-box {
  width: 360px;
  min-height: 220px;

  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  padding: 45px 20px 20px;
  box-sizing: border-box;

  display: none;

  background: linear-gradient(
    145deg,
    rgba(35, 45, 18, 0.96),
    rgba(20, 28, 12, 0.98)
  );

  border: 1.5px solid rgba(235, 210, 95, 0.75);
  border-radius: 18px;

  box-shadow:
    0 0 14px rgba(225, 200, 75, 0.35),
    0 0 30px rgba(200, 175, 60, 0.15);

  z-index: 100;
}

/* ===== ضربدر ===== */

.agri-contact-close {
  position: absolute;

  top: 12px;
  right: 14px;

  width: 30px;
  height: 30px;

  border: 1px solid rgba(235, 210, 95, 0.65);
  border-radius: 50%;

  background: rgba(45, 55, 20, 0.85);

  color: #f0dc7c;

  font-size: 20px;

  cursor: pointer;

  transition: 0.3s ease;
}

.agri-contact-close:hover {
  border-color: #f5dc64;

  box-shadow:
    0 0 8px rgba(235, 210, 90, 0.65),
    0 0 16px rgba(235, 210, 90, 0.25);

  transform: rotate(90deg);
}

/* ===== متن‌ها ===== */

.agri-contact-box h3 {
  margin: 0;

  text-align: center;

  color: #ead77c;

  font-size: 18px;
  font-weight: 900;
}

.agri-contact-box p {
  margin: 9px 0 18px;

  text-align: center;

  color: rgba(255, 255, 255, 0.6);

  font-size: 11px;
}

/* ===== دکمه‌ها ===== */

.agri-contact-options {
  display: flex;
  flex-direction: column;

  gap: 10px;
}

.agri-call-btn,
.agri-sms-btn {
  width: 100%;
  height: 42px;

  border-radius: 10px;

  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

/* تماس */

.agri-call-btn {
  border: 1px solid rgba(240, 215, 95, 0.8);

  background: rgba(85, 100, 30, 0.9);

  color: #fff4b0;
}

/* پیامک */

.agri-sms-btn {
  border: 1px solid rgba(190, 180, 95, 0.55);

  background: rgba(55, 68, 25, 0.85);

  color: rgba(255, 245, 190, 0.9);
}

/* هاور */

.agri-call-btn:hover,
.agri-sms-btn:hover {
  border-color: #f5dc64;

  box-shadow:
    0 0 9px rgba(235, 210, 90, 0.55),
    0 0 18px rgba(235, 210, 90, 0.2);

  transform: translateY(-2px);
}
/* ===== بخش آگهی‌های عادی کشاورزی ===== */

.agri-public-section {
  width: 100%;
  height: 500px;

  margin-top: 18px;
  padding: 14px 16px 18px;

  box-sizing: border-box;

  background: rgba(30, 42, 16, 0.5);

  border: 1px solid rgba(230, 205, 90, 0.42);
  border-radius: 18px;

  box-shadow:
    0 0 10px rgba(220, 195, 70, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

  overflow: hidden;
}

/* ===== بالای پنجره ===== */

.agri-public-header {
  width: 100%;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-bottom: 1px solid rgba(225, 200, 80, 0.18);
}

/* ===== عنوان ===== */

.agri-public-header h3 {
  margin: 0;

  color: #ead77c;

  font-size: 18px;
  font-weight: 900;
}

/* ===== محل آگهی‌ها ===== */

.agri-public-ads {
  width: 100%;
  height: calc(100% - 48px);

  padding: 16px;
  box-sizing: border-box;

  overflow-y: auto;
  overflow-x: hidden;
}
/* ===== فیلتر آگهی‌های عادی کشاورزی ===== */

.agri-public-filters {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  padding: 12px 8px;
  box-sizing: border-box;

  border-bottom: 1px solid rgba(220, 195, 80, 0.12);
}

/* ===== دکمه فیلتر ===== */

.agri-filter-btn {
  min-width: 115px;
  height: 34px;

  padding: 0 15px;

  border: 1px solid rgba(205, 190, 105, 0.25);
  border-radius: 20px;

  background: rgba(15, 24, 11, 0.55);

  color: rgba(255, 255, 255, 0.62);

  font-size: 10px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

/* ===== هاور ===== */

.agri-filter-btn:hover {
  color: #f5e7a1;

  border-color: rgba(230, 210, 105, 0.55);

  background: rgba(45, 57, 22, 0.65);

  transform: translateY(-1px);
}

/* ===== فیلتر انتخاب شده ===== */

.agri-filter-btn.active {
  color: #fff5b5;

  border-color: rgba(240, 215, 95, 0.85);

  background: linear-gradient(
    145deg,
    rgba(95, 105, 35, 0.8),
    rgba(55, 70, 22, 0.85)
  );

  box-shadow:
    0 0 7px rgba(225, 200, 75, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
/* ===== کارت‌های آگهی عادی کشاورزی ===== */

.agri-public-cards {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 16px;

  box-sizing: border-box;
  direction: rtl;
}

/* ===== هر کارت ===== */

.agri-public-card {
  width: 100%;
  height: 175px;

  position: relative;
  overflow: hidden;

  border-radius: 13px;

  background: rgba(25, 36, 14, 0.7);

  border: 1px solid rgba(205, 190, 100, 0.3);

  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  transition: 0.3s ease;
}

/* ===== عکس ===== */

.agri-public-card img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;

  transition: transform 0.4s ease;
}

/* ===== دکمه مشاهده آگهی ===== */

.agri-public-view {
  position: absolute;

  left: 50%;
  bottom: 10px;

  transform: translateX(-50%);

  width: 115px;
  height: 32px;

  border: 1px solid rgba(225, 205, 105, 0.65);
  border-radius: 18px;

  background: rgba(20, 30, 12, 0.82);

  color: #f3e5a0;

  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  z-index: 5;

  transition: 0.3s ease;
}

/* ===== هاور کارت ===== */

.agri-public-card:hover {
  border-color: rgba(235, 215, 110, 0.7);

  box-shadow:
    0 0 9px rgba(220, 200, 90, 0.22),
    0 8px 20px rgba(0, 0, 0, 0.28);

  transform: translateY(-3px);
}

.agri-public-card:hover img {
  transform: scale(1.04);
}

/* ===== هاور دکمه ===== */

.agri-public-view:hover {
  color: #fff7c2;

  background: rgba(70, 82, 28, 0.92);

  border-color: #f0d96f;

  box-shadow: 0 0 9px rgba(230, 210, 95, 0.45);

  transform: translateX(-50%) scale(1.04);
}
/* ===== پس‌زمینه مودال آگهی عادی ===== */

.agri-public-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(5, 10, 3, 0.78);

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  z-index: 10000;
}

/* ===== خود مودال ===== */

.agri-public-modal {
  width: min(700px, 88vw);
  min-height: 400px;

  position: relative;

  padding: 48px 20px 20px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #151c0c, #1d2713, #111709);

  border: 1px solid rgba(210, 195, 105, 0.55);
  border-radius: 18px;

  box-shadow:
    0 0 12px rgba(210, 190, 80, 0.22),
    0 15px 40px rgba(0, 0, 0, 0.4);

  overflow: hidden;
}

/* ===== ضربدر ===== */

.agri-public-close {
  position: absolute;

  top: 13px;
  right: 15px;

  width: 32px;
  height: 32px;

  border: 1px solid rgba(220, 200, 100, 0.5);
  border-radius: 50%;

  background: rgba(40, 50, 20, 0.8);

  color: #ead77c;

  font-size: 21px;

  cursor: pointer;

  transition: 0.3s ease;
}

.agri-public-close:hover {
  border-color: #f0d96f;

  box-shadow: 0 0 9px rgba(230, 210, 95, 0.5);

  transform: rotate(90deg);
}

/* ===== چیدمان داخل مودال ===== */

.agri-public-modal-content {
  width: 100%;

  display: grid;
  grid-template-columns: 1fr 1.05fr;

  gap: 22px;

  align-items: center;
}

/* ===== عنوان ===== */

.agri-public-title {
  margin: 0 0 8px;

  color: #ead77c;

  font-size: 20px;
  font-weight: 900;
}

/* ===== قیمت ===== */

.agri-public-price {
  margin-bottom: 13px;

  color: #fff1a5;

  font-size: 15px;
  font-weight: 800;
}

/* ===== مشخصات ===== */

.agri-public-specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

  gap: 7px;

  margin-bottom: 12px;
}

.agri-public-spec {
  padding: 7px 9px;

  background: rgba(40, 52, 20, 0.45);

  border: 1px solid rgba(210, 195, 100, 0.2);
  border-radius: 8px;
}

.agri-public-spec span {
  display: block;

  margin-bottom: 3px;

  color: rgba(255, 255, 255, 0.48);

  font-size: 9px;
}

.agri-public-spec strong {
  color: #eadb91;

  font-size: 11px;
}

/* ===== توضیحات ===== */

.agri-public-description {
  padding: 10px;

  background: rgba(30, 42, 15, 0.42);

  border: 1px solid rgba(210, 195, 100, 0.18);
  border-radius: 9px;
}

.agri-public-description h4 {
  margin: 0 0 5px;

  color: #e5d27c;

  font-size: 11px;
}

.agri-public-description p {
  margin: 0;

  color: rgba(255, 255, 255, 0.65);

  font-size: 10px;
  line-height: 1.8;
}

/* ===== ارتباط با فروشنده ===== */

.agri-public-contact {
  width: 100%;
  height: 38px;

  margin-top: 12px;

  border: 1px solid rgba(225, 205, 105, 0.6);
  border-radius: 18px;

  background: rgba(65, 78, 28, 0.8);

  color: #fff3ae;

  font-size: 11px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

.agri-public-contact:hover {
  background: rgba(85, 98, 35, 0.95);

  border-color: #f0d96f;

  box-shadow: 0 0 9px rgba(230, 210, 95, 0.4);

  transform: translateY(-2px);
}

/* ===== عکس اصلی ===== */

.agri-public-main-image {
  width: 100%;
  height: 250px;

  overflow: hidden;

  border-radius: 14px;

  border: 1px solid rgba(215, 200, 105, 0.4);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.agri-public-main-image img {
  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
}
/* ===== تصاویر کوچک آگهی عادی کشاورزی ===== */

.agri-public-thumbnails {
  width: 100%;

  margin-top: 9px;

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  gap: 7px;
}

/* ===== هر تصویر کوچک ===== */

.agri-public-thumbnails img {
  width: 100%;
  height: 48px;

  display: block;
  object-fit: cover;

  box-sizing: border-box;

  border: 1px solid rgba(205, 195, 115, 0.25);
  border-radius: 7px;

  opacity: 0.6;

  cursor: pointer;

  transition: 0.25s ease;
}

/* ===== هاور ===== */

.agri-public-thumbnails img:hover {
  opacity: 0.9;

  border-color: rgba(225, 210, 120, 0.55);
}

/* ===== عکس انتخاب شده ===== */

.agri-public-thumbnails img.active {
  opacity: 1;

  border-color: rgba(240, 220, 115, 0.85);

  box-shadow: 0 0 6px rgba(225, 205, 95, 0.3);
}
/* ===== پنجره ارتباط با فروشنده - آگهی عادی ===== */

.agri-public-contact-box {
  width: 340px;
  min-height: 210px;

  position: absolute;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  padding: 42px 18px 18px;
  box-sizing: border-box;

  display: none;

  background: linear-gradient(
    145deg,
    rgba(31, 42, 17, 0.97),
    rgba(17, 25, 10, 0.98)
  );

  border: 1px solid rgba(220, 205, 110, 0.65);
  border-radius: 16px;

  box-shadow:
    0 0 12px rgba(220, 200, 90, 0.25),
    0 15px 35px rgba(0, 0, 0, 0.45);

  z-index: 100;
}

/* ===== ضربدر ===== */

.agri-public-contact-close {
  position: absolute;

  top: 11px;
  right: 13px;

  width: 29px;
  height: 29px;

  border: 1px solid rgba(220, 205, 110, 0.55);
  border-radius: 50%;

  background: rgba(42, 52, 21, 0.85);

  color: #ead77c;

  font-size: 19px;

  cursor: pointer;

  transition: 0.3s ease;
}

.agri-public-contact-close:hover {
  color: #fff5b5;
  border-color: #f0d96f;

  box-shadow: 0 0 8px rgba(230, 210, 95, 0.5);

  transform: rotate(90deg);
}

/* ===== عنوان و متن ===== */

.agri-public-contact-box h3 {
  margin: 0;

  text-align: center;

  color: #e7d681;

  font-size: 17px;
  font-weight: 900;
}

.agri-public-contact-box p {
  margin: 8px 0 16px;

  text-align: center;

  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
}

/* ===== محل دکمه‌ها ===== */

.agri-public-contact-options {
  display: flex;
  flex-direction: column;

  gap: 9px;
}

/* ===== دکمه‌ها ===== */

.agri-public-call-btn,
.agri-public-sms-btn {
  width: 100%;
  height: 39px;

  border-radius: 18px;

  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.3s ease;
}

/* تماس */

.agri-public-call-btn {
  border: 1px solid rgba(230, 210, 105, 0.7);

  background: rgba(75, 88, 30, 0.88);

  color: #fff3ad;
}

/* پیامک */

.agri-public-sms-btn {
  border: 1px solid rgba(195, 185, 105, 0.45);

  background: rgba(48, 60, 24, 0.85);

  color: #e9dda0;
}

/* ===== هاور ===== */

.agri-public-call-btn:hover,
.agri-public-sms-btn:hover {
  border-color: #f0d96f;

  box-shadow: 0 0 9px rgba(230, 210, 95, 0.4);

  transform: translateY(-2px);
}
/* ===== اسکرول آگهی‌های عادی کشاورزی ===== */

.agri-public-ads {
  overflow-y: auto;
  overflow-x: hidden;
}

/* عرض اسکرول */

.agri-public-ads::-webkit-scrollbar {
  width: 8px;
}

/* مسیر اسکرول */

.agri-public-ads::-webkit-scrollbar-track {
  background: rgba(18, 27, 10, 0.45);

  border-radius: 10px;
}

/* خود اسکرول */

.agri-public-ads::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    rgba(220, 200, 90, 0.8),
    rgba(105, 115, 40, 0.85)
  );

  border-radius: 10px;

  box-shadow: 0 0 6px rgba(220, 200, 90, 0.3);
}

/* هاور اسکرول */

.agri-public-ads::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    rgba(245, 220, 105, 0.95),
    rgba(135, 145, 48, 0.95)
  );

  box-shadow: 0 0 8px rgba(235, 215, 100, 0.5);
}
/* ===== فوتر اصلی گرا.کالا ===== */

.site-footer {
  width: calc(100% - 50px);
  max-width: 1450px;

  margin: 35px auto 20px;
  padding: 24px;

  box-sizing: border-box;
  direction: rtl;

  position: relative;
  overflow-y: auto;
  overflow-x: hidden;

  background: linear-gradient(
    145deg,
    rgba(10, 15, 18, 0.97),
    rgba(13, 21, 24, 0.98),
    rgba(7, 11, 13, 0.98)
  );

  border: 1.5px solid rgba(230, 190, 70, 0.75);
  border-radius: 30px;

  box-shadow:
    0 0 12px rgba(220, 180, 55, 0.2),
    0 0 35px rgba(220, 180, 55, 0.07),
    0 18px 50px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ===== قسمت اصلی بالای فوتر ===== */

.footer-main {
  width: 100%;

  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1.15fr;

  gap: 25px;

  padding: 20px 10px 28px;
  box-sizing: border-box;
}

/* ===== جداکننده ستون‌ها ===== */

.footer-main > div {
  padding: 0 22px;

  box-sizing: border-box;

  border-left: 1px solid rgba(220, 185, 70, 0.13);
}

/* ستون آخر جداکننده نداشته باشد */

.footer-main > div:last-child {
  border-left: none;
}
/* ===== برند فوتر ===== */

.footer-brand-box {
  text-align: center;
}

/* لوگو */

.footer-brand-logo {
  width: 110px;
  height: 110px;

  margin: 0 auto 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 24px;

  background: rgba(255, 255, 255, 0.02);

  border: 1px solid rgba(230, 190, 70, 0.18);

  box-shadow:
    0 0 12px rgba(220, 180, 55, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.footer-brand-logo img {
  max-width: 85%;
  max-height: 85%;

  display: block;
  object-fit: contain;
}

/* نام گرا.کالا */

.footer-brand-box h2 {
  margin: 0;

  color: #f0c85a;

  font-size: 30px;
  font-weight: 900;

  text-shadow: 0 0 8px rgba(230, 190, 70, 0.25);
}

/* شعار */

.footer-brand-box > p {
  margin: 10px 0 14px;

  color: rgba(255, 255, 255, 0.82);

  font-size: 13px;
  font-weight: 700;
}

/* متن توضیح */

.footer-brand-text {
  max-width: 270px;

  margin: 0 auto;

  color: rgba(255, 255, 255, 0.55);

  font-size: 11px;
  line-height: 2;

  text-align: center;
}

/* دکمه ورود مدیر در ستون برند فوتر */
.footer-admin-button {
  width: min(100%, 230px);
  min-height: 42px;
  margin: 16px auto 0;
  padding: 9px 16px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(232, 189, 80, 0.48);
  border-radius: 10px;

  background: rgba(232, 189, 80, 0.07);
  color: #e8bd50;

  font-size: 12px;
  font-weight: 900;
  line-height: 1.8;
  text-align: center;
  text-decoration: none;

  box-shadow:
    0 5px 16px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  transition:
    transform 0.22s ease,
    color 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.footer-admin-button:hover,
.footer-admin-button:focus-visible {
  background: linear-gradient(135deg, #f4d574, #dcae35);
  border-color: #ffe89a;
  color: #11181b;

  transform: translateY(-2px);

  box-shadow:
    0 0 15px rgba(240, 200, 90, 0.34),
    0 8px 22px rgba(0, 0, 0, 0.22);

  outline: none;
}

.footer-admin-button:active {
  transform: translateY(0) scale(0.98);
}
/* ===== عنوان ستون‌های فوتر ===== */

.footer-links-box h3,
.footer-contact-box h3 {
  margin: 0 0 20px;

  color: #e8bd50;

  font-size: 16px;
  font-weight: 900;

  position: relative;

  padding-bottom: 10px;
}

/* خط طلایی زیر عنوان */

.footer-links-box h3::after,
.footer-contact-box h3::after {
  content: "";

  position: absolute;

  right: 0;
  bottom: 0;

  width: 42px;
  height: 2px;

  border-radius: 10px;

  background: linear-gradient(90deg, rgba(235, 195, 70, 0.2), #e8bd50);

  box-shadow: 0 0 7px rgba(230, 185, 55, 0.25);
}

/* ===== لینک‌ها ===== */

.footer-links-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-links-box a {
  margin-bottom: 12px;

  position: relative;

  color: rgba(255, 255, 255, 0.62);

  font-size: 12px;
  font-weight: 600;

  text-decoration: none;

  transition: 0.25s ease;
}

/* نقطه کوچک کنار لینک */

.footer-links-box a::before {
  content: "•";

  margin-left: 7px;

  color: rgba(230, 190, 70, 0.55);
}

/* هاور لینک */

.footer-links-box a:hover {
  color: #f0ca63;

  transform: translateX(-4px);

  text-shadow: 0 0 7px rgba(230, 190, 70, 0.2);
}

/* ستون‌های دسترسی سریع و راهنما؛ هماهنگ با تم مشکی و طلایی فوتر */
.footer-quick-links a,
.footer-service-links a {
  width: 100%;
  margin-bottom: 7px;
  padding: 6px 9px;
  box-sizing: border-box;
  color: rgba(244, 211, 112, 0.82);
  border: 1px solid rgba(230, 190, 70, 0.1);
  border-radius: 9px;
  background: rgba(0, 0, 0, 0.14);
}

.footer-quick-links a:hover,
.footer-service-links a:hover {
  color: #ffe392;
  border-color: rgba(242, 199, 92, 0.38);
  background: rgba(242, 199, 92, 0.07);
  box-shadow: inset 0 0 12px rgba(242, 199, 92, 0.035);
}

/* ===== متن ستون ارتباط ===== */

.footer-contact-box > p {
  margin: 0 0 16px;

  color: rgba(255, 255, 255, 0.55);

  font-size: 11px;
  line-height: 1.9;
}
/* ===== شبکه‌های اجتماعی فوتر ===== */

.footer-socials {
  width: 100%;

  display: flex;
  align-items: center;

  gap: 8px;

  margin-bottom: 18px;
}

/* دکمه‌های شبکه اجتماعی */

.footer-socials button {
  height: 35px;

  padding: 0 12px;

  border: 1px solid rgba(225, 190, 70, 0.3);
  border-radius: 10px;

  background: rgba(255, 255, 255, 0.025);

  color: rgba(255, 255, 255, 0.7);

  font-size: 10px;
  font-weight: 700;

  cursor: pointer;

  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 5px 14px rgba(0, 0, 0, 0.18);

  transition: 0.25s ease;
}

/* هاور */

.footer-socials button:hover {
  color: #fff2ad;

  border-color: rgba(240, 205, 85, 0.85);

  background: rgba(215, 175, 55, 0.1);

  box-shadow:
    0 0 8px rgba(230, 190, 65, 0.3),
    0 0 18px rgba(230, 190, 65, 0.1);

  transform: translateY(-3px);
}

/* ===== اطلاعات تماس زیر دکمه‌ها ===== */

.footer-contact-info {
  width: 100%;

  display: flex;
  flex-direction: column;

  gap: 8px;

  padding: 12px;

  box-sizing: border-box;

  border: 1px solid rgba(225, 190, 70, 0.15);
  border-radius: 12px;

  background: rgba(255, 255, 255, 0.02);
}

.footer-contact-info span {
  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
}
/* ===== مزایای پایین فوتر ===== */

.footer-features {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  margin-top: 8px;

  padding: 18px 10px;

  box-sizing: border-box;

  border-top: 1px solid rgba(225, 190, 70, 0.18);
  border-bottom: 1px solid rgba(225, 190, 70, 0.18);

  background: rgba(255, 255, 255, 0.015);
}

/* هر مزیت */

.footer-feature {
  min-height: 58px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;

  border-left: 1px solid rgba(225, 190, 70, 0.12);
}

/* آخرین مورد خط نداشته باشد */

.footer-feature:last-child {
  border-left: none;
}

/* عنوان */

.footer-feature strong {
  margin-bottom: 7px;

  color: #e8bd50;

  font-size: 12px;
  font-weight: 900;

  transition: 0.25s ease;
}

/* توضیح */

.footer-feature span {
  color: rgba(255, 255, 255, 0.45);

  font-size: 9px;
}

/* هاور */

.footer-feature:hover strong {
  color: #fff0a0;

  text-shadow: 0 0 8px rgba(230, 190, 70, 0.45);
}
/* ===== پایین فوتر / کپی‌رایت ===== */

.footer-bottom {
  width: 100%;

  min-height: 55px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 12px 10px 0;

  box-sizing: border-box;

  text-align: center;
}

/* متن کپی‌رایت */

.footer-bottom span {
  color: rgba(255, 255, 255, 0.42);

  font-size: 10px;
  font-weight: 600;

  letter-spacing: 0.2px;

  transition: 0.3s ease;
}

/* هاور ظریف */

.footer-bottom span:hover {
  color: #e8bd50;

  text-shadow: 0 0 8px rgba(230, 190, 70, 0.25);
}
/* ===== تزئین طلایی بالای فوتر ===== */

.site-footer::before {
  content: "";

  position: absolute;

  top: 0;
  left: 50%;

  transform: translateX(-50%);

  width: 58%;
  height: 2px;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(235, 195, 70, 0.25),
    rgba(245, 210, 95, 0.95),
    rgba(235, 195, 70, 0.25),
    transparent
  );

  box-shadow:
    0 0 8px rgba(235, 195, 70, 0.35),
    0 0 18px rgba(235, 195, 70, 0.15);
}

/* ===== نشان کوچک وسط بالای فوتر ===== */

.site-footer::after {
  content: "◆";

  position: absolute;

  top: -10px;
  left: 50%;

  transform: translateX(-50%);

  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #10171a;

  border: 1px solid rgba(235, 195, 70, 0.75);

  color: #e8bd50;

  font-size: 10px;

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.28);
}
/* ===== حرکت ظریف ستون‌های فوتر ===== */

.footer-brand-box,
.footer-links-box,
.footer-contact-box {
  transition:
    transform 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease;
}

/* هاور ستون‌ها */

.footer-brand-box:hover,
.footer-links-box:hover,
.footer-contact-box:hover {
  transform: translateY(-4px);

  background: rgba(230, 190, 70, 0.025);

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

/* ===== هاور مزیت‌های پایین ===== */

.footer-feature {
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}

.footer-feature:hover {
  transform: translateY(-2px);

  background: rgba(230, 190, 70, 0.025);
}
/* ===== آیکون لینک‌های فوتر ===== */

/* حذف نقطه قبلی */
.footer-links-box a::before {
  display: none;
}

/* فاصله و چینش لینک‌ها */
.footer-links-box a {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* آیکون عمومی */
.footer-links-box a::after {
  font-size: 13px;
  opacity: 0.65;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

/* ===== دسترسی سریع ===== */

.footer-links-box:nth-of-type(2) a:nth-of-type(1)::after {
  content: "⌂";
}

.footer-links-box:nth-of-type(2) a:nth-of-type(2)::after {
  content: "▦";
}

.footer-links-box:nth-of-type(2) a:nth-of-type(3)::after {
  content: "＋";
}

.footer-links-box:nth-of-type(2) a:nth-of-type(4)::after {
  content: "★";
}

.footer-links-box:nth-of-type(2) a:nth-of-type(5)::after {
  content: "◈";
}

/* ===== راهنما و خدمات ===== */

.footer-links-box:nth-of-type(3) a:nth-of-type(1)::after {
  content: "ⓘ";
}

.footer-links-box:nth-of-type(3) a:nth-of-type(2)::after {
  content: "✓";
}

.footer-links-box:nth-of-type(3) a:nth-of-type(3)::after {
  content: "▤";
}

.footer-links-box:nth-of-type(3) a:nth-of-type(4)::after {
  content: "?";
}

.footer-links-box:nth-of-type(3) a:nth-of-type(5)::after {
  content: "◉";
}

/* هاور آیکون */

.footer-links-box a:hover::after {
  opacity: 1;

  transform: scale(1.15);

  color: #f0ca63;

  text-shadow: 0 0 7px rgba(230, 190, 70, 0.4);
}
/* ===== آیکون شبکه‌های اجتماعی ===== */

.footer-socials button {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 6px;
}

.social-icon {
  color: #e8bd50;

  font-size: 15px;
  line-height: 1;

  transition: 0.3s ease;
}

.footer-socials button:hover .social-icon {
  color: #fff0a0;

  transform: scale(1.2);

  text-shadow: 0 0 8px rgba(235, 195, 70, 0.6);
}
/* ===== آیکون مزیت‌های فوتر ===== */

.footer-feature-icon {
  width: 32px;
  height: 32px;

  margin-bottom: 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 13px;
  font-weight: 900;

  box-shadow:
    0 0 8px rgba(230, 190, 70, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);

  transition: 0.3s ease;
}

/* هاور */

.footer-feature:hover .footer-feature-icon {
  color: #fff3ad;

  border-color: rgba(245, 210, 90, 0.9);

  transform: translateY(-2px) scale(1.08);

  box-shadow:
    0 0 10px rgba(235, 195, 70, 0.4),
    0 0 20px rgba(235, 195, 70, 0.12);
}
/* ===== نور داخلی فوتر ===== */

.footer-main::before {
  content: "";

  position: absolute;

  width: 420px;
  height: 220px;

  top: 20px;
  left: 50%;

  transform: translateX(-50%);

  background: radial-gradient(
    circle,
    rgba(225, 185, 60, 0.055) 0%,
    rgba(225, 185, 60, 0.02) 40%,
    transparent 72%
  );

  filter: blur(18px);

  pointer-events: none;

  z-index: 0;
}

/* محتوا روی نور قرار بگیرد */

.footer-main {
  position: relative;
}

.footer-main > div {
  position: relative;
  z-index: 1;
}
/* ===== ریسپانسیو فوتر برای تبلت ===== */

@media (max-width: 1000px) {
  .footer-main {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .footer-main > div {
    border-left: none;
    border-bottom: 1px solid rgba(220, 185, 70, 0.12);

    padding-bottom: 22px;
  }

  .footer-main > div:nth-last-child(-n + 2) {
    border-bottom: none;
  }

  .footer-features {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 0;
  }
}
/* ===== ریسپانسیو فوتر برای موبایل ===== */

@media (max-width: 650px) {
  .site-footer {
    width: calc(100% - 20px);
    padding: 18px 14px;
    border-radius: 22px;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .footer-main > div {
    border-left: none;
    border-bottom: 1px solid rgba(220, 185, 70, 0.12);

    padding: 0 8px 18px;
  }

  .footer-main > div:last-child {
    border-bottom: none;
  }

  .footer-brand-logo {
    width: 90px;
    height: 90px;
  }

  .footer-brand-box h2 {
    font-size: 25px;
  }

  .footer-socials {
    flex-wrap: wrap;
  }

  .footer-socials button {
    flex: 1 1 100%;
  }

  .footer-features {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .footer-feature {
    border-left: none;
    border-bottom: 1px solid rgba(225, 190, 70, 0.1);

    padding: 14px 0;
  }

  .footer-feature:last-child {
    border-bottom: none;
  }

  .footer-bottom {
    min-height: 45px;
  }
}
/* ===== تنظیم نهایی فاصله‌های فوتر ===== */

.footer-main {
  padding-top: 16px;
  padding-bottom: 20px;
}

.footer-brand-logo {
  margin-bottom: 10px;
}

.footer-brand-box > p {
  margin-top: 7px;
  margin-bottom: 10px;
}

.footer-links-box h3,
.footer-contact-box h3 {
  margin-bottom: 16px;
}

.footer-links-box a {
  margin-bottom: 10px;
}

.footer-socials {
  margin-bottom: 14px;
}

.footer-features {
  margin-top: 4px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.footer-bottom {
  min-height: 45px;
  padding-top: 8px;
}
/* ===== پنجره درباره گرا.کالا ===== */

.footer-about-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.72);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  z-index: 10000;
}

/* ===== خود پنجره ===== */

.footer-about-modal {
  width: min(520px, 90vw);

  position: relative;

  padding: 45px 35px 35px;
  box-sizing: border-box;

  direction: rtl;
  text-align: center;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1.5px solid rgba(235, 195, 70, 0.75);
  border-radius: 24px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.3),
    0 0 40px rgba(230, 190, 70, 0.08),
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* ===== ضربدر بستن ===== */

.footer-about-close {
  position: absolute;

  top: 14px;
  left: 14px;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-size: 20px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-about-close:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.9);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.35);

  transform: rotate(90deg);
}

/* ===== نشان بالای پنجره ===== */

.footer-about-icon {
  width: 48px;
  height: 48px;

  margin: 0 auto 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 16px;

  box-shadow: 0 0 14px rgba(230, 190, 70, 0.18);
}

/* ===== عنوان ===== */

.footer-about-modal h2 {
  margin: 0;

  color: #edc65b;

  font-size: 24px;
  font-weight: 900;
}

/* ===== شعار ===== */

.footer-about-slogan {
  margin: 8px 0 22px;

  color: rgba(255, 255, 255, 0.65);

  font-size: 12px;
}

/* ===== متن توضیحات ===== */

.footer-about-text {
  padding: 18px;

  border: 1px solid rgba(230, 190, 70, 0.12);
  border-radius: 15px;

  background: rgba(255, 255, 255, 0.02);
}

.footer-about-text p {
  margin: 0 0 12px;

  color: rgba(255, 255, 255, 0.62);

  font-size: 12px;
  line-height: 2.1;
}

.footer-about-text p:last-child {
  margin-bottom: 0;
}

.footer-about-lead strong {
  color: #f3cf66;
  font-weight: 900;
}

.footer-about-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 15px 0;
}

.footer-about-highlight {
  min-width: 0;
  padding: 12px 9px;
  border: 1px solid rgba(230, 190, 70, 0.16);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0, rgba(235, 195, 70, 0.09), transparent 58%),
    rgba(0, 0, 0, 0.2);
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.footer-about-highlight:hover {
  border-color: rgba(245, 210, 90, 0.42);
  transform: translateY(-2px);
}

.footer-about-highlight > span {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  margin: 0 auto 8px;
  color: #171207;
  border-radius: 9px;
  background: linear-gradient(145deg, #ffe89d, #d2a22b);
  box-shadow: 0 0 12px rgba(230, 190, 70, 0.16);
  font-size: 11px;
  font-weight: 900;
}

.footer-about-highlight strong,
.footer-about-highlight small {
  display: block;
}

.footer-about-highlight strong {
  color: #f0cb65;
  font-size: 10px;
  line-height: 1.8;
}

.footer-about-highlight small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  line-height: 1.8;
}

.footer-about-closing {
  padding-top: 12px;
  border-top: 1px solid rgba(230, 190, 70, 0.12);
  color: rgba(255, 245, 214, 0.72) !important;
}
/* ===== ریسپانسیو پنجره درباره گرا.کالا ===== */

@media (max-width: 650px) {
  .footer-about-overlay {
    padding: 12px;
  }

  .footer-about-modal {
    width: 100%;
    padding: 42px 18px 22px;
    border-radius: 18px;
  }

  .footer-about-modal h2 {
    font-size: 20px;
  }

  .footer-about-text {
    padding: 14px;
  }

  .footer-about-text p {
    font-size: 11px;
    line-height: 2;
  }

  .footer-about-highlights {
    grid-template-columns: 1fr;
  }

  .footer-about-highlight {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    column-gap: 9px;
    text-align: right;
  }

  .footer-about-highlight > span {
    grid-row: 1 / 3;
    margin: 0;
  }
}
/* ===== پنجره قوانین استفاده ===== */

.footer-rules-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.72);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  z-index: 10000;
}

/* ===== خود پنجره ===== */

.footer-rules-modal {
  width: min(580px, 90vw);
  max-height: 85vh;

  position: relative;

  padding: 45px 30px 30px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1.5px solid rgba(235, 195, 70, 0.75);
  border-radius: 24px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.3),
    0 0 40px rgba(230, 190, 70, 0.08),
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  overflow-y: hidden;
}

/* ===== دکمه بستن ===== */

.footer-rules-close {
  position: absolute;

  top: 14px;
  left: 14px;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-size: 20px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-rules-close:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.9);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.35);

  transform: rotate(90deg);
}

/* ===== آیکون ===== */

.footer-rules-icon {
  width: 48px;
  height: 48px;

  margin: 0 auto 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 17px;
  font-weight: 900;

  box-shadow: 0 0 14px rgba(230, 190, 70, 0.18);
}

/* ===== عنوان ===== */

.footer-rules-modal h2 {
  margin: 0;

  text-align: center;

  color: #edc65b;

  font-size: 22px;
  font-weight: 900;
}

.footer-rules-subtitle {
  margin: 8px 0 20px;

  text-align: center;

  color: rgba(255, 255, 255, 0.55);

  font-size: 11px;
}

/* ===== لیست قوانین ===== */
.footer-rules-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-rule-item {
  padding: 13px 15px;

  border: 1px solid rgba(230, 190, 70, 0.12);
  border-radius: 13px;

  background: rgba(255, 255, 255, 0.02);

  transition: 0.25s ease;
}

.footer-rule-item:hover {
  border-color: rgba(230, 190, 70, 0.3);

  background: rgba(230, 190, 70, 0.035);
}

.footer-rule-item strong {
  color: #e8bd50;

  font-size: 12px;
}

.footer-rule-item p {
  margin: 6px 0 0;

  color: rgba(255, 255, 255, 0.58);

  font-size: 11px;
  line-height: 1.9;
}

/* ===== ریسپانسیو موبایل ===== */

@media (max-width: 650px) {
  .footer-rules-overlay {
    padding: 12px;
  }

  .footer-rules-modal {
    width: 100%;
    max-height: 90vh;

    padding: 42px 16px 20px;

    border-radius: 18px;
  }

  .footer-rules-modal h2 {
    font-size: 19px;
  }

  .footer-rule-item p {
    font-size: 10px;
  }
}

/* ===== غلتک پنجره قوانین ===== */
/* ===== اسکرول کل پنجره قوانین ===== */

.footer-rules-modal {
  max-height: 85vh;

  overflow: hidden;
  overflow-x: hidden;

  scrollbar-width: thin;
  scrollbar-color: rgba(230, 190, 70, 0.65) transparent;
}

/* Chrome / Edge */

.footer-rules-modal::-webkit-scrollbar {
  width: 5px;
}

.footer-rules-modal::-webkit-scrollbar-track {
  background: transparent;
}

.footer-rules-modal::-webkit-scrollbar-thumb {
  background: rgba(230, 190, 70, 0.65);

  border-radius: 50px;
}

.footer-rules-modal::-webkit-scrollbar-thumb:hover {
  background: rgba(245, 210, 90, 0.9);
}
/* ===== اسکرول داخلی کل محتوای قوانین ===== */
/* ===== اسکرول داخلی کل محتوای قوانین ===== */

.footer-rules-scroll {
  width: calc(100% + 22px);
  max-height: 68vh;

  margin-left: -22px;

  padding: 4px 8px 4px 4px;

  box-sizing: border-box;

  overflow-y: auto;
  overflow-x: hidden;

  scrollbar-width: thin;
  scrollbar-color: rgba(230, 190, 70, 0.65) transparent;
}

/* ===== غلتک Chrome / Edge ===== */

.footer-rules-scroll::-webkit-scrollbar {
  width: 5px;
}

.footer-rules-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.footer-rules-scroll::-webkit-scrollbar-thumb {
  background: rgba(230, 190, 70, 0.65);

  border-radius: 50px;
}

.footer-rules-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(245, 210, 90, 0.9);
}

/* ===== ضربدر ثابت بماند ===== */

.footer-rules-close {
  z-index: 10;
}
/* ===== ریسپانسیو پنجره قوانین ===== */

@media (max-width: 650px) {
  .footer-rules-overlay {
    padding: 10px;
  }

  .footer-rules-modal {
    width: 100%;
    max-height: 92vh;

    padding: 42px 16px 18px;

    border-radius: 18px;

    overflow: hidden;
  }

  /* بخش اسکرول */

  .footer-rules-scroll {
    width: calc(100% + 10px);

    margin-left: -10px;

    max-height: 78vh;

    padding: 4px 6px 4px 2px;
  }

  /* عنوان */

  .footer-rules-modal h2 {
    font-size: 18px;
  }

  .footer-rules-subtitle {
    font-size: 10px;

    margin-bottom: 16px;
  }

  /* آیکون */

  .footer-rules-icon {
    width: 42px;
    height: 42px;

    font-size: 15px;
  }

  /* قوانین */

  .footer-rule-item {
    padding: 11px 12px;
  }

  .footer-rule-item strong {
    font-size: 11px;
  }

  .footer-rule-item p {
    font-size: 10px;
    line-height: 1.9;
  }

  /* ضربدر */

  .footer-rules-close {
    width: 31px;
    height: 31px;

    top: 10px;
    left: 10px;

    font-size: 18px;
  }
}
/* ===== پنجره راهنمای ثبت آگهی ===== */

.footer-guide-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.72);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  z-index: 10000;
}

/* ===== خود پنجره ===== */

.footer-guide-modal {
  width: min(500px, 90vw);

  position: relative;

  padding: 38px 25px 24px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1.5px solid rgba(235, 195, 70, 0.75);
  border-radius: 22px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.3),
    0 0 40px rgba(230, 190, 70, 0.08),
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* ===== ضربدر ===== */

.footer-guide-close {
  position: absolute;

  top: 12px;
  left: 12px;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-size: 19px;

  cursor: pointer;

  z-index: 10;

  transition: 0.25s ease;
}

.footer-guide-close:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.9);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.35);

  transform: rotate(90deg);
}

/* ===== آیکون بالای پنجره ===== */

.footer-guide-icon {
  width: 42px;
  height: 42px;

  margin: 0 auto 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 18px;
  font-weight: 900;

  box-shadow: 0 0 14px rgba(230, 190, 70, 0.18);
}

/* ===== عنوان ===== */

.footer-guide-modal h2 {
  margin: 0;

  text-align: center;

  color: #edc65b;

  font-size: 20px;
  font-weight: 900;
}

/* ===== زیرعنوان ===== */

.footer-guide-subtitle {
  margin: 6px 0 16px;

  text-align: center;

  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
}

/* ===== مراحل ثبت آگهی ===== */

.footer-guide-steps {
  display: flex;
  flex-direction: column;

  gap: 8px;
}

/* ===== هر مرحله ===== */

.footer-guide-step {
  min-height: 55px;

  display: flex;
  align-items: center;

  gap: 11px;

  padding: 8px 11px;
  box-sizing: border-box;

  border: 1px solid rgba(230, 190, 70, 0.13);
  border-radius: 13px;

  background: rgba(255, 255, 255, 0.02);

  transition: 0.25s ease;
}

.footer-guide-step:hover {
  border-color: rgba(230, 190, 70, 0.35);

  background: rgba(230, 190, 70, 0.035);

  transform: translateX(-3px);
}

/* ===== شماره مرحله ===== */

.footer-guide-step > span {
  width: 31px;
  height: 31px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.45);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 11px;
  font-weight: 900;
}

/* ===== عنوان هر مرحله ===== */

.footer-guide-step strong {
  color: #e8bd50;

  font-size: 11px;
}

/* ===== توضیح هر مرحله ===== */

.footer-guide-step p {
  margin: 4px 0 0;

  color: rgba(255, 255, 255, 0.55);

  font-size: 9px;
  line-height: 1.7;
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-guide-overlay {
    padding: 10px;
  }

  .footer-guide-modal {
    width: 100%;

    padding: 38px 14px 18px;

    border-radius: 18px;
  }

  .footer-guide-close {
    top: 9px;
    left: 9px;

    width: 30px;
    height: 30px;

    font-size: 17px;
  }

  .footer-guide-icon {
    width: 38px;
    height: 38px;

    margin-bottom: 8px;

    font-size: 16px;
  }

  .footer-guide-modal h2 {
    font-size: 18px;
  }

  .footer-guide-subtitle {
    margin-bottom: 13px;

    font-size: 9px;
  }

  .footer-guide-steps {
    gap: 7px;
  }

  .footer-guide-step {
    min-height: 50px;

    padding: 7px 9px;

    gap: 9px;
  }

  .footer-guide-step > span {
    width: 28px;
    height: 28px;

    font-size: 10px;
  }

  .footer-guide-step strong {
    font-size: 10px;
  }

  .footer-guide-step p {
    font-size: 9px;
    line-height: 1.6;
  }
}
/* ===== پنجره سوالات متداول ===== */

.footer-faq-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.72);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  z-index: 10000;
}

/* ===== خود پنجره ===== */

.footer-faq-modal {
  width: min(500px, 90vw);

  position: relative;

  padding: 38px 25px 24px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1.5px solid rgba(235, 195, 70, 0.75);
  border-radius: 22px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.3),
    0 0 40px rgba(230, 190, 70, 0.08),
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  overflow: hidden;
}

/* ===== ضربدر ===== */

.footer-faq-close {
  position: absolute;

  top: 12px;
  left: 12px;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-size: 19px;

  cursor: pointer;

  z-index: 10;

  transition: 0.25s ease;
}

.footer-faq-close:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.9);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.35);

  transform: rotate(90deg);
}

/* ===== آیکون سوال ===== */

.footer-faq-icon {
  width: 42px;
  height: 42px;

  margin: 0 auto 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 18px;
  font-weight: 900;

  box-shadow: 0 0 14px rgba(230, 190, 70, 0.18);
}

/* ===== عنوان ===== */

.footer-faq-modal h2 {
  margin: 0;

  text-align: center;

  color: #edc65b;

  font-size: 20px;
  font-weight: 900;
}

/* ===== زیرعنوان ===== */

.footer-faq-subtitle {
  margin: 6px 0 16px;

  text-align: center;

  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
}

/* ===== لیست سوالات ===== */

.footer-faq-list {
  display: flex;
  flex-direction: column;

  gap: 8px;
}

/* ===== هر سوال ===== */

.footer-faq-item {
  overflow: hidden;

  border: 1px solid rgba(230, 190, 70, 0.13);
  border-radius: 13px;

  background: rgba(255, 255, 255, 0.02);

  transition: 0.25s ease;
}

.footer-faq-item:hover {
  border-color: rgba(230, 190, 70, 0.3);
}

/* ===== دکمه سوال ===== */

.footer-faq-question {
  width: 100%;
  min-height: 48px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  padding: 9px 12px;
  box-sizing: border-box;

  border: none;
  outline: none;

  background: transparent;

  color: rgba(255, 255, 255, 0.82);

  font-family: inherit;
  font-size: 11px;
  font-weight: 700;

  text-align: right;

  cursor: pointer;
}

/* ===== علامت + ===== */

.footer-faq-arrow {
  width: 27px;
  height: 27px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  color: #e8bd50;

  font-size: 16px;

  transition: 0.3s ease;
}

/* ===== جواب سوال ===== */

.footer-faq-answer {
  display: none;

  padding: 0 12px 11px;

  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
  line-height: 1.9;
}

/* ===== حالت باز ===== */

.footer-faq-item.active {
  border-color: rgba(230, 190, 70, 0.32);

  background: rgba(230, 190, 70, 0.035);
}

.footer-faq-item.active .footer-faq-answer {
  display: block;
}

.footer-faq-item.active .footer-faq-arrow {
  transform: rotate(45deg);

  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.75);

  box-shadow: 0 0 8px rgba(230, 190, 70, 0.2);
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-faq-overlay {
    padding: 10px;
  }

  .footer-faq-modal {
    width: 100%;

    padding: 38px 14px 18px;

    border-radius: 18px;
  }

  .footer-faq-close {
    top: 9px;
    left: 9px;

    width: 30px;
    height: 30px;

    font-size: 17px;
  }

  .footer-faq-icon {
    width: 38px;
    height: 38px;

    margin-bottom: 8px;

    font-size: 16px;
  }

  .footer-faq-modal h2 {
    font-size: 18px;
  }

  .footer-faq-subtitle {
    margin-bottom: 13px;

    font-size: 9px;
  }

  .footer-faq-list {
    gap: 7px;
  }

  .footer-faq-question {
    min-height: 44px;

    padding: 8px 9px;

    font-size: 10px;
  }

  .footer-faq-arrow {
    width: 25px;
    height: 25px;

    font-size: 14px;
  }

  .footer-faq-answer {
    padding: 0 9px 9px;

    font-size: 9px;
    line-height: 1.8;
  }
}
/* ===== پنجره پشتیبانی ===== */

.footer-support-overlay {
  position: fixed;
  inset: 0;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.72);

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  z-index: 10000;
}

/* ===== خود پنجره ===== */

.footer-support-modal {
  width: min(500px, 90vw);

  position: relative;

  padding: 38px 25px 24px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1.5px solid rgba(235, 195, 70, 0.75);
  border-radius: 22px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.3),
    0 0 40px rgba(230, 190, 70, 0.08),
    0 20px 50px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* ===== ضربدر ===== */

.footer-support-close {
  position: absolute;

  top: 12px;
  left: 12px;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-size: 19px;

  cursor: pointer;

  z-index: 10;

  transition: 0.25s ease;
}

.footer-support-close:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.9);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.35);

  transform: rotate(90deg);
}

/* ===== آیکون ===== */

.footer-support-icon {
  width: 42px;
  height: 42px;

  margin: 0 auto 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 17px;
  font-weight: 900;

  box-shadow: 0 0 14px rgba(230, 190, 70, 0.18);
}

/* ===== عنوان ===== */

.footer-support-modal h2 {
  margin: 0;

  text-align: center;

  color: #edc65b;

  font-size: 20px;
  font-weight: 900;
}

/* ===== زیرعنوان ===== */

.footer-support-subtitle {
  margin: 6px 0 16px;

  text-align: center;

  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
}

/* ===== گزینه‌های پشتیبانی ===== */

.footer-support-options {
  display: flex;
  flex-direction: column;

  gap: 8px;
}

/* ===== هر گزینه ===== */

.footer-support-option {
  width: 100%;
  min-height: 56px;

  display: flex;
  align-items: center;

  gap: 11px;

  padding: 8px 11px;
  box-sizing: border-box;

  border: 1px solid rgba(230, 190, 70, 0.13);
  border-radius: 13px;

  background: rgba(255, 255, 255, 0.02);

  color: inherit;

  font-family: inherit;
  text-align: right;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-support-option:hover {
  border-color: rgba(230, 190, 70, 0.35);

  background: rgba(230, 190, 70, 0.035);

  transform: translateX(-3px);
}

/* ===== آیکون هر گزینه ===== */

.footer-support-option-icon {
  width: 31px;
  height: 31px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.45);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 11px;
  font-weight: 900;
}

/* ===== عنوان گزینه ===== */

.footer-support-option strong {
  display: block;

  color: #e8bd50;

  font-size: 11px;
}

/* ===== توضیح گزینه ===== */

.footer-support-option p {
  margin: 4px 0 0;

  color: rgba(255, 255, 255, 0.55);

  font-size: 9px;
  line-height: 1.7;
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-support-overlay {
    padding: 10px;
  }

  .footer-support-modal {
    width: 100%;

    padding: 38px 14px 18px;

    border-radius: 18px;
  }

  .footer-support-close {
    top: 9px;
    left: 9px;

    width: 30px;
    height: 30px;

    font-size: 17px;
  }

  .footer-support-icon {
    width: 38px;
    height: 38px;

    margin-bottom: 8px;

    font-size: 15px;
  }

  .footer-support-modal h2 {
    font-size: 18px;
  }

  .footer-support-subtitle {
    margin-bottom: 13px;

    font-size: 9px;
  }

  .footer-support-options {
    gap: 7px;
  }

  .footer-support-option {
    min-height: 50px;

    padding: 7px 9px;

    gap: 9px;
  }

  .footer-support-option-icon {
    width: 28px;
    height: 28px;

    font-size: 10px;
  }

  .footer-support-option strong {
    font-size: 10px;
  }

  .footer-support-option p {
    font-size: 9px;
    line-height: 1.6;
  }
}
/* =========================================
   فرم مشکل ثبت آگهی - پنل کشویی از راست
========================================= */

/* برای اینکه پنل داخل همین پنجره بماند */
.footer-support-modal {
  overflow: hidden;
}

/* ===== خود پنل ===== */

.footer-support-form {
  position: absolute;

  top: 0;
  right: 0;

  width: 72%;
  height: 100%;

  margin: 0;
  padding: 55px 18px 18px;

  box-sizing: border-box;

  display: block;

  direction: rtl;

  background: linear-gradient(
    145deg,
    rgba(18, 27, 30, 0.99),
    rgba(12, 19, 22, 0.99)
  );

  border-left: 1px solid rgba(235, 195, 70, 0.4);

  box-shadow:
    -12px 0 30px rgba(0, 0, 0, 0.45),
    -2px 0 12px rgba(230, 190, 70, 0.08);

  z-index: 20;

  /* در حالت عادی بیرون پنجره باشد */
  transform: translateX(105%);

  opacity: 0;
  visibility: hidden;

  transition:
    transform 0.4s ease,
    opacity 0.3s ease,
    visibility 0.4s;
}

/* ===== وقتی پنل باز می‌شود ===== */

.footer-support-form.active {
  transform: translateX(0);

  opacity: 1;
  visibility: visible;
}

/* ===== بالای فرم ===== */

.footer-support-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 14px;
}

.footer-support-form-header strong {
  color: #e8bd50;

  font-size: 12px;
  font-weight: 800;
}

/* ===== ضربدر پنل ===== */

.footer-support-form-header button {
  width: 29px;
  height: 29px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-family: inherit;
  font-size: 16px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-support-form-header button:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.8);

  box-shadow: 0 0 9px rgba(230, 190, 70, 0.3);

  transform: rotate(90deg);
}

/* ===== کادر نوشتن مشکل ===== */

.footer-support-form textarea {
  width: 100%;
  height: 105px;

  padding: 11px;

  box-sizing: border-box;

  resize: none;
  outline: none;

  border: 1px solid rgba(230, 190, 70, 0.18);
  border-radius: 11px;

  background: rgba(0, 0, 0, 0.22);

  color: rgba(255, 255, 255, 0.88);

  font-family: inherit;
  font-size: 10px;
  line-height: 1.8;

  transition: 0.25s ease;
}

.footer-support-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-support-form textarea:focus {
  border-color: rgba(235, 195, 70, 0.6);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.12);
}

/* ===== دکمه ارسال ===== */

.footer-support-send {
  width: 100%;
  height: 37px;

  margin-top: 10px;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 9px;

  background: linear-gradient(
    145deg,
    rgba(120, 95, 25, 0.35),
    rgba(65, 52, 18, 0.45)
  );

  color: #f0cd69;

  font-family: inherit;
  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-support-send:hover {
  color: #fff4b0;

  border-color: rgba(245, 210, 90, 0.85);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.2);

  transform: translateY(-1px);
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-support-form {
    width: 88%;

    padding: 48px 12px 14px;
  }

  .footer-support-form-header {
    margin-bottom: 11px;
  }

  .footer-support-form-header strong {
    font-size: 10px;
  }

  .footer-support-form-header button {
    width: 26px;
    height: 26px;

    font-size: 14px;
  }

  .footer-support-form textarea {
    height: 90px;

    padding: 9px;

    font-size: 9px;
  }

  .footer-support-send {
    height: 34px;

    margin-top: 8px;

    font-size: 9px;
  }
}
/* =========================================
   پنل گزارش آگهی - باز شدن بیرون پنجره
========================================= */

.footer-support-modal {
  overflow: visible;
}

/* ===== خود پنل گزارش ===== */

.footer-report-panel {
  position: absolute;

  top: 50%;
  right: calc(100% + 14px);

  width: 300px;

  padding: 18px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1px solid rgba(235, 195, 70, 0.6);
  border-radius: 16px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.18),
    0 15px 35px rgba(0, 0, 0, 0.45);

  z-index: 30;

  /* حالت بسته */
  opacity: 0;
  visibility: hidden;

  transform: translateY(-50%) translateX(25px);

  pointer-events: none;

  transition:
    opacity 0.3s ease,
    transform 0.35s ease,
    visibility 0.35s;
}

/* ===== حالت باز ===== */

.footer-report-panel.active {
  opacity: 1;
  visibility: visible;

  transform: translateY(-50%) translateX(0);

  pointer-events: auto;
}

/* ===== بالای پنل ===== */

.footer-report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;
}

.footer-report-header strong {
  color: #e8bd50;

  font-size: 12px;
  font-weight: 900;
}

/* ===== ضربدر ===== */

.footer-report-header button {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-family: inherit;
  font-size: 15px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-report-header button:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.8);

  box-shadow: 0 0 9px rgba(230, 190, 70, 0.25);

  transform: rotate(90deg);
}

/* ===== توضیح ===== */

.footer-report-text {
  margin: 0 0 10px;

  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
}

/* ===== دلیل‌های گزارش ===== */

.footer-report-reasons {
  display: flex;
  flex-direction: column;

  gap: 7px;

  margin-bottom: 10px;
}

.footer-report-reasons label {
  min-height: 35px;

  display: flex;
  align-items: center;

  gap: 8px;

  padding: 7px 9px;
  box-sizing: border-box;

  border: 1px solid rgba(230, 190, 70, 0.12);
  border-radius: 9px;

  background: rgba(255, 255, 255, 0.02);

  color: rgba(255, 255, 255, 0.7);

  font-size: 9px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-report-reasons label:hover {
  border-color: rgba(230, 190, 70, 0.35);

  background: rgba(230, 190, 70, 0.035);
}

/* ===== رادیو ===== */

.footer-report-reasons input {
  accent-color: #e8bd50;

  cursor: pointer;
}

/* ===== توضیحات بیشتر ===== */

.footer-report-panel textarea {
  width: 100%;
  height: 70px;

  padding: 9px;
  box-sizing: border-box;

  resize: none;
  outline: none;

  border: 1px solid rgba(230, 190, 70, 0.16);
  border-radius: 9px;

  background: rgba(0, 0, 0, 0.2);

  color: rgba(255, 255, 255, 0.85);

  font-family: inherit;
  font-size: 9px;
  line-height: 1.7;
}

.footer-report-panel textarea:focus {
  border-color: rgba(235, 195, 70, 0.55);

  box-shadow: 0 0 8px rgba(230, 190, 70, 0.1);
}

.footer-report-panel textarea::placeholder {
  color: rgba(255, 255, 255, 0.28);
}

/* ===== ارسال گزارش ===== */

.footer-report-send {
  width: 100%;
  height: 35px;

  margin-top: 8px;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 9px;

  background: linear-gradient(
    145deg,
    rgba(120, 95, 25, 0.35),
    rgba(65, 52, 18, 0.45)
  );

  color: #f0cd69;

  font-family: inherit;
  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-report-send:hover {
  color: #fff4b0;

  border-color: rgba(245, 210, 90, 0.85);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.2);

  transform: translateY(-1px);
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-report-panel {
    top: 50%;
    right: 10px;
    left: 10px;

    width: auto;

    padding: 14px;

    /* روی موبایل کنار صفحه جا نداریم،
       پس روی پنجره قرار می‌گیرد */
    transform: translateY(-45%) translateX(25px);
  }

  .footer-report-panel.active {
    transform: translateY(-50%) translateX(0);
  }

  .footer-report-header strong {
    font-size: 11px;
  }

  .footer-report-header button {
    width: 26px;
    height: 26px;

    font-size: 14px;
  }

  .footer-report-text {
    font-size: 9px;
  }

  .footer-report-reasons {
    gap: 6px;
  }

  .footer-report-reasons label {
    min-height: 32px;

    padding: 6px 8px;

    font-size: 9px;
  }

  .footer-report-panel textarea {
    height: 62px;

    font-size: 9px;
  }

  .footer-report-send {
    height: 33px;

    font-size: 9px;
  }
}
/* =========================================
   پنل آگهی ویژه - بیرون از سمت راست پنجره
========================================= */

.footer-special-panel {
  position: absolute;

  top: 50%;
  left: calc(100% + 14px);

  width: 300px;

  padding: 18px;
  box-sizing: border-box;

  direction: rtl;

  background: linear-gradient(145deg, #11191c, #182226, #0b1113);

  border: 1px solid rgba(235, 195, 70, 0.6);
  border-radius: 16px;

  box-shadow:
    0 0 14px rgba(230, 190, 70, 0.18),
    0 15px 35px rgba(0, 0, 0, 0.45);

  z-index: 30;

  /* حالت بسته */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(-50%) translateX(-25px);

  transition:
    opacity 0.3s ease,
    transform 0.35s ease,
    visibility 0.35s ease;
}

/* ===== حالت باز ===== */

.footer-special-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: translateY(-50%) translateX(0);
}

/* ===== بالای پنل ===== */

.footer-special-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;
}

.footer-special-header strong {
  color: #e8bd50;

  font-size: 12px;
  font-weight: 900;
}

/* ===== ضربدر ===== */

.footer-special-header button {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-family: inherit;
  font-size: 15px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-special-header button:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.8);

  box-shadow: 0 0 9px rgba(230, 190, 70, 0.25);

  transform: rotate(90deg);
}

/* ===== ستاره ===== */

.footer-special-icon {
  width: 40px;
  height: 40px;

  margin: 3px auto 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.45);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 16px;

  box-shadow: 0 0 12px rgba(230, 190, 70, 0.15);
}

/* ===== عنوان ===== */

.footer-special-title {
  margin: 0 0 11px;

  text-align: center;

  color: rgba(255, 255, 255, 0.72);

  font-size: 10px;
  font-weight: 700;
}

/* ===== مزایا ===== */

.footer-special-features {
  display: flex;
  flex-direction: column;

  gap: 7px;
}

.footer-special-feature {
  display: flex;
  align-items: center;

  gap: 8px;

  padding: 8px 9px;

  border: 1px solid rgba(230, 190, 70, 0.12);
  border-radius: 9px;

  background: rgba(255, 255, 255, 0.02);
}

.footer-special-feature > span {
  width: 25px;
  height: 25px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  color: #e8bd50;

  font-size: 10px;
}

.footer-special-feature strong {
  display: block;

  color: #e8bd50;

  font-size: 10px;
}

.footer-special-feature p {
  margin: 3px 0 0;

  color: rgba(255, 255, 255, 0.5);

  font-size: 8px;
  line-height: 1.6;
}

/* ===== دکمه ثبت آگهی ویژه ===== */

.footer-special-action {
  width: 100%;
  height: 35px;

  margin-top: 10px;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 9px;

  background: linear-gradient(
    145deg,
    rgba(120, 95, 25, 0.35),
    rgba(65, 52, 18, 0.45)
  );

  color: #f0cd69;

  font-family: inherit;
  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-special-action:hover {
  color: #fff4b0;

  border-color: rgba(245, 210, 90, 0.85);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.2);

  transform: translateY(-1px);
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-special-panel {
    top: 50%;

    left: 10px;
    right: 10px;

    width: auto;

    padding: 14px;

    transform: translateY(-45%) translateX(25px);
  }

  .footer-special-panel.active {
    transform: translateY(-50%) translateX(0);
  }

  .footer-special-header strong {
    font-size: 11px;
  }

  .footer-special-header button {
    width: 26px;
    height: 26px;

    font-size: 14px;
  }

  .footer-special-icon {
    width: 36px;
    height: 36px;

    font-size: 14px;
  }

  .footer-special-title {
    font-size: 9px;
  }

  .footer-special-feature {
    padding: 7px 8px;
  }

  .footer-special-feature strong {
    font-size: 9px;
  }

  .footer-special-feature p {
    font-size: 8px;
  }

  .footer-special-action {
    height: 33px;

    font-size: 9px;
  }
}
/* =========================================
   پنل سایر مشکلات - روی پنجره اصلی
========================================= */

.footer-other-panel {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  padding: 48px 24px 22px;
  box-sizing: border-box;

  direction: rtl;

  display: flex;
  flex-direction: column;
  justify-content: center;

  background: linear-gradient(
    145deg,
    rgba(17, 25, 28, 0.99),
    rgba(24, 34, 38, 0.99),
    rgba(11, 17, 19, 0.99)
  );

  border-radius: 21px;

  z-index: 40;

  /* حالت بسته */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: scale(0.96);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    visibility 0.3s ease;
}

/* ===== حالت باز ===== */

.footer-other-panel.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: scale(1);
}

/* ===== بالای پنل ===== */

.footer-other-header {
  position: absolute;

  top: 12px;
  right: 16px;
  left: 12px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-other-header strong {
  color: #e8bd50;

  font-size: 12px;
  font-weight: 900;
}

/* ===== ضربدر ===== */

.footer-other-header button {
  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid rgba(235, 195, 70, 0.35);
  border-radius: 50%;

  background: rgba(255, 255, 255, 0.03);

  color: #e8bd50;

  font-family: inherit;
  font-size: 16px;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-other-header button:hover {
  color: #fff2a8;

  border-color: rgba(245, 210, 90, 0.8);

  box-shadow: 0 0 9px rgba(230, 190, 70, 0.25);

  transform: rotate(90deg);
}

/* ===== آیکون ===== */

.footer-other-icon {
  width: 42px;
  height: 42px;

  margin: 0 auto 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(235, 195, 70, 0.45);
  border-radius: 50%;

  background: rgba(230, 190, 70, 0.05);

  color: #e8bd50;

  font-size: 17px;
  font-weight: 900;

  box-shadow: 0 0 12px rgba(230, 190, 70, 0.15);
}

/* ===== متن ===== */

.footer-other-title {
  margin: 0 0 12px;

  text-align: center;

  color: rgba(255, 255, 255, 0.65);

  font-size: 10px;
}

/* ===== کادر توضیحات ===== */

.footer-other-panel textarea {
  width: 100%;
  height: 100px;

  padding: 11px;
  box-sizing: border-box;

  resize: none;
  outline: none;

  border: 1px solid rgba(230, 190, 70, 0.18);
  border-radius: 11px;

  background: rgba(0, 0, 0, 0.22);

  color: rgba(255, 255, 255, 0.88);

  font-family: inherit;
  font-size: 10px;
  line-height: 1.8;

  transition: 0.25s ease;
}

.footer-other-panel textarea::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-other-panel textarea:focus {
  border-color: rgba(235, 195, 70, 0.6);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.12);
}

/* ===== دکمه ارسال ===== */

.footer-other-send {
  width: 100%;
  height: 37px;

  margin-top: 10px;

  border: 1px solid rgba(235, 195, 70, 0.5);
  border-radius: 9px;

  background: linear-gradient(
    145deg,
    rgba(120, 95, 25, 0.35),
    rgba(65, 52, 18, 0.45)
  );

  color: #f0cd69;

  font-family: inherit;
  font-size: 10px;
  font-weight: 800;

  cursor: pointer;

  transition: 0.25s ease;
}

.footer-other-send:hover {
  color: #fff4b0;

  border-color: rgba(245, 210, 90, 0.85);

  box-shadow: 0 0 10px rgba(230, 190, 70, 0.2);

  transform: translateY(-1px);
}

/* =========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .footer-other-panel {
    padding: 45px 14px 18px;

    border-radius: 17px;
  }

  .footer-other-header {
    top: 9px;
    right: 12px;
    left: 9px;
  }

  .footer-other-header strong {
    font-size: 10px;
  }

  .footer-other-header button {
    width: 27px;
    height: 27px;

    font-size: 14px;
  }

  .footer-other-icon {
    width: 38px;
    height: 38px;

    margin-bottom: 8px;

    font-size: 15px;
  }

  .footer-other-title {
    margin-bottom: 10px;

    font-size: 9px;
  }

  .footer-other-panel textarea {
    height: 85px;

    padding: 9px;

    font-size: 9px;
  }

  .footer-other-send {
    height: 34px;

    margin-top: 8px;

    font-size: 9px;
  }
}
/* ===== اتصال فرم‌های قدیمی پشتیبانی به حساب کاربری ===== */

.footer-support-inline-account {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 9px;
  padding: 6px 8px;
  box-sizing: border-box;
  border: 1px solid rgba(235, 195, 70, 0.18);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
}

.footer-support-inline-account > span {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #e8bd50;
  border: 1px solid rgba(235, 195, 70, 0.34);
  border-radius: 8px;
  font-size: 10px;
}

.footer-support-inline-account > div {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.footer-support-inline-account strong {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.82);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.footer-support-inline-account small {
  color: rgba(255, 255, 255, 0.46);
  font-size: 8px;
}

.footer-support-inline-status {
  min-height: 18px;
  margin: 7px 0 0;
  color: rgba(255, 255, 255, 0.55);
  text-align: center;
  font-size: 8px;
  line-height: 1.6;
}

.footer-support-inline-status[data-state="success"] {
  color: #94eab1;
}

.footer-support-inline-status[data-state="error"] {
  color: #ff9cad;
}

.footer-support-inline-status[data-state="loading"] {
  color: #f0cd69;
}

.footer-report-ad-field {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
}

.footer-report-ad-field span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 8px;
}

.footer-report-ad-field input,
.footer-special-panel textarea {
  width: 100%;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(230, 190, 70, 0.18);
  border-radius: 9px;
  outline: none;
  background: rgba(0, 0, 0, 0.22);
  font-family: inherit;
  font-size: 9px;
}

.footer-report-ad-field input {
  height: 33px;
  padding: 0 9px;
}

.footer-special-panel textarea {
  height: 82px;
  padding: 9px;
  resize: none;
  line-height: 1.7;
}

.footer-report-ad-field input:focus,
.footer-special-panel textarea:focus {
  border-color: rgba(235, 195, 70, 0.58);
  box-shadow: 0 0 8px rgba(230, 190, 70, 0.1);
}

.footer-report-ad-field input::placeholder,
.footer-special-panel textarea::placeholder {
  color: rgba(255, 255, 255, 0.28);
}

.footer-support-send:disabled,
.footer-report-send:disabled,
.footer-special-action:disabled,
.footer-other-send:disabled {
  cursor: wait;
  opacity: 0.58;
  transform: none;
}

@media (max-width: 650px) {
  .footer-support-inline-account {
    min-height: 35px;
    margin-bottom: 7px;
  }

  .footer-special-panel textarea {
    height: 72px;
  }
}

/* ===== فرم واحد نسخه ۱۶؛ برای سازگاری فایل‌های قبلی غیرفعال است ===== */

body.gk-support-modal-open {
  overflow: hidden;
}

.footer-support-modal {
  transition:
    width 0.3s ease,
    min-height 0.3s ease;
}

.footer-support-overlay.is-request-open .footer-support-modal {
  width: min(610px, 94vw);
  min-height: min(590px, 88vh);
}

.footer-support-request-panel {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: grid;
  grid-template-rows: auto auto auto auto minmax(130px, 1fr) auto auto auto;
  align-content: start;
  gap: 12px;
  padding: 28px;
  overflow-y: auto;
  box-sizing: border-box;
  direction: rtl;
  border: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(130, 31, 65, 0.3), transparent 18rem),
    radial-gradient(circle at 100% 100%, rgba(26, 47, 91, 0.32), transparent 20rem),
    linear-gradient(145deg, rgba(22, 24, 34, 0.995), rgba(34, 20, 29, 0.995));
  opacity: 0;
  visibility: hidden;
  transform: translateX(105%);
  transition:
    transform 0.35s ease,
    opacity 0.25s ease,
    visibility 0.35s;
}

.footer-support-request-panel.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.footer-support-request-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.footer-support-request-header > div {
  display: grid;
  gap: 3px;
}

.footer-support-request-header small {
  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
}

.footer-support-request-header strong {
  color: #f0cd69;
  font-size: 19px;
}

.footer-support-request-header button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #f0cd69;
  border: 1px solid rgba(240, 205, 105, 0.4);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
  font: inherit;
  font-size: 18px;
  cursor: pointer;
  transition: 0.22s ease;
}

.footer-support-request-header button:hover {
  color: #fff;
  border-color: rgba(240, 205, 105, 0.9);
  background: rgba(122, 33, 57, 0.55);
  transform: rotate(90deg);
}

.footer-support-account {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 13px;
  box-sizing: border-box;
  border: 1px solid rgba(240, 205, 105, 0.22);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.045);
}

.footer-support-account > span {
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #f0cd69;
  border: 1px solid rgba(240, 205, 105, 0.38);
  border-radius: 12px;
  background: rgba(240, 205, 105, 0.065);
}

.footer-support-account > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.footer-support-account strong {
  color: #f5f1eb;
  font-size: 12px;
}

.footer-support-account small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 10px;
}

.footer-support-field {
  display: grid;
  gap: 6px;
}

.footer-support-field[hidden] {
  display: none !important;
}

.footer-support-field > span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 800;
}

.footer-support-field input,
.footer-support-field select,
.footer-support-field textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  color: #f7f3ed;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 11px;
  outline: none;
  background: rgba(7, 11, 20, 0.38);
  font: inherit;
  font-size: 11px;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.footer-support-field input,
.footer-support-field select {
  height: 42px;
  padding: 0 12px;
}

.footer-support-field select {
  color-scheme: dark;
}

.footer-support-field textarea {
  min-height: 132px;
  padding: 11px 12px;
  resize: vertical;
  line-height: 1.9;
}

.footer-support-field input:focus,
.footer-support-field select:focus,
.footer-support-field textarea:focus {
  border-color: rgba(240, 205, 105, 0.65);
  background: rgba(7, 11, 20, 0.56);
  box-shadow: 0 0 0 3px rgba(240, 205, 105, 0.08);
}

.footer-support-field input::placeholder,
.footer-support-field textarea::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.footer-support-request-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 9px;
}

.footer-support-request-send {
  width: 100%;
  min-height: 43px;
  border: 1px solid rgba(240, 205, 105, 0.58);
  border-radius: 11px;
  color: #fff9dc;
  background: linear-gradient(135deg, #7a2139, #17284b);
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.2);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  transition: 0.22s ease;
}

.footer-support-request-send:hover:not(:disabled) {
  filter: brightness(1.16);
  transform: translateY(-1px);
}

.footer-support-request-send:disabled {
  cursor: wait;
  opacity: 0.65;
}

.footer-support-request-status {
  min-height: 20px;
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  text-align: center;
  font-size: 10px;
  line-height: 1.8;
}

.footer-support-request-status[data-state="success"] {
  color: #93e8b0;
}

.footer-support-request-status[data-state="error"] {
  color: #ff9cab;
}

.footer-support-request-status[data-state="loading"] {
  color: #f0cd69;
}

@media (max-width: 650px) {
  .footer-support-overlay.is-request-open .footer-support-modal {
    min-height: min(620px, 94vh);
  }

  .footer-support-request-panel {
    gap: 10px;
    padding: 22px 14px 18px;
  }

  .footer-support-request-header strong {
    font-size: 17px;
  }

  .footer-support-field textarea {
    min-height: 112px;
  }

  .footer-support-request-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-support-request-panel,
  .footer-support-modal,
  .footer-support-request-header button,
  .footer-support-request-send {
    transition: none;
  }
}

/* ========================================
   بخش آگهی‌های عمومی گرا.کالا
========================================= */

.gk-public-market {
  width: 94%;
  margin: 35px auto;
  border-radius: 28px;
  overflow: hidden;

  background: linear-gradient(
    145deg,
    rgba(10, 10, 10, 0.97),
    rgba(22, 18, 13, 0.96)
  );

  border: 1px solid rgba(220, 165, 70, 0.35);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.45),
    0 0 25px rgba(220, 165, 70, 0.08);
}

/* ========================================
   قسمت بالای پنجره
========================================= */

.gk-public-header {
  min-height: 110px;
  padding: 20px 32px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;

  box-sizing: border-box;

  border-bottom: 1px solid rgba(220, 165, 70, 0.35);

  background: linear-gradient(
    135deg,
    rgba(8, 8, 8, 0.98),
    rgba(22, 20, 17, 0.94)
  );
}

/* ========================================
   عنوان آگهی‌های عمومی
========================================= */

.gk-public-title {
  display: flex;
  align-items: center;
  gap: 13px;

  color: #ffffff;
}

.gk-public-title-icon {
  color: #e8b04d;
  font-size: 28px;
}

.gk-public-title h2 {
  margin: 0;

  color: #ffffff;

  font-size: 27px;
  font-weight: 800;
}

.gk-public-title p {
  margin: 5px 0 0;

  color: rgba(255, 255, 255, 0.55);

  font-size: 11px;
}

/* ========================================
   جستجوی آگهی‌ها
========================================= */

.gk-public-search {
  width: 380px;
  height: 48px;

  display: flex;
  align-items: center;

  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;

  background: rgba(5, 5, 5, 0.48);

  overflow: hidden;

  transition: 0.3s ease;
}

.gk-public-search:focus-within {
  border-color: rgba(232, 176, 77, 0.7);

  box-shadow: 0 0 12px rgba(232, 176, 77, 0.16);
}

.gk-public-search input {
  flex: 1;
  min-width: 0;
  height: 100%;

  padding: 0 16px;

  border: none;
  outline: none;

  background: transparent;

  color: #ffffff;

  direction: rtl;

  font-family: inherit;
  font-size: 12px;
}

.gk-public-search input::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

.gk-public-search button {
  width: 52px;
  height: 100%;

  border: none;

  background: transparent;

  color: #e8b04d;

  font-size: 18px;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-public-search button:hover {
  background: rgba(232, 176, 77, 0.1);
}

/* ========================================
   تخته پشت کارت‌های آگهی
========================================= */

.gk-public-board {
  min-height: 420px;

  padding: 35px;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;

  box-sizing: border-box;

  direction: rtl;

  background:
    radial-gradient(
      circle at 20% 30%,
      rgba(180, 125, 60, 0.13),
      transparent 30%
    ),
    linear-gradient(145deg, #4a3523, #2c2118 55%, #3a291c);
}

/* ========================================
   کارت کاغذی آگهی
========================================= */

.gk-public-card {
  position: relative;

  min-width: 0;

  padding: 28px 16px 16px;

  box-sizing: border-box;

  border-radius: 4px;

  background: linear-gradient(145deg, #f0e5d3, #e4d5be);

  color: #18130f;

  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.45),
    inset 0 0 20px rgba(90, 60, 30, 0.08);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.gk-public-card:hover {
  transform: translateY(-6px);

  box-shadow:
    0 16px 25px rgba(0, 0, 0, 0.55),
    0 0 16px rgba(232, 176, 77, 0.16);
}

/* ========================================
   پونز طلایی بالای کارت
========================================= */

.gk-public-pin {
  position: absolute;

  top: -10px;
  left: 50%;

  width: 21px;
  height: 21px;

  transform: translateX(-50%);

  border-radius: 50%;

  background: radial-gradient(
    circle at 35% 30%,
    #fff0a8,
    #d9962f 45%,
    #7b4615 100%
  );

  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.55),
    0 0 7px rgba(238, 177, 67, 0.5);

  z-index: 5;
}

/* ========================================
   تصویر آگهی
========================================= */

.gk-public-image {
  width: 100%;
  aspect-ratio: 16 / 10;

  overflow: hidden;

  background: #2a211a;
}

.gk-public-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 0.45s ease;
}

.gk-public-card:hover .gk-public-image img {
  transform: scale(1.035);
}

/* ========================================
   اطلاعات داخل کارت
========================================= */

.gk-public-info {
  padding-top: 12px;

  text-align: center;
}

.gk-public-info h3 {
  margin: 0;

  font-size: 17px;
  font-weight: 800;

  color: #17120e;
}

.gk-public-description {
  margin: 6px 0;

  color: #504638;

  font-size: 12px;
}

.gk-public-price {
  display: block;

  margin: 9px 0 12px;

  color: #9d2e22;

  font-size: 13px;
}

/* ========================================
   شهر و زمان انتشار
========================================= */

.gk-public-meta {
  padding: 10px 2px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  border-top: 1px solid rgba(60, 45, 30, 0.2);

  color: #33291f;

  font-size: 11px;
}

/* ========================================
   دکمه مشاهده آگهی
========================================= */

.gk-public-view {
  width: 100%;
  height: 39px;

  margin-top: 5px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  border: 1px solid #d89c35;
  border-radius: 11px;

  background: linear-gradient(145deg, #18140e, #080706);

  color: #e9b34e;

  font-family: inherit;
  font-size: 12px;
  font-weight: bold;

  cursor: pointer;

  box-shadow:
    0 0 8px rgba(221, 158, 50, 0.35),
    inset 0 1px 0 rgba(255, 225, 150, 0.08);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.gk-public-view:hover {
  transform: translateY(-2px);

  background: linear-gradient(145deg, #2a2114, #100d08);

  box-shadow:
    0 0 10px rgba(232, 176, 77, 0.65),
    0 0 20px rgba(232, 176, 77, 0.22);
}

/* ========================================
   دکمه مشاهده آگهی‌های بیشتر
========================================= */

.gk-public-more {
  display: block;

  margin: 22px auto;
  padding: 11px 28px;

  border: 1px solid rgba(232, 176, 77, 0.55);
  border-radius: 12px;

  background: rgba(12, 10, 7, 0.75);

  color: #e8b04d;

  font-family: inherit;
  font-size: 11px;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-public-more:hover {
  border-color: #e8b04d;

  box-shadow: 0 0 12px rgba(232, 176, 77, 0.3);

  transform: translateY(-2px);
}

/* ========================================
   ریسپانسیو تبلت
========================================= */

@media (max-width: 1000px) {
  .gk-public-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gk-public-search {
    width: 320px;
  }
}

/* ========================================
   ریسپانسیو موبایل
========================================= */

@media (max-width: 650px) {
  .gk-public-market {
    width: 96%;
    margin: 20px auto;
    border-radius: 20px;
  }

  .gk-public-header {
    padding: 20px 16px;

    flex-direction: column;
    align-items: stretch;

    gap: 18px;
  }

  .gk-public-title {
    justify-content: center;
  }

  .gk-public-title h2 {
    font-size: 22px;
  }

  .gk-public-title p {
    font-size: 10px;
  }

  .gk-public-search {
    width: 100%;
  }

  .gk-public-board {
    padding: 30px 18px;

    grid-template-columns: 1fr;

    gap: 28px;
  }

  .gk-public-card {
    width: 100%;
    max-width: 390px;

    margin: 0 auto;
  }

  .gk-public-info h3 {
    font-size: 16px;
  }

  .gk-public-view {
    height: 42px;
  }
}

/* ========================================
   ریسپانسیو موبایل‌های خیلی کوچک
========================================= */

@media (max-width: 380px) {
  .gk-public-board {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gk-public-card {
    padding-left: 12px;
    padding-right: 12px;
  }

  .gk-public-title h2 {
    font-size: 19px;
  }
}
/* پنجره آگهی */
.gk-public-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;
  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(8px);
}

/* حالت باز */
.gk-public-modal.active {
  display: flex;
}

/* بدنه پنجره */
.gk-public-modal-content {
  position: relative;

  width: min(850px, 100%);
  max-height: 90vh;

  display: grid;
  grid-template-columns: 1fr 1fr;

  overflow: hidden;

  direction: rtl;

  border: 1px solid rgba(232, 176, 77, 0.55);
  border-radius: 24px;

  background: linear-gradient(
    145deg,
    rgba(22, 19, 15, 0.98),
    rgba(7, 7, 7, 0.98)
  );

  box-shadow:
    0 25px 70px rgba(0, 0, 0, 0.7),
    0 0 25px rgba(232, 176, 77, 0.15);
}

/* دکمه بستن */
.gk-public-modal-close {
  position: absolute;
  top: 13px;
  left: 13px;
  z-index: 5;

  width: 38px;
  height: 38px;

  border: 1px solid rgba(232, 176, 77, 0.55);
  border-radius: 50%;

  background: rgba(8, 8, 8, 0.85);
  color: #e8b04d;

  font-size: 24px;
  line-height: 1;

  cursor: pointer;
  transition: 0.25s ease;
}

.gk-public-modal-close:hover {
  transform: rotate(90deg);

  border-color: #e8b04d;

  box-shadow: 0 0 12px rgba(232, 176, 77, 0.45);
}

/* تصویر */
.gk-public-modal-image {
  min-height: 430px;
  overflow: hidden;

  background: #111;
}

.gk-public-modal-image img {
  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
}

/* اطلاعات */
.gk-public-modal-info {
  padding: 55px 35px 35px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  color: #fff;
}

/* نشان */
.gk-public-modal-badge {
  padding: 6px 13px;

  border: 1px solid rgba(232, 176, 77, 0.5);
  border-radius: 20px;

  color: #e8b04d;
  background: rgba(232, 176, 77, 0.08);

  font-size: 11px;
}

/* عنوان */
.gk-public-modal-info h2 {
  margin: 20px 0 8px;

  color: #fff;

  font-size: 25px;
}

/* توضیحات */
.gk-public-modal-description {
  margin: 0 0 18px;

  color: rgba(255, 255, 255, 0.62);

  font-size: 13px;
  line-height: 2;
}

/* قیمت */
.gk-public-modal-price {
  margin-bottom: 20px;

  color: #e8b04d;

  font-size: 20px;
}

/* مشخصات */
.gk-public-modal-meta {
  width: 100%;

  display: flex;
  justify-content: space-between;
  gap: 15px;

  padding: 14px 0;

  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  color: rgba(255, 255, 255, 0.65);

  font-size: 12px;
}

/* ارتباط فروشنده */
.gk-public-contact-btn {
  width: 100%;
  height: 46px;

  margin-top: auto;

  border: 1px solid #d89c35;
  border-radius: 12px;

  background: linear-gradient(145deg, #21190e, #0b0906);

  color: #e8b04d;

  font-family: inherit;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-public-contact-btn:hover {
  transform: translateY(-2px);

  box-shadow:
    0 0 12px rgba(232, 176, 77, 0.55),
    0 0 25px rgba(232, 176, 77, 0.15);
}

/* تبلت */
@media (max-width: 800px) {
  .gk-public-modal-content {
    width: min(600px, 100%);

    grid-template-columns: 1fr;

    overflow-y: auto;
  }

  .gk-public-modal-image {
    min-height: 0;
    height: 280px;
  }

  .gk-public-modal-info {
    padding: 28px;
  }

  .gk-public-contact-btn {
    margin-top: 25px;
  }
}

/* موبایل */
@media (max-width: 500px) {
  .gk-public-modal {
    padding: 12px;
  }

  .gk-public-modal-content {
    max-height: 92vh;

    border-radius: 18px;
  }

  .gk-public-modal-image {
    height: 220px;
  }

  .gk-public-modal-info {
    padding: 24px 18px 20px;
  }

  .gk-public-modal-info h2 {
    font-size: 20px;
  }

  .gk-public-modal-price {
    font-size: 17px;
  }

  .gk-public-modal-close {
    width: 34px;
    height: 34px;

    top: 10px;
    left: 10px;
  }
}
/* مشخصات آگهی */
.gk-public-specs {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;

  margin: 5px 0 18px;
}

/* هر مشخصه */
.gk-public-spec {
  padding: 11px 13px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  border: 1px solid rgba(232, 176, 77, 0.18);
  border-radius: 10px;

  background: rgba(255, 255, 255, 0.035);
}

/* عنوان مشخصه */
.gk-public-spec span {
  color: rgba(255, 255, 255, 0.48);
  font-size: 11px;
}

/* مقدار مشخصه */
.gk-public-spec strong {
  color: #e8b04d;
  font-size: 11px;
}

/* توضیحات */
.gk-public-detail-description {
  width: 100%;
  margin-bottom: 17px;
}

.gk-public-detail-description h3 {
  margin: 0 0 7px;

  color: #ffffff;
  font-size: 13px;
}

.gk-public-detail-description p {
  margin: 0;

  color: rgba(255, 255, 255, 0.58);

  font-size: 11px;
  line-height: 1.9;
}

/* موبایل */
@media (max-width: 500px) {
  .gk-public-specs {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .gk-public-spec {
    padding: 9px 11px;
  }

  .gk-public-detail-description p {
    font-size: 10px;
  }
}
/* پنجره فروشنده */
.gk-seller-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;

  display: none;
  align-items: flex-start;
  justify-content: center;

  padding: 40px 15px;

  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(6px);

  overflow-y: auto;
}

/* حالت باز */
.gk-seller-modal.active {
  display: flex;
}

/* روزنامه */
.gk-seller-content {
  position: relative;

  width: min(520px, 100%);

  padding: 38px 32px 30px;

  box-sizing: border-box;

  color: #2d2419;

  background: linear-gradient(
    rgba(244, 231, 199, 0.96),
    rgba(224, 204, 164, 0.96)
  );

  border: 1px solid rgba(92, 65, 34, 0.45);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.55),
    inset 0 0 35px rgba(85, 58, 28, 0.12);

  transform: translateY(-120%);
  opacity: 0;

  animation: gkSellerDrop 0.55s ease forwards;
}

/* ورود عمودی */
@keyframes gkSellerDrop {
  from {
    transform: translateY(-120%);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* بافت کاغذ */
.gk-seller-content::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background: repeating-linear-gradient(
    0deg,
    rgba(70, 50, 30, 0.025) 0,
    rgba(70, 50, 30, 0.025) 1px,
    transparent 1px,
    transparent 4px
  );
}

/* تیتر */
.gk-seller-content h2 {
  margin: 8px 0 10px;

  text-align: center;

  color: #241a10;

  font-size: 26px;
  font-weight: 900;

  border-top: 3px double #4d3823;
  border-bottom: 3px double #4d3823;

  padding: 10px 0;
}

/* توضیح */
.gk-seller-content > p {
  text-align: center;

  color: #5c4935;

  font-size: 12px;
  line-height: 1.9;
}

/* آیکون */
.gk-seller-icon {
  text-align: center;

  font-size: 38px;

  filter: sepia(1);
}

/* بستن */
.gk-seller-close {
  position: absolute;
  top: 10px;
  left: 12px;
  z-index: 5;

  width: 32px;
  height: 32px;

  border: 1px solid #5b4329;

  background: transparent;

  color: #3a2918;

  font-size: 22px;

  cursor: pointer;
}

/* گزینه‌ها */
.gk-seller-actions {
  display: grid;
  gap: 12px;

  margin-top: 22px;
}

/* دکمه روزنامه‌ای */
.gk-seller-action {
  width: 100%;

  padding: 14px;

  display: flex;
  align-items: center;
  gap: 12px;

  border: 1px solid #6b5032;

  background: rgba(255, 248, 225, 0.35);

  color: #2d2115;

  text-align: right;

  font-family: inherit;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-seller-action:hover {
  transform: translateY(-2px);

  background: rgba(255, 248, 225, 0.65);

  box-shadow: 0 5px 12px rgba(70, 45, 20, 0.18);
}

.gk-seller-action > span {
  font-size: 24px;
}

.gk-seller-action div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.gk-seller-action strong {
  font-size: 13px;
}

.gk-seller-action small {
  color: #74614b;

  font-size: 10px;
}

/* پیام امنیتی */
.gk-seller-security {
  margin-top: 20px;

  padding-top: 14px;

  border-top: 1px dashed #7d6548;

  color: #5b4935;

  text-align: center;

  font-size: 10px;
  line-height: 1.8;
}

/* موبایل */
@media (max-width: 500px) {
  .gk-seller-modal {
    padding: 20px 10px;
  }

  .gk-seller-content {
    padding: 34px 20px 24px;
  }

  .gk-seller-content h2 {
    font-size: 21px;
  }

  .gk-seller-action {
    padding: 12px;
  }
}
/* کارت پیام */
.gk-seller-message-sheet {
  position: absolute;

  top: 50%;
  right: 0;
  z-index: -1;

  width: 300px;
  height: 390px;

  padding: 24px 20px;

  box-sizing: border-box;

  direction: rtl;

  overflow: hidden;

  border: 1px solid rgba(88, 61, 32, 0.55);
  border-radius: 4px;

  background: linear-gradient(155deg, #f3e5c4, #e5cf9f);

  box-shadow:
    14px 16px 35px rgba(0, 0, 0, 0.4),
    inset 0 0 25px rgba(75, 48, 20, 0.1);

  transform: translateY(-50%) translateX(0);

  opacity: 0;

  pointer-events: none;

  transition:
    transform 0.55s ease,
    opacity 0.3s ease;
}

/* بافت کاغذ */
.gk-seller-message-sheet::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background: repeating-linear-gradient(
    0deg,
    rgba(65, 43, 22, 0.025) 0,
    rgba(65, 43, 22, 0.025) 1px,
    transparent 1px,
    transparent 4px
  );
}

/* حالت باز */
.gk-seller-message-sheet.active {
  transform: translateY(-50%) translateX(96%);

  opacity: 1;

  pointer-events: auto;
}

/* سربرگ */
.gk-message-head {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 8px 0 12px;
  margin-bottom: 17px;

  border-top: 3px double #4c3722;
  border-bottom: 3px double #4c3722;

  color: #2b1f14;
}

/* عنوان */
.gk-message-head span {
  font-size: 17px;
  font-weight: 900;
}

/* نام سایت */
.gk-message-head small {
  color: #71583b;

  font-size: 9px;
  font-weight: bold;
}

/* محل نوشتن */
.gk-seller-message-sheet textarea {
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  height: 190px;

  padding: 13px;

  box-sizing: border-box;

  resize: none;
  outline: none;

  border: 1px solid #74583a;
  border-radius: 3px;

  background: rgba(255, 250, 230, 0.45);

  color: #2b2117;

  font-family: inherit;
  font-size: 11px;
  line-height: 1.9;
}

/* فوکوس */
.gk-seller-message-sheet textarea:focus {
  border-color: #3f2c1a;

  box-shadow: inset 0 0 9px rgba(60, 38, 18, 0.12);
}

/* پایین کارت */
.gk-message-footer {
  position: relative;
  z-index: 2;

  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  margin-top: 14px;
  padding-top: 12px;

  box-sizing: border-box;

  border-top: 1px dashed #745b3d;
}

/* شمارنده */
#gkSellerMessageCount {
  flex-shrink: 0;

  color: #655039;

  font-size: 9px;
}

/* دکمه ارسال */
#gkSellerMessageSend {
  min-width: 100px;

  padding: 9px 14px;

  box-sizing: border-box;

  border: 1px solid #4c3722;
  border-radius: 3px;

  background: linear-gradient(145deg, #46321f, #251a10);

  color: #f2dfb6;

  font-family: inherit;
  font-size: 10px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s ease;
}

/* هاور دکمه */
#gkSellerMessageSend:hover {
  transform: translateY(-2px);

  background: #4d3721;

  box-shadow: 0 5px 12px rgba(50, 30, 15, 0.28);
}

/* تبلت */
@media (max-width: 900px) {
  .gk-seller-message-sheet {
    position: relative;

    top: auto;
    right: auto;

    width: 100%;
    max-width: 320px;
    height: 390px;

    margin: 18px auto 0;

    display: none;

    z-index: 2;

    transform: translateX(30px);
  }

  .gk-seller-message-sheet.active {
    display: block;

    transform: translateX(0);

    opacity: 1;
  }
}

/* موبایل */
@media (max-width: 500px) {
  .gk-seller-message-sheet {
    width: 100%;
    max-width: 290px;

    height: 370px;

    padding: 20px 16px;
  }

  .gk-seller-message-sheet textarea {
    height: 175px;
  }

  .gk-message-footer {
    gap: 8px;
  }

  #gkSellerMessageSend {
    min-width: 90px;

    padding: 8px 10px;
  }
}
/* کارت تماس */
.gk-seller-call-sheet {
  position: absolute;

  top: 50%;
  left: 0;
  z-index: -1;

  width: 300px;
  height: 390px;

  padding: 24px 20px;
  box-sizing: border-box;

  direction: rtl;
  overflow: hidden;

  border: 1px solid rgba(88, 61, 32, 0.55);
  border-radius: 4px;

  background: linear-gradient(155deg, #f3e5c4, #e5cf9f);

  box-shadow:
    -14px 16px 35px rgba(0, 0, 0, 0.4),
    inset 0 0 25px rgba(75, 48, 20, 0.1);

  transform: translateY(-50%) translateX(0);

  opacity: 0;

  pointer-events: none;

  transition:
    transform 0.55s ease,
    opacity 0.3s ease;
}

/* بافت کاغذ */
.gk-seller-call-sheet::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background: repeating-linear-gradient(
    0deg,
    rgba(65, 43, 22, 0.025) 0,
    rgba(65, 43, 22, 0.025) 1px,
    transparent 1px,
    transparent 4px
  );
}

/* حالت باز */
.gk-seller-call-sheet.active {
  transform: translateY(-50%) translateX(-96%);

  opacity: 1;

  pointer-events: auto;
}

/* سربرگ */
.gk-call-head {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 8px 0 12px;
  margin-bottom: 20px;

  border-top: 3px double #4c3722;
  border-bottom: 3px double #4c3722;

  color: #2b1f14;
}

/* عنوان */
.gk-call-head span {
  font-size: 17px;
  font-weight: 900;
}

/* نام سایت */
.gk-call-head small {
  color: #71583b;

  font-size: 9px;
  font-weight: bold;
}

/* آیکون */
.gk-call-icon {
  position: relative;
  z-index: 2;

  margin: 22px 0 15px;

  text-align: center;

  color: #3c2a19;

  font-size: 45px;
}

/* توضیح */
.gk-call-text {
  position: relative;
  z-index: 2;

  margin: 0 0 18px;

  color: #59452f;

  text-align: center;

  font-size: 11px;
  line-height: 2;
}

/* اطلاعات آگهی */
.gk-call-status {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  padding: 10px 0;
  margin-bottom: 17px;

  border-top: 1px dashed #745b3d;
  border-bottom: 1px dashed #745b3d;

  font-size: 10px;
}

/* عنوان آگهی */
.gk-call-status strong {
  color: #3c2a19;

  font-size: 10px;
}

/* دکمه تماس */
.gk-call-send {
  position: relative;
  z-index: 2;

  width: 100%;

  padding: 10px 14px;

  box-sizing: border-box;

  border: 1px solid #4c3722;
  border-radius: 3px;

  background: linear-gradient(145deg, #46321f, #251a10);

  color: #f2dfb6;

  font-family: inherit;
  font-size: 10px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s ease;
}

/* هاور */
.gk-call-send:hover {
  transform: translateY(-2px);

  background: #4d3721;

  box-shadow: 0 5px 12px rgba(50, 30, 15, 0.28);
}

/* تبلت */
@media (max-width: 900px) {
  .gk-seller-call-sheet {
    position: relative;

    top: auto;
    left: auto;

    width: 100%;
    max-width: 320px;
    height: 390px;

    margin: 18px auto 0;

    display: none;

    z-index: 2;

    transform: translateX(-30px);
  }

  .gk-seller-call-sheet.active {
    display: block;

    transform: translateX(0);

    opacity: 1;
  }
}

/* موبایل */
@media (max-width: 500px) {
  .gk-seller-call-sheet {
    width: 100%;
    max-width: 290px;

    height: 370px;

    padding: 20px 16px;
  }

  .gk-call-icon {
    margin: 18px 0 12px;

    font-size: 38px;
  }

  .gk-call-text {
    font-size: 10px;
  }
}
/* پنجره نتیجه */
.gk-request-success {
  position: fixed;
  inset: 0;
  z-index: 12000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(7px);
}

/* حالت باز */
.gk-request-success.active {
  display: flex;
}

/* کاغذ */
.gk-request-success-box {
  position: relative;

  width: min(350px, 100%);

  padding: 32px 26px 28px;
  box-sizing: border-box;

  direction: rtl;
  text-align: center;

  border: 1px solid rgba(91, 65, 35, 0.55);
  border-radius: 3px;

  background: linear-gradient(155deg, #f3e5c4, #dfc797);

  color: #302316;

  box-shadow:
    0 20px 55px rgba(0, 0, 0, 0.55),
    inset 0 0 30px rgba(70, 45, 20, 0.1);

  animation: gkResultOpen 0.4s ease;
}

/* بافت کاغذ */
.gk-request-success-box::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background: repeating-linear-gradient(
    0deg,
    rgba(65, 43, 22, 0.025) 0,
    rgba(65, 43, 22, 0.025) 1px,
    transparent 1px,
    transparent 4px
  );
}

/* ورود */
@keyframes gkResultOpen {
  from {
    transform: translateY(-25px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* علامت */
.gk-request-success-icon {
  position: relative;
  z-index: 2;

  width: 58px;
  height: 58px;

  margin: 0 auto 20px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 2px solid #4d3823;
  border-radius: 50%;

  color: #3b2919;

  font-size: 28px;
  font-weight: 900;
}

/* متن */
#gkRequestSuccessText {
  position: relative;
  z-index: 2;

  margin: 0 0 22px;

  padding: 14px 0;

  border-top: 3px double #594127;
  border-bottom: 3px double #594127;

  color: #342619;

  font-size: 13px;
  font-weight: 700;
  line-height: 2;
}

/* لودر */
.gk-request-loader {
  position: relative;
  z-index: 2;

  width: 32px;
  height: 32px;

  margin: 0 auto 20px;

  display: none;

  border: 3px solid rgba(72, 51, 30, 0.2);
  border-top-color: #49331e;
  border-radius: 50%;

  animation: gkRequestSpin 0.8s linear infinite;
}

/* نمایش لودر */
.gk-request-loader.active {
  display: block;
}

/* چرخش */
@keyframes gkRequestSpin {
  to {
    transform: rotate(360deg);
  }
}

/* دکمه */
#gkRequestSuccessClose {
  position: relative;
  z-index: 2;

  min-width: 125px;

  padding: 10px 20px;

  border: 1px solid #4c3722;
  border-radius: 3px;

  background: linear-gradient(145deg, #46321f, #251a10);

  color: #f1dfb8;

  font-family: inherit;
  font-size: 11px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s ease;
}

/* هاور */
#gkRequestSuccessClose:hover {
  transform: translateY(-2px);

  box-shadow: 0 5px 12px rgba(50, 30, 15, 0.28);
}

/* موبایل */
@media (max-width: 500px) {
  .gk-request-success-box {
    width: 100%;

    padding: 27px 19px 24px;
  }

  #gkRequestSuccessText {
    font-size: 11px;
  }
}
/* دسته‌بندی‌ها */
.gk-main-categories {
  width: min(1180px, 94%);
  margin: 40px auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;

  direction: rtl;
}

/* کارت */
.gk-category-card {
  overflow: hidden;

  border-radius: 26px;

  background: #0f1115;

  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);

  transition: 0.3s ease;
}

/* هاور */
.gk-category-card:hover {
  transform: translateY(-6px);
}

/* تصویر */
.gk-category-image {
  height: 320px;
  overflow: hidden;
}

/* عکس */
.gk-category-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: 0.45s ease;
}

/* زوم عکس */
.gk-category-card:hover .gk-category-image img {
  transform: scale(1.05);
}

/* محتوا */
.gk-category-content {
  position: relative;

  padding: 52px 24px 26px;

  text-align: center;

  color: #fff;
}

/* آیکون */
.gk-category-icon {
  position: absolute;

  top: -36px;
  right: 50%;

  width: 72px;
  height: 72px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateX(50%);

  border: 2px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;

  font-size: 30px;

  box-shadow: 0 0 18px rgba(255, 255, 255, 0.08);
}

/* عنوان */
.gk-category-content h2 {
  margin: 0 0 12px;

  font-size: 23px;
  font-weight: 900;
}

/* توضیح */
.gk-category-content p {
  min-height: 52px;

  margin: 0 0 22px;

  color: rgba(255, 255, 255, 0.66);

  font-size: 12px;
  line-height: 2;
}

/* دکمه */
.gk-category-btn {
  width: 100%;

  padding: 13px 18px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  border-radius: 12px;

  font-family: inherit;
  font-size: 12px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s ease;
}

/* فلش */
.gk-category-btn span {
  font-size: 22px;
  line-height: 1;
}

/* استخدامی */
.gk-jobs-card {
  border: 1px solid rgba(70, 170, 95, 0.3);

  background: linear-gradient(180deg, #113428, #071912);

  width: 100%;

  min-width: 0;
}

.gk-jobs-card .gk-category-icon {
  background: linear-gradient(145deg, #2f7a3c, #102a17);

  color: #dff3c8;

  border-color: rgba(110, 210, 125, 0.55);
}

.gk-jobs-card .gk-category-btn {
  border: 1px solid #54a947;

  background: linear-gradient(145deg, #2b7a37, #102b17);

  color: #e3f8d4;
}

/* هاور دکمه */
.gk-category-btn:hover {
  transform: translateY(-2px);

  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);
}

/* موبایل */
@media (max-width: 650px) {
  .gk-main-categories {
    grid-template-columns: 1fr;
  }

  .gk-category-image {
    height: 280px;
  }
}

/* موبایل کوچک */
@media (max-width: 400px) {
  .gk-category-content {
    padding: 48px 18px 22px;
  }

  .gk-category-content h2 {
    font-size: 20px;
  }

  .gk-category-image {
    height: 240px;
  }
} /* دسته‌بندی‌ها */
.gk-main-categories {
  width: min(1180px, 94%);
  margin: 32px auto;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;

  direction: rtl;
}

/* کارت */
.gk-category-card {
  overflow: hidden;

  border-radius: 24px;

  background: #0f1115;

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.28);

  transition: 0.3s ease;
}

.gk-category-card:hover {
  transform: translateY(-5px);
}

/* تصویر */
.gk-category-image {
  height: 220px;

  overflow: hidden;
}

.gk-category-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: 0.4s ease;
}

.gk-category-card:hover .gk-category-image img {
  transform: scale(1.04);
}

/* محتوا */
.gk-category-content {
  position: relative;

  padding: 39px 20px 18px;

  text-align: center;

  color: #fff;
}

/* آیکون */
.gk-category-icon {
  position: absolute;

  top: -30px;
  right: 50%;

  width: 60px;
  height: 60px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateX(50%);

  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;

  font-size: 25px;
}

/* عنوان */
.gk-category-content h2 {
  margin: 0 0 7px;

  font-size: 20px;
  font-weight: 900;
}

/* توضیح */
.gk-category-content p {
  min-height: 38px;

  margin: 0 0 13px;

  color: rgba(255, 255, 255, 0.65);

  font-size: 11px;
  line-height: 1.7;
}

/* دکمه */
.gk-category-btn {
  width: 100%;

  padding: 9px 14px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  border-radius: 10px;

  font-family: inherit;
  font-size: 11px;
  font-weight: bold;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-category-btn span {
  font-size: 19px;
  line-height: 1;
}

.gk-category-btn:hover {
  transform: translateY(-2px);

  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.25);
}

/* املاک */
.gk-estate-card {
  border: 1px solid rgba(45, 110, 190, 0.35);

  background: linear-gradient(180deg, #0e294d, #071525);
}

.gk-estate-card .gk-category-icon {
  background: linear-gradient(145deg, #173c68, #07182b);

  color: #f1c66f;

  border-color: rgba(241, 198, 111, 0.55);
}

.gk-estate-card .gk-category-btn {
  border: 1px solid #d9a94b;

  background: linear-gradient(145deg, #12365f, #07182c);

  color: #f1c66f;
}

/* خدماتی */
.gk-services-card {
  border: 1px solid rgba(235, 125, 20, 0.35);

  background: linear-gradient(180deg, #3a2112, #1a0e07);
}

.gk-services-card .gk-category-icon {
  background: linear-gradient(145deg, #d96d00, #5a2700);

  color: #fff1cf;

  border-color: rgba(255, 157, 50, 0.65);
}

.gk-services-card .gk-category-btn {
  border: 1px solid #ef7d14;

  background: linear-gradient(145deg, #b64b00, #542000);

  color: #fff0cf;
}

/* تبلت */
@media (max-width: 950px) {
  .gk-main-categories {
    grid-template-columns: repeat(2, 1fr);
  }

  .gk-category-image {
    height: 210px;
  }
}

/* موبایل */
@media (max-width: 650px) {
  .gk-main-categories {
    grid-template-columns: 1fr;

    gap: 18px;
  }

  .gk-category-image {
    height: 200px;
  }
}

/* موبایل کوچک */
@media (max-width: 400px) {
  .gk-category-image {
    height: 185px;
  }

  .gk-category-content {
    padding: 37px 16px 16px;
  }
}
/* پنجره املاک */
.gk-estate-modal {
  position: fixed;
  inset: 0;
  z-index: 11000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 25px;

  background: rgba(0, 7, 18, 0.82);
  backdrop-filter: blur(7px);
}

.gk-estate-modal.active {
  display: flex;
}

/* پنجره اصلی */
.gk-estate-window {
  position: relative;

  width: min(900px, 92%);
  height: 460px;

  box-sizing: border-box;

  border: 1px solid #2869a8;
  border-radius: 18px;

  background: linear-gradient(145deg, #081d38, #030d1b);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.65),
    0 0 22px rgba(55, 145, 255, 0.15);
}

/* ضربدر */
.gk-estate-close {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 20;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #3f8bd2;
  border-radius: 8px;

  background: #0b2747;
  color: #91cbff;

  font-size: 22px;
  line-height: 1;

  cursor: pointer;
}

.gk-estate-close:hover {
  background: #174d80;
  color: #fff;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-modal {
    padding: 12px;
  }

  .gk-estate-window {
    width: 100%;
    height: 460px;
  }
}
/* سربرگ */
.gk-estate-head {
  position: relative;

  height: 82px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 24px;

  box-sizing: border-box;

  border-bottom: 1px solid rgba(75, 145, 215, 0.18);
}

/* عنوان */
.gk-estate-title {
  display: flex;
  align-items: center;
  gap: 14px;

  text-align: center;
}

.gk-estate-title h2 {
  margin: 0 0 5px;

  color: #f5f9ff;

  font-size: 22px;
  font-weight: 800;
}

.gk-estate-title p {
  margin: 0;

  color: #8298b3;

  font-size: 10px;
}

/* خانه */
.gk-estate-home {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  color: #e3a13b;

  font-size: 35px;
  line-height: 1;
}

/* دسته‌بندی‌ها */
.gk-estate-back {
  position: absolute;

  top: 50%;
  right: 22px;

  transform: translateY(-50%);

  display: flex;
  align-items: center;
  gap: 7px;

  color: #dce9f7;

  font-size: 11px;

  cursor: pointer;
}

.gk-estate-back span {
  color: #ffffff;
  font-size: 22px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-head {
    height: 75px;
    padding: 0 10px;
  }

  .gk-estate-title {
    gap: 7px;
  }

  .gk-estate-title h2 {
    font-size: 16px;
  }

  .gk-estate-title p {
    font-size: 8px;
  }

  .gk-estate-home {
    width: 28px;
    font-size: 27px;
  }

  .gk-estate-back {
    right: 10px;
    font-size: 8px;
  }
}
/* ابزار بالا */
.gk-estate-tools {
  display: grid;
  grid-template-columns: 1.5fr 0.8fr 0.8fr 0.8fr;
  gap: 8px;

  padding: 10px 18px;
  direction: rtl;
}

/* ورودی‌ها */
.gk-estate-tools input,
.gk-estate-tools select {
  width: 100%;
  height: 32px;

  padding: 0 10px;
  box-sizing: border-box;

  border: 1px solid #285d91;
  border-radius: 7px;
  outline: none;

  background: #071a31;
  color: #dcecff;

  font-family: inherit;
  font-size: 9px;
}

/* فوکوس */
.gk-estate-tools input:focus,
.gk-estate-tools select:focus {
  border-color: #5dafff;

  box-shadow: 0 0 8px rgba(70, 160, 255, 0.22);
}

/* متن داخل */
.gk-estate-tools input::placeholder {
  color: #718ba5;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-tools {
    grid-template-columns: 1fr 1fr;

    padding: 8px 10px;
    gap: 6px;
  }
}
/* بدنه */
.gk-estate-body {
  display: flex;
  justify-content: flex-start;

  direction: rtl;

  padding: 14px 18px 14px;
  box-sizing: border-box;
}

/* فیلتر */
.gk-estate-filters {
  width: 185px;
  flex-shrink: 0;

  padding: 12px;
  box-sizing: border-box;

  border: 1px solid #285d91;
  border-radius: 10px;

  background: linear-gradient(180deg, #0c294a, #071a31);
}

/* عنوان */
.gk-estate-filters h3 {
  margin: 0 0 10px;

  color: #ffffff;
  font-size: 12px;
}

/* برچسب */
.gk-estate-filters label {
  display: block;

  margin-bottom: 8px;

  color: #a9c5df;
  font-size: 9px;
}

/* ورودی‌ها */
.gk-estate-filters select,
.gk-estate-filters input {
  width: 100%;
  height: 27px;

  margin-top: 4px;
  padding: 0 7px;

  box-sizing: border-box;

  border: 1px solid #2c6091;
  border-radius: 6px;
  outline: none;

  background: #06182d;
  color: #e4f1ff;

  font-family: inherit;
  font-size: 8px;
}

/* بازه */
.gk-estate-range {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 5px;
}

/* دکمه */
.gk-estate-filter-btn {
  width: 100%;
  height: 29px;

  border: 1px solid #58a9f5;
  border-radius: 6px;

  background: #1765a8;
  color: #ffffff;

  font-family: inherit;
  font-size: 9px;
  font-weight: bold;

  cursor: pointer;
}

.gk-estate-filter-btn:hover {
  background: #247fc7;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-body {
    padding: 12px 10px;
  }

  .gk-estate-filters {
    width: 100%;
  }
}
/* لیست آگهی‌ها */
.gk-estate-list {
  flex: 1;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);

  gap: 7px;

  margin-right: 12px;

  min-width: 0;
  min-height: 0;
}

/* کارت */
.gk-estate-ad {
  min-width: 0;
  min-height: 0;

  overflow: hidden;

  border: 1px solid #285d91;
  border-radius: 10px;

  background: #081d36;

  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25);

  transition: 0.25s;
}

.gk-estate-ad:hover {
  transform: translateY(-2px);

  border-color: #58a9f5;

  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.35);
}

/* عکس */
.gk-estate-image {
  position: relative;
  height: 62px;
  overflow: hidden;
}

.gk-estate-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

/* برچسب */
.gk-estate-image > span {
  position: absolute;

  top: 5px;
  right: 5px;

  padding: 2px 6px;

  border-radius: 4px;

  background: #287bc2;
  color: #ffffff;

  font-size: 7px;
}

/* اطلاعات */
.gk-estate-info {
  padding: 5px 7px;
}

.gk-estate-info h3 {
  margin: 0 0 3px;

  color: #ffffff;

  font-size: 9px;
}

.gk-estate-info p {
  margin: 0 0 4px;

  color: #8eabc7;

  font-size: 7px;
}

/* مشخصات */
.gk-estate-meta {
  display: flex;

  gap: 4px;

  margin-bottom: 4px;
}

.gk-estate-meta span {
  padding: 2px 5px;

  border-radius: 4px;

  background: rgba(69, 154, 240, 0.12);
  color: #bdd9f3;

  font-size: 7px;
}

/* قیمت */
.gk-estate-info strong {
  display: block;

  color: #5fb5ff;

  font-size: 8px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-list {
    grid-template-columns: 1fr;
    grid-template-rows: none;

    margin-top: 10px;
    margin-right: 0;
  }

  .gk-estate-image {
    height: 140px;
  }
}
/* مشاهده آگهی */
.gk-estate-view {
  width: 76%;
  height: 15px;

  margin: 2px auto 4px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;

  padding: 0;

  border: 1px solid #3f8fd3;
  border-radius: 4px;

  background: rgba(30, 105, 170, 0.14);
  color: #8bc9ff;

  font-family: inherit;
  font-size: 6px;

  cursor: pointer;
  transition: 0.2s;
}

.gk-estate-view span {
  font-size: 9px;
  line-height: 1;
}

.gk-estate-view:hover {
  background: #1765a8;
  border-color: #67b8ff;
  color: #fff;
}
/* جزئیات ملک */
.gk-estate-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(0, 6, 16, 0.88);
  backdrop-filter: blur(8px);
}

.gk-estate-detail-modal.active {
  display: flex;
}

/* پنجره */
.gk-estate-detail-window {
  position: relative;

  width: min(850px, 94%);
  height: 430px;

  box-sizing: border-box;
  overflow: hidden;

  border: 1px solid #398bd2;
  border-radius: 18px;

  background: linear-gradient(145deg, #071b35, #020b18);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.7),
    0 0 25px rgba(50, 145, 235, 0.16);
}

/* ضربدر */
.gk-estate-detail-close {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 30;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #3c7db7;
  border-radius: 8px;

  background: #0b2745;
  color: #ffffff;

  font-size: 22px;
  line-height: 1;

  cursor: pointer;
}

.gk-estate-detail-close:hover {
  background: #1764a3;
  border-color: #67baff;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-detail-modal {
    padding: 10px;
  }

  .gk-estate-detail-window {
    width: 100%;
    height: 420px;
  }
}
/* سربرگ */
.gk-estate-detail-head {
  height: 62px;

  display: flex;
  align-items: center;
  justify-content: flex-end;

  padding: 0 22px;

  box-sizing: border-box;

  border-bottom: 1px solid rgba(70, 145, 215, 0.16);
}

/* عنوان */
.gk-estate-detail-title {
  display: flex;
  align-items: center;

  gap: 10px;
}

.gk-estate-detail-title h2 {
  margin: 0;

  color: #ffffff;

  font-size: 18px;
  font-weight: 800;
}

/* آیکون */
.gk-estate-detail-title span {
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 8px;

  background: #0d4e8b;

  font-size: 19px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-detail-head {
    height: 56px;
    padding: 0 14px;
  }

  .gk-estate-detail-title h2 {
    font-size: 15px;
  }

  .gk-estate-detail-title span {
    width: 30px;
    height: 30px;

    font-size: 16px;
  }
}
/* چیدمان محتوا */
.gk-estate-detail-body {
  display: flex;
  gap: 16px;

  padding: 16px 20px;

  box-sizing: border-box;

  direction: ltr;
}

/* گالری */
.gk-estate-detail-gallery {
  width: 380px;

  display: flex;
  flex-direction: column;

  margin-right: auto;
}

/* عکس بزرگ */
.gk-estate-detail-main-image {
  position: relative;

  width: 100%;
  height: 220px;

  overflow: hidden;

  border: 1px solid #2f75b5;
  border-radius: 12px;

  background: #06172b;
}

/* خود عکس */
.gk-estate-detail-main-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

/* شماره عکس */
.gk-estate-detail-count {
  position: absolute;

  bottom: 8px;
  left: 8px;

  padding: 3px 7px;

  border-radius: 5px;

  background: rgba(0, 10, 22, 0.8);
  color: #ffffff;

  font-size: 8px;
}
/* تصاویر کوچک */
.gk-estate-thumbnails {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 7px;

  margin-top: 8px;

  box-sizing: border-box;
}

/* عکس کوچک */
.gk-estate-thumb {
  width: 78px;
  height: 45px;

  flex-shrink: 0;

  padding: 0;

  overflow: hidden;

  border: 1px solid #285d91;
  border-radius: 7px;

  background: #06172b;

  cursor: pointer;
}

/* خود عکس */
.gk-estate-thumb img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

/* عکس انتخاب‌شده */
.gk-estate-thumb.active {
  border-color: #62b6ff;

  box-shadow: 0 0 8px rgba(70, 165, 255, 0.4);
}

/* هاور */
.gk-estate-thumb:hover {
  border-color: #62b6ff;
}
/* اطلاعات ملک */
.gk-estate-detail-info {
  flex: 1;

  padding: 13px;

  box-sizing: border-box;

  border: 1px solid #245d91;
  border-radius: 11px;

  background: rgba(5, 24, 47, 0.72);

  direction: rtl;
  text-align: right;
}

/* نوع ملک */
.gk-estate-type {
  display: inline-block;

  padding: 4px 9px;

  border-radius: 6px;

  background: #145b9b;
  color: #dceeff;

  font-size: 8px;
}

/* عنوان */
.gk-estate-detail-info h2 {
  margin: 10px 0 7px;

  color: #ffffff;

  font-size: 15px;
}

/* آدرس */
.gk-estate-location {
  margin: 0;

  color: #8faac4;

  font-size: 8px;
}
/* مشخصات */
.gk-estate-detail-specs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);

  gap: 6px;

  margin-top: 14px;
}

/* کادر */
.gk-estate-detail-specs div {
  padding: 7px 4px;

  text-align: center;

  border: 1px solid #245d91;
  border-radius: 7px;

  background: #071c33;
}

/* عنوان */
.gk-estate-detail-specs span {
  display: block;

  margin-bottom: 4px;

  color: #7898b7;

  font-size: 7px;
}

/* مقدار */
.gk-estate-detail-specs strong {
  color: #ffffff;

  font-size: 9px;
}
/* موبایل */
@media (max-width: 600px) {
  .gk-estate-detail-specs {
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }

  .gk-estate-detail-specs div {
    padding: 6px 3px;
  }

  .gk-estate-detail-specs strong {
    font-size: 8px;
  }
}
/* توضیحات */
.gk-estate-description {
  margin-top: 10px;

  padding: 8px 10px;

  border: 1px solid rgba(55, 130, 195, 0.35);
  border-radius: 8px;

  background: rgba(3, 17, 32, 0.55);
}

/* عنوان */
.gk-estate-description h3 {
  margin: 0 0 5px;

  color: #79bdff;

  font-size: 9px;
}

/* متن */
.gk-estate-description p {
  margin: 0;

  color: #a9bfd3;

  font-size: 8px;
  line-height: 1.8;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-description {
    padding: 7px;
  }

  .gk-estate-description p {
    font-size: 7px;
    line-height: 1.7;
  }
}
/* قیمت */
.gk-estate-detail-price {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 10px;

  padding: 8px 10px;

  border: 1px solid #2875b5;
  border-radius: 8px;

  background: rgba(8, 42, 75, 0.7);
}

/* عنوان */
.gk-estate-detail-price span {
  color: #8daac4;

  font-size: 8px;
}

/* مبلغ */
.gk-estate-detail-price strong {
  color: #79c5ff;

  font-size: 11px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-detail-price {
    padding: 7px 8px;
  }

  .gk-estate-detail-price strong {
    font-size: 9px;
  }
}
/* دکمه‌ها */
.gk-estate-detail-actions {
  display: flex;
  gap: 7px;

  margin-top: 10px;
}

/* تماس */
.gk-estate-contact-btn {
  flex: 1;

  height: 30px;

  border: 1px solid #4ba7f5;
  border-radius: 8px;

  background: linear-gradient(135deg, #1769aa, #0b477d);

  color: #ffffff;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;
}

/* ذخیره */
.gk-estate-save-btn {
  height: 30px;

  padding: 0 12px;

  border: 1px solid #2d6b9f;
  border-radius: 8px;

  background: #071c33;
  color: #a8c9e6;

  font-size: 9px;

  cursor: pointer;
}

/* هاور */
.gk-estate-contact-btn:hover {
  background: #1879c5;
}

.gk-estate-save-btn:hover {
  border-color: #55adf5;
  color: #ffffff;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-detail-actions {
    flex-direction: column;
  }

  .gk-estate-contact-btn,
  .gk-estate-save-btn {
    width: 100%;
  }
}
/* امکانات */
.gk-estate-amenities {
  display: grid;
  grid-template-columns: repeat(4, 1fr);

  gap: 5px;

  margin-top: 8px;
}

/* گزینه */
.gk-estate-amenities span {
  padding: 6px 3px;

  text-align: center;

  border: 1px solid #245d91;
  border-radius: 6px;

  background: rgba(5, 27, 50, 0.8);
  color: #9ccfff;

  font-size: 7px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-amenities {
    grid-template-columns: repeat(2, 1fr);
  }

  .gk-estate-amenities span {
    font-size: 7px;
  }
}
/* تبلت */
@media (max-width: 750px) {
  .gk-estate-detail-window {
    width: 94%;
    height: 90vh;

    overflow-y: auto;
  }

  .gk-estate-detail-body {
    flex-direction: column;

    gap: 12px;

    padding: 14px;
  }

  .gk-estate-detail-gallery {
    width: 100%;

    margin: 0;
  }

  .gk-estate-detail-main-image {
    height: 240px;
  }

  .gk-estate-detail-info {
    width: 100%;
  }
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-detail-modal {
    padding: 8px;
  }

  .gk-estate-detail-window {
    width: 100%;
    height: 94vh;

    border-radius: 14px;
  }

  .gk-estate-detail-body {
    padding: 10px;

    gap: 10px;
  }

  .gk-estate-detail-main-image {
    height: 190px;
  }

  .gk-estate-thumbnails {
    gap: 5px;
  }

  .gk-estate-thumb {
    width: calc(25% - 4px);
    height: 42px;
  }

  .gk-estate-detail-info {
    padding: 10px;
  }
}
/* ذخیره‌شده */
.gk-estate-save-btn.active {
  border-color: #4ba7f5;

  background: rgba(20, 92, 155, 0.3);
  color: #6fc0ff;

  box-shadow: 0 0 10px rgba(70, 170, 255, 0.2);
}
/* ارتباط فروشنده */
.gk-estate-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(0, 6, 16, 0.88);
  backdrop-filter: blur(8px);
}

.gk-estate-contact-modal.active {
  display: flex;
}

/* پنجره */
.gk-estate-contact-window {
  position: relative;

  width: min(390px, 94%);
  padding: 22px;

  box-sizing: border-box;

  border: 1px solid #398bd2;
  border-radius: 16px;

  background: linear-gradient(145deg, #071b35, #020b18);

  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.7),
    0 0 22px rgba(50, 145, 235, 0.18);

  direction: rtl;
}

/* بستن */
.gk-estate-contact-close {
  position: absolute;
  top: 10px;
  left: 10px;

  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #3c7db7;
  border-radius: 7px;

  background: #0b2745;
  color: #ffffff;

  font-size: 20px;

  cursor: pointer;
}

/* سربرگ */
.gk-estate-contact-head {
  display: flex;
  align-items: center;

  gap: 10px;

  padding-bottom: 14px;

  border-bottom: 1px solid rgba(70, 145, 215, 0.2);
}

.gk-estate-contact-head > span {
  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background: #0d4e8b;

  font-size: 19px;
}

.gk-estate-contact-head h2 {
  margin: 0 0 4px;

  color: #ffffff;

  font-size: 15px;
}

.gk-estate-contact-head p {
  margin: 0;

  color: #7fa5c8;

  font-size: 8px;
}

/* گزینه‌ها */
.gk-estate-contact-options {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 8px;

  margin-top: 16px;
}

/* دکمه‌ها */
.gk-estate-message-btn,
.gk-estate-call-btn {
  height: 38px;

  border: 1px solid #327ebd;
  border-radius: 8px;

  background: #08233f;
  color: #d9edff;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;
}

.gk-estate-message-btn:hover,
.gk-estate-call-btn:hover {
  background: #12588f;
  border-color: #62b7ff;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-contact-modal {
    padding: 10px;
  }

  .gk-estate-contact-window {
    width: 100%;
    padding: 18px;
  }

  .gk-estate-contact-options {
    grid-template-columns: 1fr;
  }
}
/* کارت پیام */
.gk-estate-message-sheet {
  position: absolute;
  top: 50%;
  right: -280px;

  width: 260px;

  padding: 14px;

  box-sizing: border-box;

  border: 1px solid #347fbd;
  border-radius: 12px;

  background: linear-gradient(145deg, #08213d, #03101f);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.55),
    0 0 18px rgba(60, 150, 230, 0.15);

  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;

  transition:
    right 0.3s ease,
    opacity 0.3s ease;

  direction: rtl;
}

/* باز */
.gk-estate-message-sheet.active {
  right: calc(100% + 10px);

  opacity: 1;
  pointer-events: auto;
}

/* سربرگ */
.gk-estate-message-head {
  display: flex;
  align-items: center;

  gap: 7px;

  margin-bottom: 10px;

  color: #ffffff;

  font-size: 10px;
}

/* متن پیام */
.gk-estate-message-sheet textarea {
  width: 100%;
  height: 95px;

  padding: 9px;

  box-sizing: border-box;
  resize: none;

  border: 1px solid #275f91;
  border-radius: 8px;

  outline: none;

  background: #041426;
  color: #ffffff;

  font-size: 9px;
  line-height: 1.8;
}

/* پایین */
.gk-estate-message-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 8px;

  margin-top: 9px;
}

/* شمارنده */
#gkEstateMessageCount {
  color: #7697b6;

  font-size: 7px;
}

/* ارسال */
#gkEstateMessageSend {
  height: 30px;

  padding: 0 14px;

  border: 1px solid #58b0fa;
  border-radius: 7px;

  background: #125c96;
  color: #ffffff;

  font-size: 8px;
  font-weight: 700;

  cursor: pointer;
}

#gkEstateMessageSend:hover {
  background: #1978bd;
}

/* موبایل */
@media (max-width: 700px) {
  .gk-estate-message-sheet {
    position: static;

    width: 100%;

    margin-top: 12px;

    transform: none;

    display: none;

    opacity: 1;
  }

  .gk-estate-message-sheet.active {
    display: block;
  }
}
/* پیام موفقیت */
.gk-estate-success-modal {
  position: fixed;
  inset: 0;
  z-index: 15000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 15px;

  background: rgba(0, 6, 16, 0.72);
  backdrop-filter: blur(6px);
}

.gk-estate-success-modal.active {
  display: flex;
}

/* کادر موفقیت */
.gk-estate-success-box {
  width: min(320px, 92%);

  padding: 24px 18px;

  box-sizing: border-box;
  text-align: center;

  border: 1px solid #398bd2;
  border-radius: 15px;

  background: linear-gradient(145deg, #071b35, #020b18);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.65),
    0 0 22px rgba(50, 145, 235, 0.2);

  direction: rtl;
}

/* تیک */
.gk-estate-success-icon {
  width: 46px;
  height: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 auto 12px;

  border: 1px solid #63bdff;
  border-radius: 50%;

  background: #0d4e8b;
  color: #ffffff;

  font-size: 23px;
}

/* عنوان */
.gk-estate-success-box h3 {
  margin: 0 0 8px;

  color: #ffffff;

  font-size: 14px;
}

/* متن */
.gk-estate-success-box p {
  margin: 0;

  color: #a9c5dd;

  font-size: 9px;
  line-height: 1.9;
}

/* بازگشت */
.gk-estate-success-box > span {
  display: block;

  margin-top: 12px;

  color: #65b8f8;

  font-size: 8px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-success-box {
    width: 94%;
    padding: 20px 14px;
  }
}
/* کارت تماس */
.gk-estate-call-sheet {
  position: absolute;
  top: 50%;
  left: -280px;
  z-index: 20;

  width: 260px;
  padding: 16px;

  box-sizing: border-box;

  border: 1px solid #347fbd;
  border-radius: 12px;

  background: linear-gradient(145deg, #08213d, #03101f);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.6),
    0 0 18px rgba(60, 150, 230, 0.2);

  transform: translateY(-50%);

  opacity: 0;
  pointer-events: none;

  transition:
    left 0.35s ease,
    opacity 0.25s ease;

  direction: rtl;
}

/* باز */
.gk-estate-call-sheet.active {
  left: calc(100% + 10px);

  opacity: 1;
  pointer-events: auto;
}

/* سربرگ */
.gk-estate-call-head {
  display: flex;
  align-items: center;

  gap: 8px;

  padding-bottom: 10px;
  margin-bottom: 12px;

  border-bottom: 1px solid rgba(80, 165, 235, 0.2);

  color: #ffffff;
  font-size: 10px;
}

/* انتظار */
.gk-estate-call-wait {
  padding: 8px 4px;

  text-align: center;
}

/* لودر */
.gk-estate-call-loader {
  width: 38px;
  height: 38px;

  margin: 2px auto 12px;

  border: 3px solid rgba(90, 180, 255, 0.18);
  border-top-color: #63bdff;
  border-radius: 50%;

  animation: gkEstateCallSpin 0.8s linear infinite;
}

/* چرخش */
@keyframes gkEstateCallSpin {
  to {
    transform: rotate(360deg);
  }
}

/* عنوان */
.gk-estate-call-wait h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 11px;
}

/* متن */
.gk-estate-call-wait p {
  margin: 0;

  color: #91aec7;

  font-size: 8px;
  line-height: 1.8;
}

/* موبایل */
@media (max-width: 700px) {
  .gk-estate-call-sheet {
    position: static;

    display: none;

    width: 100%;
    margin-top: 12px;

    transform: none;
    opacity: 1;
  }

  .gk-estate-call-sheet.active {
    display: block;
  }
}
/* متن تماس */
.gk-estate-call-text {
  margin: 4px 0 12px;

  color: #91aec7;

  font-size: 9px;
  line-height: 1.8;

  text-align: center;
}

/* شروع تماس */
.gk-estate-call-start {
  width: 100%;
  height: 36px;

  border: 1px solid #58b0fa;
  border-radius: 8px;

  background: linear-gradient(135deg, #1769aa, #0b477d);

  color: #ffffff;

  font-size: 9px;
  font-weight: 700;

  cursor: pointer;
}

/* هاور */
.gk-estate-call-start:hover {
  background: #1978bd;

  box-shadow: 0 0 12px rgba(70, 170, 255, 0.25);
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-call-start {
    height: 38px;
  }
}
/* اتصال تماس */
.gk-estate-connecting-modal {
  position: fixed;
  inset: 0;
  z-index: 16000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 15px;

  background: rgba(0, 6, 16, 0.82);
  backdrop-filter: blur(7px);
}

.gk-estate-connecting-modal.active {
  display: flex;
}

/* کادر اتصال */
.gk-estate-connecting-box {
  width: min(320px, 92%);

  padding: 26px 18px;

  box-sizing: border-box;
  text-align: center;

  border: 1px solid #398bd2;
  border-radius: 16px;

  background: linear-gradient(145deg, #071b35, #020b18);

  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.7),
    0 0 24px rgba(50, 145, 235, 0.2);

  direction: rtl;
}

/* لودر */
.gk-estate-connecting-loader {
  width: 44px;
  height: 44px;

  margin: 0 auto 14px;

  border: 4px solid rgba(90, 180, 255, 0.18);
  border-top-color: #63bdff;
  border-radius: 50%;

  animation: gkConnectingSpin 0.8s linear infinite;
}

/* چرخش */
@keyframes gkConnectingSpin {
  to {
    transform: rotate(360deg);
  }
}

/* عنوان */
.gk-estate-connecting-box h3 {
  margin: 0 0 7px;

  color: #ffffff;

  font-size: 13px;
}

/* انتظار */
.gk-estate-connecting-box p {
  margin: 0 0 8px;

  color: #69bcff;

  font-size: 10px;
}

/* توضیح */
.gk-estate-connecting-box span {
  color: #829fb9;

  font-size: 8px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-estate-connecting-box {
    width: 94%;
    padding: 22px 14px;
  }
}
/* پنجره استخدامی */
.gk-jobs-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 14px;

  background: rgba(0, 8, 5, 0.78);
  backdrop-filter: blur(7px);
}

.gk-jobs-modal.active {
  display: flex;
}

/* کادر استخدامی */
.gk-jobs-window {
  position: relative;

  width: min(800px, 92%);
  height: 450px;

  overflow: hidden;

  border: 1.5px solid #d4a83f;
  border-radius: 16px;

  background: linear-gradient(145deg, #0a281a, #03150d);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.7),
    0 0 14px rgba(212, 168, 63, 0.18);

  outline: 1px solid rgba(46, 160, 98, 0.12);
}
/* بستن */
.gk-jobs-close {
  position: absolute;
  top: 21px;
  left: 21px;
  z-index: 35;

  width: 26px;
  height: 26px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #d4a83f;
  border-radius: 50%;

  background: #0b2a1c;

  color: #e5bc59;
  font-size: 15px;
  line-height: 1;

  cursor: pointer;
}

/* محتوا */
.gk-jobs-content {
  width: calc(100% - 5px);
  height: 100%;

  margin-left: 5px;

  box-sizing: border-box;
  padding: 16px;

  overflow-y: auto;

  direction: rtl;
}
/* موبایل */
@media (max-width: 600px) {
  .gk-jobs-window {
    width: 96%;
    height: 78vh;

    border-radius: 13px;
  }

  .gk-jobs-content {
    padding: 11px;
  }

  .gk-jobs-close {
    top: 7px;
    left: 7px;

    width: 30px;
    height: 30px;
  }
}
/* هدر استخدامی */
.gk-jobs-hero {
  min-height: 90px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 14px 55px 14px 20px;
  box-sizing: border-box;

  border: 1px solid rgba(212, 168, 63, 0.7);
  border-radius: 13px;

  background: linear-gradient(135deg, #103522, #061a10);

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.35),
    inset 0 0 18px rgba(50, 160, 95, 0.08);

  direction: rtl;
}

/* اطلاعات */
.gk-jobs-hero-info {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gk-jobs-hero-icon {
  font-size: 28px;
}

.gk-jobs-hero-info h2 {
  margin: 0 0 4px;

  color: #e7bd59;
  font-size: 19px;
}

.gk-jobs-hero-info p {
  margin: 0;

  color: #b9cec0;
  font-size: 9px;
}

/* متن */
.gk-jobs-hero-text {
  display: flex;
  flex-direction: column;
  gap: 3px;

  color: #dcb24f;
  font-size: 10px;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-jobs-hero {
    min-height: 78px;

    padding: 11px 46px 11px 12px;
  }

  .gk-jobs-hero-icon {
    font-size: 23px;
  }

  .gk-jobs-hero-info h2 {
    font-size: 16px;
  }

  .gk-jobs-hero-info p {
    font-size: 7px;
  }

  .gk-jobs-hero-text {
    font-size: 8px;
  }
}
/* فیلترها */
.gk-jobs-tools {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 8px;

  margin-top: 10px;
  padding: 8px;

  border: 1px solid rgba(212, 168, 63, 0.35);
  border-radius: 11px;

  background: rgba(4, 24, 15, 0.75);
}

/* ورودی‌ها */
.gk-jobs-tools input,
.gk-jobs-tools select {
  width: 100%;
  height: 35px;

  box-sizing: border-box;
  padding: 0 10px;

  border: 1px solid #3b8d61;
  border-radius: 8px;
  outline: none;

  background: linear-gradient(145deg, #103522, #071c12);

  color: #ffffff;

  font-size: 9px;
  font-family: inherit;

  transition: 0.25s;
}

/* جستجو */
.gk-jobs-tools input::placeholder {
  color: #91aa9b;
}

/* هاور */
.gk-jobs-tools input:hover,
.gk-jobs-tools select:hover {
  border-color: #d4a83f;
}

/* فوکوس */
.gk-jobs-tools input:focus,
.gk-jobs-tools select:focus {
  border-color: #e5bc59;

  box-shadow: 0 0 10px rgba(212, 168, 63, 0.18);
}

/* گزینه‌ها */
.gk-jobs-tools option {
  background: #092218;
  color: #ffffff;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-jobs-tools {
    grid-template-columns: 1fr 1fr;

    padding: 6px;
    gap: 6px;
  }

  .gk-jobs-tools input {
    grid-column: 1 / -1;
  }

  .gk-jobs-tools input,
  .gk-jobs-tools select {
    height: 36px;
    font-size: 8px;
  }
} /* لیست استخدامی */
.gk-jobs-list {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 12px;

  margin-top: 10px;

  box-sizing: border-box;
}

/* کارت شغل */
.gk-job-card {
  position: relative;

  padding: 10px;
  box-sizing: border-box;

  border: 1px solid rgba(212, 168, 63, 0.55);
  border-radius: 10px;

  background: linear-gradient(145deg, #103522, #061b11);

  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.3);

  text-align: center;

  transition: 0.25s;
}

/* هاور */
.gk-job-card:hover {
  transform: translateY(-3px);

  border-color: #e5bc59;

  box-shadow:
    0 10px 22px rgba(0, 0, 0, 0.4),
    0 0 12px rgba(212, 168, 63, 0.12);
}

/* وضعیت */
.gk-job-badge {
  position: absolute;
  top: 7px;
  right: 7px;

  padding: 3px 6px;

  border-radius: 10px;

  background: #198754;
  color: #ffffff;

  font-size: 7px;
}

.gk-job-badge.part {
  background: #2563a8;
}

/* آیکن */
.gk-job-icon {
  margin-top: 13px;

  font-size: 24px;
}

/* عنوان */
.gk-job-card h3 {
  margin: 5px 0 2px;

  color: #f2f2f2;

  font-size: 11px;
}

/* شرکت */
.gk-job-card p {
  margin: 0 0 7px;

  color: #9db6a7;

  font-size: 7px;
}

/* اطلاعات */
.gk-job-meta {
  display: flex;
  justify-content: space-between;
  gap: 4px;

  margin-bottom: 7px;

  color: #8da696;

  font-size: 6px;
}

/* مشاهده */
.gk-job-view {
  width: 100%;
  height: 25px;

  border: 1px solid #d4a83f;
  border-radius: 6px;

  background: #071d12;

  color: #e7bd59;

  font-size: 7px;

  cursor: pointer;

  transition: 0.2s;
}

.gk-job-view:hover {
  background: #d4a83f;
  color: #07150e;
}

/* تبلت */
@media (max-width: 800px) {
  .gk-jobs-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* موبایل */
@media (max-width: 500px) {
  .gk-jobs-list {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .gk-job-card {
    padding: 10px 12px;
  }

  .gk-job-icon {
    font-size: 22px;
  }
}
/* اسکرول استخدامی */
.gk-jobs-content {
  scrollbar-width: thin;
  scrollbar-color: #d4a83f transparent;
}

.gk-jobs-content::-webkit-scrollbar {
  width: 11px;
}

.gk-jobs-content::-webkit-scrollbar-track {
  background: transparent;
}

.gk-jobs-content::-webkit-scrollbar-thumb {
  background: #d4a83f;

  border-left: 5px solid transparent;
  background-clip: padding-box;

  border-radius: 10px;
}

.gk-jobs-content::-webkit-scrollbar-thumb:hover {
  background-color: #f0ca68;
}
/* فاصله اسکرول */
.gk-jobs-content::-webkit-scrollbar-track {
  margin-top: 14px;
  margin-bottom: 14px;

  background: transparent;
}

.gk-jobs-content::-webkit-scrollbar-thumb {
  background: #d4a83f;
  border-radius: 10px;
}
.gk-jobs-content::-webkit-scrollbar {
  width: 6px;
}
/* جزئیات استخدامی */
.gk-job-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 12500;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 14px;

  background: rgba(0, 8, 5, 0.82);
  backdrop-filter: blur(8px);
}

.gk-job-detail-modal.active {
  display: flex;
}

/* کادر */
.gk-job-detail-window {
  position: relative;

  width: min(720px, 94%);
  max-height: 88vh;

  overflow-y: auto;

  box-sizing: border-box;
  padding: 20px;

  border: 1.5px solid #d4a83f;
  border-radius: 18px;

  background: linear-gradient(145deg, #0b2b1c, #03150d);

  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.72),
    0 0 18px rgba(212, 168, 63, 0.2);

  direction: rtl;
}

/* بستن */
.gk-job-detail-close {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;

  width: 30px;
  height: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #d4a83f;
  border-radius: 50%;

  background: #0a2418;
  color: #e7bd59;

  font-size: 17px;
  cursor: pointer;
}

/* سربرگ */
.gk-job-detail-head {
  display: flex;
  align-items: center;
  gap: 16px;

  padding: 16px 48px 16px 16px;

  border: 1px solid rgba(212, 168, 63, 0.55);
  border-radius: 14px;

  background: rgba(8, 35, 23, 0.8);
}

.gk-job-detail-logo {
  width: 82px;
  height: 82px;

  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #d4a83f;
  border-radius: 14px;

  background: #092218;

  font-size: 38px;
}

.gk-job-detail-title h2 {
  margin: 7px 0 4px;

  color: #e7bd59;
  font-size: 20px;
}

.gk-job-detail-title p {
  margin: 0 0 6px;

  color: #d8e4dc;
  font-size: 10px;
}

.gk-job-detail-badge {
  display: inline-block;

  padding: 4px 9px;

  border-radius: 12px;

  background: #168552;
  color: #fff;

  font-size: 8px;
}

.gk-job-detail-location {
  color: #9fb6a7;
  font-size: 9px;
}

/* اطلاعات */
.gk-job-detail-info {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;

  margin-top: 10px;
}

.gk-job-detail-info-item {
  padding: 11px 8px;

  border: 1px solid rgba(212, 168, 63, 0.35);
  border-radius: 11px;

  background: rgba(5, 27, 17, 0.75);

  text-align: center;
}

.gk-job-detail-info-item span {
  display: block;

  margin-bottom: 5px;

  color: #d4a83f;
  font-size: 8px;
}

.gk-job-detail-info-item strong {
  color: #fff;
  font-size: 9px;
}

/* متن */
.gk-job-detail-box {
  margin-top: 10px;
  padding: 13px 15px;

  border: 1px solid rgba(212, 168, 63, 0.35);
  border-radius: 11px;

  background: rgba(4, 24, 15, 0.72);
}

.gk-job-detail-box h3 {
  margin: 0 0 8px;

  color: #e7bd59;
  font-size: 11px;
}

.gk-job-detail-box p,
.gk-job-detail-box li {
  color: #d3dfd7;
  font-size: 9px;
  line-height: 1.9;
}

.gk-job-detail-box ul {
  margin: 0;
  padding-right: 18px;
}

/* ارتباط */
.gk-job-contact-btn {
  width: 100%;
  height: 42px;

  margin-top: 12px;

  border: 1px solid #e5bc59;
  border-radius: 10px;

  background: #0a2117;

  color: #f0ca68;
  font-family: inherit;
  font-size: 10px;
  font-weight: bold;

  cursor: pointer;
  transition: 0.2s;
}

.gk-job-contact-btn:hover {
  background: #d4a83f;
  color: #06150e;
}

/* موبایل */
@media (max-width: 600px) {
  .gk-job-detail-window {
    width: 96%;
    max-height: 90vh;

    padding: 14px;
  }

  .gk-job-detail-head {
    padding: 14px 42px 14px 12px;
    gap: 10px;
  }

  .gk-job-detail-logo {
    width: 58px;
    height: 58px;

    font-size: 28px;
  }

  .gk-job-detail-title h2 {
    font-size: 16px;
  }

  .gk-job-detail-info {
    grid-template-columns: 1fr 1fr;
  }
}
/* ارتباط استخدامی */
.gk-job-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 14px;

  background: rgba(0, 8, 5, 0.84);
  backdrop-filter: blur(8px);
}

.gk-job-contact-modal.active {
  display: flex;
}

/* کادر */
.gk-job-contact-window {
  position: relative;

  width: min(440px, 94%);

  box-sizing: border-box;
  padding: 20px;

  border: 1.5px solid #d4a83f;
  border-radius: 16px;

  background: linear-gradient(145deg, #0b2b1c, #03150d);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.7),
    0 0 16px rgba(212, 168, 63, 0.18);

  direction: rtl;
}

/* بستن */
.gk-job-contact-close {
  position: absolute;
  top: 11px;
  left: 11px;

  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #d4a83f;
  border-radius: 50%;

  background: #092218;
  color: #e7bd59;

  font-size: 16px;
  cursor: pointer;
}

/* عنوان */
.gk-job-contact-head {
  display: flex;
  align-items: center;
  gap: 10px;

  padding-left: 35px;
  margin-bottom: 14px;
}

.gk-job-contact-head > span {
  font-size: 28px;
}

.gk-job-contact-head h3 {
  margin: 0 0 4px;

  color: #e7bd59;
  font-size: 15px;
}

.gk-job-contact-head p {
  margin: 0;

  color: #9fb6a7;
  font-size: 8px;
}

/* گزینه‌ها */
.gk-job-contact-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.gk-job-contact-action {
  min-height: 90px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;

  padding: 10px;

  border: 1px solid rgba(212, 168, 63, 0.45);
  border-radius: 12px;

  background: linear-gradient(145deg, #103522, #061b11);

  color: #fff;
  font-family: inherit;

  cursor: pointer;
  transition: 0.25s;
}

.gk-job-contact-action:hover {
  transform: translateY(-2px);

  border-color: #e5bc59;

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.35),
    0 0 10px rgba(212, 168, 63, 0.14);
}

.gk-job-contact-action > span {
  font-size: 25px;
}

.gk-job-contact-action div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gk-job-contact-action strong {
  color: #e7bd59;
  font-size: 10px;
}

.gk-job-contact-action small {
  color: #9fb6a7;
  font-size: 7px;
  line-height: 1.7;
}

/* امنیت */
.gk-job-contact-note {
  margin: 12px 0 0;

  padding: 8px;

  border-radius: 8px;

  background: rgba(212, 168, 63, 0.06);

  color: #8fa697;
  font-size: 7px;
  text-align: center;
}

/* موبایل */
@media (max-width: 500px) {
  .gk-job-contact-window {
    width: 96%;
    padding: 16px;
  }

  .gk-job-contact-actions {
    grid-template-columns: 1fr;
  }

  .gk-job-contact-action {
    min-height: 76px;
  }
}
/* پنجره تماس */
.gk-job-call-panel {
  position: fixed;

  top: 50%;
  left: calc(50% + 235px);

  z-index: 13100;

  width: 250px;

  box-sizing: border-box;
  padding: 16px;

  border: 1.5px solid #d4a83f;
  border-radius: 14px;

  background: linear-gradient(145deg, #0b2b1c, #03150d);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.65),
    0 0 14px rgba(212, 168, 63, 0.18);

  direction: rtl;

  opacity: 0;
  visibility: hidden;

  transform: translate(45px, -180px) scale(0.96);

  transition:
    transform 0.45s ease,
    opacity 0.3s ease,
    visibility 0.3s;
}

/* باز */
.gk-job-call-panel.active {
  opacity: 1;
  visibility: visible;

  transform: translate(0, -50%) scale(1);
}

/* بستن */
.gk-job-call-close {
  position: absolute;
  top: 8px;
  left: 8px;

  width: 24px;
  height: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #d4a83f;
  border-radius: 50%;

  background: #092218;
  color: #e7bd59;

  font-size: 14px;

  cursor: pointer;
}

/* عنوان */
.gk-job-call-head {
  display: flex;
  align-items: center;
  gap: 9px;

  padding-left: 25px;
  margin-bottom: 12px;
}

.gk-job-call-head > span {
  font-size: 25px;
}

.gk-job-call-head h3 {
  margin: 0 0 3px;

  color: #e7bd59;
  font-size: 12px;
}

.gk-job-call-head p {
  margin: 0;

  color: #93aa9b;
  font-size: 7px;
}

/* توضیح */
.gk-job-call-text {
  padding: 10px;

  border: 1px solid rgba(212, 168, 63, 0.25);
  border-radius: 9px;

  background: rgba(4, 24, 15, 0.7);
}

.gk-job-call-text p {
  margin: 0 0 6px;

  color: #d8e3dc;
  font-size: 8px;
  line-height: 1.8;
}

.gk-job-call-text span {
  color: #82998a;
  font-size: 7px;
}

/* دکمه تماس */
.gk-job-call-start {
  width: 100%;
  height: 36px;

  margin-top: 10px;

  border: 1px solid #d4a83f;
  border-radius: 8px;

  background: #0a2117;

  color: #e7bd59;
  font-family: inherit;
  font-size: 9px;

  cursor: pointer;

  transition: 0.2s;
}

.gk-job-call-start:hover {
  background: #d4a83f;
  color: #06150e;
}

/* موبایل */
@media (max-width: 700px) {
  .gk-job-call-panel {
    top: 12px;
    left: 50%;

    width: calc(100% - 28px);
    max-width: 400px;

    transform: translate(-50%, -120px) scale(0.96);
  }

  .gk-job-call-panel.active {
    transform: translate(-50%, 0) scale(1);
  }
} /* اتصال تماس */
.gk-job-connecting-modal {
  position: fixed;
  inset: 0;
  z-index: 14000;

  display: none;
  align-items: center;
  justify-content: center;

  background: rgba(0, 8, 5, 0.82);
  backdrop-filter: blur(8px);
}

.gk-job-connecting-modal.active {
  display: flex;
}

/* کادر اتصال */
.gk-job-connecting-box {
  width: min(300px, 88%);

  box-sizing: border-box;
  padding: 24px 18px;

  border: 1.5px solid #d4a83f;
  border-radius: 16px;

  background: linear-gradient(145deg, #0b2b1c, #03150d);

  box-shadow:
    0 20px 45px rgba(0, 0, 0, 0.7),
    0 0 16px rgba(212, 168, 63, 0.2);

  text-align: center;
  direction: rtl;
}

/* لودر */
.gk-job-connecting-loader {
  width: 42px;
  height: 42px;

  margin: 0 auto 14px;

  border: 4px solid rgba(212, 168, 63, 0.18);
  border-top-color: #e5bc59;
  border-radius: 50%;

  animation: gkJobConnectingSpin 0.8s linear infinite;
}

@keyframes gkJobConnectingSpin {
  to {
    transform: rotate(360deg);
  }
}

.gk-job-connecting-box h3 {
  margin: 0 0 7px;

  color: #e7bd59;
  font-size: 14px;
}

.gk-job-connecting-box p {
  margin: 0 0 8px;

  color: #ffffff;
  font-size: 9px;
}

.gk-job-connecting-box span {
  color: #8fa697;
  font-size: 7px;
}

/* موبایل */
@media (max-width: 500px) {
  .gk-job-connecting-box {
    width: 86%;
    padding: 20px 15px;
  }
}
/* پنجره پیام */
.gk-job-message-panel {
  position: fixed;

  top: 50%;
  right: calc(50% + 235px);

  z-index: 13100;

  width: 270px;

  box-sizing: border-box;
  padding: 16px;

  border: 1.5px solid #d4a83f;
  border-radius: 14px;

  background: linear-gradient(145deg, #0b2b1c, #03150d);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.65),
    0 0 14px rgba(212, 168, 63, 0.18);

  direction: rtl;

  opacity: 0;
  visibility: hidden;

  transform: translate(-45px, 180px) scale(0.96);

  transition:
    transform 0.45s ease,
    opacity 0.3s ease,
    visibility 0.3s;
}

/* باز */
.gk-job-message-panel.active {
  opacity: 1;
  visibility: visible;

  transform: translate(0, -50%) scale(1);
}

/* عنوان */
.gk-job-message-head {
  display: flex;
  align-items: center;
  gap: 9px;

  margin-bottom: 12px;
}

.gk-job-message-head > span {
  font-size: 25px;
}

.gk-job-message-head h3 {
  margin: 0 0 3px;

  color: #e7bd59;
  font-size: 12px;
}

.gk-job-message-head p {
  margin: 0;

  color: #93aa9b;
  font-size: 7px;
}

/* متن پیام */
.gk-job-message-panel textarea {
  width: 100%;
  height: 95px;

  resize: none;

  box-sizing: border-box;
  padding: 10px;

  border: 1px solid rgba(212, 168, 63, 0.4);
  border-radius: 9px;
  outline: none;

  background: #061b11;

  color: #ffffff;
  font-family: inherit;
  font-size: 9px;

  direction: rtl;
}

.gk-job-message-panel textarea::placeholder {
  color: #819889;
}

.gk-job-message-panel textarea:focus {
  border-color: #e5bc59;

  box-shadow: 0 0 10px rgba(212, 168, 63, 0.14);
}

/* ارسال */
.gk-job-message-send {
  width: 100%;
  height: 36px;

  margin-top: 9px;

  border: 1px solid #d4a83f;
  border-radius: 8px;

  background: #0a2117;

  color: #e7bd59;
  font-family: inherit;
  font-size: 9px;

  cursor: pointer;

  transition: 0.2s;
}

.gk-job-message-send:hover {
  background: #d4a83f;
  color: #06150e;
}

/* موفقیت پیام */
.gk-job-message-success {
  position: fixed;
  inset: 0;

  z-index: 14000;

  display: none;
  align-items: center;
  justify-content: center;

  background: rgba(0, 8, 5, 0.82);
  backdrop-filter: blur(8px);
}

.gk-job-message-success.active {
  display: flex;
}

/* کادر موفقیت */
.gk-job-message-success-box {
  width: min(300px, 88%);

  box-sizing: border-box;
  padding: 23px 18px;

  border: 1.5px solid #d4a83f;
  border-radius: 16px;

  background: linear-gradient(145deg, #0b2b1c, #03150d);

  box-shadow:
    0 20px 45px rgba(0, 0, 0, 0.7),
    0 0 16px rgba(212, 168, 63, 0.2);

  text-align: center;
  direction: rtl;
}

/* تیک */
.gk-job-message-success-box > span {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 auto 10px;

  border: 1px solid #d4a83f;
  border-radius: 50%;

  background: #123d28;

  color: #e7bd59;
  font-size: 22px;
}

.gk-job-message-success-box h3 {
  margin: 0 0 7px;

  color: #e7bd59;
  font-size: 14px;
}

.gk-job-message-success-box p {
  margin: 0;

  color: #b5c8bc;
  font-size: 8px;
  line-height: 1.8;
}

/* موبایل */
@media (max-width: 700px) {
  .gk-job-message-panel {
    top: auto;
    right: 50%;
    bottom: 12px;

    width: calc(100% - 28px);
    max-width: 400px;

    transform: translate(50%, 120px) scale(0.96);
  }

  .gk-job-message-panel.active {
    transform: translate(50%, 0) scale(1);
  }
}
/* اسکرول جزئیات استخدامی */
.gk-job-detail-window {
  scrollbar-width: thin;
  scrollbar-color: #d4a83f transparent;
}

/* غلتک */
.gk-job-detail-window::-webkit-scrollbar {
  width: 6px;
}

/* مسیر */
.gk-job-detail-window::-webkit-scrollbar-track {
  margin-top: 14px;
  margin-bottom: 14px;

  background: transparent;
}

/* دسته */
.gk-job-detail-window::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #e5bc59, #9f7624);

  border-radius: 20px;
}

/* هاور */
.gk-job-detail-window::-webkit-scrollbar-thumb:hover {
  background: #f0ca68;
}
/* =========================
   پنجره خدمات
========================= */

.gk-services-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(0, 0, 0, 0.76);
  backdrop-filter: blur(8px);

  box-sizing: border-box;
}

/* باز شدن */
.gk-services-modal.active {
  display: flex;
}

/* قاب اصلی */
.gk-services-window {
  position: relative;

  width: min(900px, 94%);
  max-height: 88vh;

  overflow: hidden;
  direction: rtl;

  border: 1.5px solid #ff8a1f;
  border-radius: 18px;

  background: linear-gradient(145deg, #351506, #160802);

  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.7),
    0 0 28px rgba(255, 112, 20, 0.22);
}

/* محتوا */
.gk-services-content {
  width: 100%;
  max-height: 88vh;

  padding: 22px;

  overflow-y: auto;

  box-sizing: border-box;
}

/* ضربدر */
.gk-services-close {
  position: absolute;
  top: 12px;
  left: 14px;

  z-index: 5;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #ff8a1f;
  border-radius: 50%;

  background: #2b1004;
  color: #ffad55;

  font-size: 22px;
  line-height: 1;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-services-close:hover {
  color: #1a0902;
  background: #ff8a1f;

  box-shadow: 0 0 18px rgba(255, 138, 31, 0.5);

  transform: rotate(90deg);
}

/* =========================
   هدر خدمات
========================= */

.gk-services-hero {
  min-height: 135px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 22px 28px;
  margin-bottom: 18px;

  border: 1px solid rgba(255, 138, 31, 0.6);
  border-radius: 16px;

  background:
    radial-gradient(
      circle at 15% 50%,
      rgba(255, 151, 54, 0.2),
      transparent 38%
    ),
    linear-gradient(135deg, #4a1c07, #1c0a02);

  box-shadow:
    inset 0 0 25px rgba(255, 119, 15, 0.06),
    0 8px 25px rgba(0, 0, 0, 0.25);

  box-sizing: border-box;
}

/* عنوان */
.gk-services-hero-title {
  display: flex;
  align-items: center;

  gap: 14px;
}

/* آیکون */
.gk-services-hero-icon {
  width: 58px;
  height: 58px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ff922b;
  border-radius: 14px;

  background: linear-gradient(
    145deg,
    rgba(255, 139, 31, 0.22),
    rgba(255, 94, 0, 0.08)
  );

  box-shadow: 0 0 18px rgba(255, 120, 20, 0.18);

  font-size: 30px;
}

/* تیتر */
.gk-services-hero h2 {
  margin: 0 0 6px;

  color: #ff9d3d;

  font-size: 29px;

  text-shadow: 0 0 12px rgba(255, 122, 20, 0.25);
}

/* توضیح */
.gk-services-hero p {
  margin: 0;

  color: #ffd2ad;

  font-size: 14px;
}

/* نوشته سمت دیگر */
.gk-services-hero-badge {
  display: flex;
  flex-direction: column;

  gap: 5px;

  padding: 11px 16px;

  border-right: 2px solid #ff7a18;
}

.gk-services-hero-badge strong {
  color: #ff9d3d;

  font-size: 15px;
}

.gk-services-hero-badge span {
  color: #dca77b;

  font-size: 12px;
}

/* =========================
   اسکرول خدمات
========================= */

.gk-services-content {
  scrollbar-width: thin;
  scrollbar-color: #ff8a1f transparent;
}

.gk-services-content::-webkit-scrollbar {
  width: 6px;
}

.gk-services-content::-webkit-scrollbar-track {
  margin-top: 14px;
  margin-bottom: 14px;

  background: transparent;
}

.gk-services-content::-webkit-scrollbar-thumb {
  border-radius: 20px;

  background: linear-gradient(180deg, #ffad55, #e85c00);
}

.gk-services-content::-webkit-scrollbar-thumb:hover {
  background: #ffb45f;
}

/* =========================
   گوشی
========================= */

@media (max-width: 600px) {
  .gk-services-modal {
    padding: 10px;
  }

  .gk-services-window {
    width: 100%;
    max-height: 92vh;
  }

  .gk-services-content {
    max-height: 92vh;
    padding: 16px;
  }

  .gk-services-hero {
    min-height: 115px;

    padding: 18px 16px;

    gap: 10px;
  }

  .gk-services-hero-title {
    gap: 9px;
  }

  .gk-services-hero-icon {
    width: 46px;
    height: 46px;

    font-size: 24px;
  }

  .gk-services-hero h2 {
    font-size: 23px;
  }

  .gk-services-hero p {
    font-size: 11px;
  }

  .gk-services-hero-badge {
    padding: 8px 10px;
  }

  .gk-services-hero-badge strong {
    font-size: 12px;
  }

  .gk-services-hero-badge span {
    font-size: 10px;
  }
}
/* دسته‌بندی خدمات */
.gk-services-categories {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 12px;

  box-sizing: border-box;
}

/* کارت */
.gk-service-category {
  min-height: 125px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 7px;

  padding: 14px 10px;

  border: 1px solid rgba(255, 138, 31, 0.4);
  border-radius: 14px;

  background: linear-gradient(
    145deg,
    rgba(92, 34, 5, 0.72),
    rgba(35, 12, 2, 0.92)
  );

  color: #fff;

  cursor: pointer;

  box-sizing: border-box;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* آیکون */
.gk-service-category-icon {
  font-size: 30px;
}

/* عنوان */
.gk-service-category strong {
  color: #ff9d3d;

  font-size: 14px;

  text-align: center;
}

/* توضیح */
.gk-service-category small {
  color: #cda987;

  font-size: 10px;

  text-align: center;
  line-height: 1.7;
}

/* هاور */
.gk-service-category:hover {
  transform: translateY(-4px);

  border-color: #ff9d3d;

  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.35),
    0 0 16px rgba(255, 122, 20, 0.18);
}

/* تبلت */
@media (max-width: 800px) {
  .gk-services-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* گوشی */
@media (max-width: 500px) {
  .gk-services-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;
  }

  .gk-service-category {
    min-height: 110px;

    padding: 10px 7px;
  }

  .gk-service-category-icon {
    font-size: 25px;
  }

  .gk-service-category strong {
    font-size: 12px;
  }

  .gk-service-category small {
    font-size: 9px;
  }
}
/* =========================
   لیست آگهی خدمات
========================= */

.gk-services-list-page {
  display: none;
  width: 100%;
}

/* فعال */
.gk-services-list-page.active {
  display: block;
}

/* سربرگ لیست */
.gk-services-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding: 14px 16px;
  margin-bottom: 12px;

  border: 1px solid rgba(255, 138, 31, 0.45);
  border-radius: 14px;

  background: linear-gradient(
    145deg,
    rgba(79, 28, 5, 0.82),
    rgba(29, 9, 2, 0.95)
  );
}

.gk-services-list-head h3 {
  margin: 0 0 4px;

  color: #ff9d3d;
  font-size: 20px;
}

.gk-services-list-head p {
  margin: 0;

  color: #d3aa84;
  font-size: 11px;
}

/* برگشت */
.gk-services-back {
  padding: 8px 13px;

  border: 1px solid #ff8a1f;
  border-radius: 9px;

  background: rgba(255, 122, 24, 0.08);
  color: #ffad55;

  font-size: 12px;
  cursor: pointer;

  transition: 0.25s ease;
}

.gk-services-back:hover {
  background: #ff8a1f;
  color: #1b0801;

  box-shadow: 0 0 15px rgba(255, 138, 31, 0.35);
}

/* =========================
   فیلترها
========================= */

.gk-services-filters {
  display: grid;

  grid-template-columns:
    minmax(0, 2fr)
    minmax(120px, 1fr)
    minmax(120px, 1fr);

  gap: 9px;

  margin-bottom: 12px;
}

.gk-services-filters input,
.gk-services-filters select {
  width: 100%;
  height: 38px;

  padding: 0 11px;

  border: 1px solid rgba(255, 138, 31, 0.4);
  border-radius: 9px;

  outline: none;

  background: #210b02;
  color: #f5dfca;

  font-size: 11px;

  box-sizing: border-box;
}

.gk-services-filters input::placeholder {
  color: #a97d5a;
}

.gk-services-filters input:focus,
.gk-services-filters select:focus {
  border-color: #ff9d3d;

  box-shadow: 0 0 10px rgba(255, 138, 31, 0.18);
}

/* =========================
   کارت آگهی
========================= */

.gk-services-ads {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 10px;
}

.gk-service-ad {
  min-width: 0;

  display: flex;
  flex-direction: column;

  padding: 13px;

  border: 1px solid rgba(255, 138, 31, 0.38);
  border-radius: 13px;

  background: linear-gradient(
    145deg,
    rgba(74, 25, 4, 0.82),
    rgba(26, 8, 1, 0.96)
  );

  box-sizing: border-box;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.gk-service-ad:hover {
  transform: translateY(-3px);

  border-color: #ff922b;

  box-shadow:
    0 8px 22px rgba(0, 0, 0, 0.35),
    0 0 14px rgba(255, 122, 20, 0.14);
}

/* آیکون */
.gk-service-ad-icon {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 10px;

  border: 1px solid rgba(255, 157, 61, 0.6);
  border-radius: 11px;

  background: rgba(255, 125, 20, 0.1);

  font-size: 23px;
}

.gk-service-ad-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 10px;
}

/* اطلاعات */
.gk-service-ad-info {
  flex: 1;
}

.gk-service-ad-info h4 {
  margin: 0 0 6px;

  color: #ffad55;
  font-size: 14px;
}

.gk-service-ad-info p {
  margin: 0 0 10px;

  color: #c7a587;

  font-size: 10px;
  line-height: 1.8;
}

/* منطقه و زمان */
.gk-service-ad-meta {
  display: flex;
  justify-content: space-between;

  gap: 8px;

  margin-bottom: 11px;

  color: #aa8060;
  font-size: 9px;
}

/* مشاهده جزئیات */
.gk-service-view {
  width: 100%;

  padding: 8px;

  border: 1px solid #ff8a1f;
  border-radius: 8px;

  background: linear-gradient(135deg, #ff8a1f, #e85c00);

  color: #1a0801;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-service-view:hover {
  transform: translateY(-1px);

  box-shadow: 0 0 15px rgba(255, 138, 31, 0.35);
}

/* =========================
   تبلت
========================= */

@media (max-width: 800px) {
  .gk-services-ads {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================
   گوشی
========================= */

@media (max-width: 500px) {
  .gk-services-list-head {
    padding: 11px;
  }

  .gk-services-list-head h3 {
    font-size: 16px;
  }

  .gk-services-filters {
    grid-template-columns: 1fr;
  }

  .gk-services-ads {
    grid-template-columns: 1fr;
  }

  .gk-service-ad {
    padding: 11px;
  }
}
/* =========================
   جزئیات خدمات
========================= */

.gk-service-detail-modal {
  position: fixed;
  inset: 0;
  z-index: 12500;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 18px;

  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(8px);

  box-sizing: border-box;
}

.gk-service-detail-modal.active {
  display: flex;
}

/* قاب */
.gk-service-detail-window {
  position: relative;

  width: min(720px, 94%);
  max-height: 88vh;

  padding: 22px;

  overflow-y: auto;
  direction: rtl;

  border: 1.5px solid #ff8a1f;
  border-radius: 18px;

  background: linear-gradient(145deg, #351506, #160802);

  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.7),
    0 0 25px rgba(255, 122, 20, 0.2);

  box-sizing: border-box;
}

/* ضربدر */
.gk-service-detail-close {
  position: absolute;
  top: 12px;
  left: 14px;

  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #ff8a1f;
  border-radius: 50%;

  background: #291003;
  color: #ffad55;

  font-size: 22px;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-service-detail-close:hover {
  background: #ff8a1f;
  color: #1a0801;

  transform: rotate(90deg);
}

/* بالای پنجره */
.gk-service-detail-head {
  display: flex;
  align-items: center;

  gap: 15px;

  padding: 14px;
  margin-bottom: 14px;

  border: 1px solid rgba(255, 138, 31, 0.4);
  border-radius: 14px;

  background: rgba(255, 122, 20, 0.06);
}

/* آیکون */
.gk-service-detail-icon {
  width: 58px;
  height: 58px;

  flex-shrink: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ff922b;
  border-radius: 14px;

  background: rgba(255, 138, 31, 0.12);

  font-size: 30px;
}

/* عنوان */
.gk-service-detail-title h2 {
  margin: 5px 0;

  color: #ffad55;

  font-size: 22px;
}

.gk-service-detail-title p {
  margin: 0 0 5px;

  color: #d0a786;

  font-size: 11px;
}

.gk-service-detail-badge {
  display: inline-block;

  padding: 4px 8px;

  border-radius: 20px;

  background: rgba(255, 138, 31, 0.13);
  color: #ff9d3d;

  font-size: 9px;
}

.gk-service-detail-location {
  color: #b98b68;

  font-size: 10px;
}

/* اطلاعات */
.gk-service-detail-info {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 9px;

  margin-bottom: 13px;
}

.gk-service-detail-info-item {
  display: flex;
  flex-direction: column;

  gap: 6px;

  padding: 11px;

  border: 1px solid rgba(255, 138, 31, 0.28);
  border-radius: 10px;

  background: rgba(31, 9, 1, 0.75);
}

.gk-service-detail-info-item span {
  color: #b58a68;

  font-size: 9px;
}

.gk-service-detail-info-item strong {
  color: #ffad55;

  font-size: 11px;
}

/* باکس توضیحات */
.gk-service-detail-box {
  padding: 13px 15px;
  margin-bottom: 11px;

  border: 1px solid rgba(255, 138, 31, 0.27);
  border-radius: 11px;

  background: rgba(25, 7, 1, 0.7);
}

.gk-service-detail-box h3 {
  margin: 0 0 8px;

  color: #ff9d3d;

  font-size: 13px;
}

.gk-service-detail-box p,
.gk-service-detail-box li {
  color: #d0ae91;

  font-size: 10px;
  line-height: 1.9;
}

.gk-service-detail-box ul {
  margin: 0;
  padding-right: 18px;
}

/* ارتباط */
.gk-service-contact-btn {
  width: 100%;

  padding: 11px;

  border: 1px solid #ff9d3d;
  border-radius: 10px;

  background: linear-gradient(135deg, #ff922b, #e85c00);

  color: #1a0801;

  font-weight: 700;
  font-size: 12px;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-service-contact-btn:hover {
  transform: translateY(-2px);

  box-shadow: 0 0 18px rgba(255, 138, 31, 0.35);
}

/* غلتک */
.gk-service-detail-window {
  scrollbar-width: thin;
  scrollbar-color: #ff8a1f transparent;
}

.gk-service-detail-window::-webkit-scrollbar {
  width: 6px;
}

.gk-service-detail-window::-webkit-scrollbar-track {
  margin-top: 14px;
  margin-bottom: 14px;

  background: transparent;
}

.gk-service-detail-window::-webkit-scrollbar-thumb {
  border-radius: 20px;

  background: linear-gradient(#ffad55, #e85c00);
}

/* =========================
   گوشی
========================= */

@media (max-width: 600px) {
  .gk-service-detail-modal {
    padding: 10px;
  }

  .gk-service-detail-window {
    width: 100%;
    max-height: 92vh;

    padding: 16px;
  }

  .gk-service-detail-head {
    padding: 11px;
  }

  .gk-service-detail-icon {
    width: 48px;
    height: 48px;

    font-size: 25px;
  }

  .gk-service-detail-title h2 {
    font-size: 18px;
  }

  .gk-service-detail-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ارتباط خدمات */
.gk-service-contact-modal {
  position: fixed;
  inset: 0;
  z-index: 13000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 15px;

  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(8px);

  box-sizing: border-box;
}

.gk-service-contact-modal.active {
  display: flex;
}

/* قاب */
.gk-service-contact-window {
  position: relative;

  width: min(440px, 94%);

  padding: 20px;

  border: 1.5px solid #ff8a1f;
  border-radius: 16px;

  background: linear-gradient(145deg, #351506, #160802);

  box-shadow:
    0 20px 55px rgba(0, 0, 0, 0.7),
    0 0 22px rgba(255, 122, 20, 0.2);

  direction: rtl;
  box-sizing: border-box;
}

/* بستن */
.gk-service-contact-close {
  position: absolute;
  top: 11px;
  left: 12px;

  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid #ff8a1f;
  border-radius: 50%;

  background: #291003;
  color: #ffad55;

  font-size: 21px;
  cursor: pointer;

  transition: 0.25s ease;
}

.gk-service-contact-close:hover {
  background: #ff8a1f;
  color: #1a0801;

  transform: rotate(90deg);
}

/* عنوان */
.gk-service-contact-head {
  display: flex;
  align-items: center;

  gap: 11px;

  padding-bottom: 14px;
  margin-bottom: 14px;

  border-bottom: 1px solid rgba(255, 138, 31, 0.25);
}

.gk-service-contact-head > span {
  width: 45px;
  height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 138, 31, 0.5);
  border-radius: 12px;

  background: rgba(255, 138, 31, 0.1);

  font-size: 23px;
}

.gk-service-contact-head h3 {
  margin: 0 0 4px;

  color: #ffad55;
  font-size: 17px;
}

.gk-service-contact-head p {
  margin: 0;

  color: #b98b68;
  font-size: 10px;
}

/* روش‌ها */
.gk-service-contact-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 10px;
}

/* دکمه */
.gk-service-contact-action {
  min-height: 105px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 7px;

  padding: 12px;

  border: 1px solid rgba(255, 138, 31, 0.38);
  border-radius: 12px;

  background: rgba(48, 15, 2, 0.75);
  color: #fff;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-service-contact-action:hover {
  border-color: #ff9d3d;

  background: rgba(255, 122, 20, 0.1);

  transform: translateY(-3px);

  box-shadow: 0 0 15px rgba(255, 122, 20, 0.15);
}

.gk-service-contact-action > span {
  font-size: 27px;
}

.gk-service-contact-action div {
  display: flex;
  flex-direction: column;

  gap: 4px;

  text-align: center;
}

.gk-service-contact-action strong {
  color: #ffad55;
  font-size: 12px;
}

.gk-service-contact-action small {
  color: #ad8261;
  font-size: 8px;
  line-height: 1.7;
}

/* حریم */
.gk-service-contact-note {
  margin: 13px 0 0;

  padding: 9px;

  border-radius: 8px;

  background: rgba(255, 138, 31, 0.06);

  color: #9e7556;

  font-size: 8px;
  text-align: center;
}

/* گوشی */
@media (max-width: 500px) {
  .gk-service-contact-window {
    width: 100%;

    padding: 17px;
  }

  .gk-service-contact-actions {
    grid-template-columns: 1fr;
  }

  .gk-service-contact-action {
    min-height: 85px;
  }
}
/* پیام خدمات */
.gk-service-message-panel {
  position: fixed;
  top: 50%;
  right: calc(50% + 235px);
  z-index: 13100;

  width: 270px;
  padding: 16px;

  border: 1.5px solid #ff8a1f;
  border-radius: 14px;

  background: linear-gradient(145deg, #351506, #160802);

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.65),
    0 0 20px rgba(255, 122, 20, 0.18);

  direction: rtl;
  box-sizing: border-box;

  opacity: 0;
  visibility: hidden;

  transform: translate(-45px, 180px) scale(0.96);

  transition:
    transform 0.45s ease,
    opacity 0.3s ease,
    visibility 0.3s;
}

/* فعال */
.gk-service-message-panel.active {
  opacity: 1;
  visibility: visible;

  transform: translate(0, -50%) scale(1);
}

/* عنوان */
.gk-service-message-head {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-bottom: 12px;
}

.gk-service-message-head > span {
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ff8a1f;
  border-radius: 10px;

  background: rgba(255, 138, 31, 0.1);

  font-size: 21px;
}

.gk-service-message-head h3 {
  margin: 0 0 3px;

  color: #ffad55;
  font-size: 14px;
}

.gk-service-message-head p {
  margin: 0;

  color: #ad8261;
  font-size: 8px;
}

/* متن */
#gkServiceMessageText {
  width: 100%;
  height: 105px;

  padding: 10px;

  resize: none;
  outline: none;

  border: 1px solid rgba(255, 138, 31, 0.35);
  border-radius: 9px;

  background: #210b02;
  color: #f5dfca;

  font-family: inherit;
  font-size: 11px;

  box-sizing: border-box;
}

#gkServiceMessageText:focus {
  border-color: #ff9d3d;

  box-shadow: 0 0 10px rgba(255, 138, 31, 0.16);
}

#gkServiceMessageText::placeholder {
  color: #91694c;
}

/* ارسال */
.gk-service-message-send {
  width: 100%;

  margin-top: 9px;
  padding: 9px;

  border: 1px solid #ff9d3d;
  border-radius: 9px;

  background: linear-gradient(135deg, #ff922b, #e85c00);

  color: #1a0801;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-service-message-send:hover {
  transform: translateY(-2px);

  box-shadow: 0 0 16px rgba(255, 138, 31, 0.35);
}

/* موفقیت */
.gk-service-message-success {
  position: fixed;
  inset: 0;
  z-index: 14000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 15px;

  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(8px);
}

.gk-service-message-success.active {
  display: flex;
}

/* باکس */
.gk-service-message-success-box {
  width: min(300px, 92%);

  padding: 24px 18px;

  border: 1.5px solid #ff8a1f;
  border-radius: 15px;

  background: linear-gradient(145deg, #351506, #160802);

  text-align: center;
  direction: rtl;

  box-shadow: 0 0 25px rgba(255, 122, 20, 0.2);
}

.gk-service-message-success-box > span {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 auto 12px;

  border: 1px solid #ff9d3d;
  border-radius: 50%;

  background: rgba(255, 138, 31, 0.12);
  color: #ffad55;

  font-size: 25px;
}

.gk-service-message-success-box h3 {
  margin: 0 0 7px;

  color: #ffad55;
  font-size: 16px;
}

.gk-service-message-success-box p {
  margin: 0;

  color: #c79d7b;
  font-size: 10px;
  line-height: 1.8;
}

/* گوشی */
@media (max-width: 700px) {
  .gk-service-message-panel {
    top: auto;
    right: 50%;
    bottom: 12px;

    width: calc(100% - 28px);
    max-width: 400px;

    transform: translate(50%, 120px) scale(0.96);
  }

  .gk-service-message-panel.active {
    transform: translate(50%, 0) scale(1);
  }
}
/* تماس خدمات */
.gk-service-call-panel {
  position: fixed;
  top: 50%;
  left: calc(50% + 235px);
  z-index: 13100;

  width: 250px;
  padding: 16px;

  border: 1.5px solid #ff8a1f;
  border-radius: 14px;

  background: linear-gradient(145deg, #351506, #160802);

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.65),
    0 0 20px rgba(255, 122, 20, 0.18);

  direction: rtl;

  opacity: 0;
  visibility: hidden;

  transform: translate(45px, -180px) scale(0.96);

  transition:
    transform 0.45s ease,
    opacity 0.3s ease,
    visibility 0.3s;
}

/* فعال */
.gk-service-call-panel.active {
  opacity: 1;
  visibility: visible;

  transform: translate(0, -50%) scale(1);
}

/* عنوان */
.gk-service-call-head {
  display: flex;
  align-items: center;

  gap: 10px;
  margin-bottom: 12px;
}

.gk-service-call-head > span {
  width: 40px;
  height: 40px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #ff8a1f;
  border-radius: 10px;

  background: rgba(255, 138, 31, 0.1);

  font-size: 21px;
}

.gk-service-call-head h3 {
  margin: 0 0 3px;

  color: #ffad55;
  font-size: 14px;
}

.gk-service-call-head p {
  margin: 0;

  color: #ad8261;
  font-size: 8px;
}

/* متن */
.gk-service-call-text {
  padding: 11px;
  margin-bottom: 11px;

  border: 1px solid rgba(255, 138, 31, 0.25);
  border-radius: 9px;

  background: rgba(255, 138, 31, 0.05);
}

.gk-service-call-text p {
  margin: 0 0 6px;

  color: #d6b091;
  font-size: 10px;
}

.gk-service-call-text span {
  color: #9e7556;
  font-size: 8px;
}

/* تماس */
.gk-service-call-start {
  width: 100%;

  padding: 9px;

  border: 1px solid #ff9d3d;
  border-radius: 9px;

  background: linear-gradient(135deg, #ff922b, #e85c00);

  color: #1a0801;

  font-size: 11px;
  font-weight: 700;

  cursor: pointer;
}

/* گوشی */
@media (max-width: 700px) {
  .gk-service-call-panel {
    top: 12px;
    left: 50%;

    width: calc(100% - 28px);
    max-width: 400px;

    transform: translate(-50%, -120px) scale(0.96);
  }

  .gk-service-call-panel.active {
    transform: translate(-50%, 0) scale(1);
  }
}
/* اتصال تماس */
.gk-service-connecting-modal {
  position: fixed;
  inset: 0;
  z-index: 14000;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 15px;

  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(8px);
}

/* فعال */
.gk-service-connecting-modal.active {
  display: flex;
}

/* باکس */
.gk-service-connecting-box {
  width: min(320px, 92%);

  padding: 28px 20px;

  border: 1.5px solid #ff8a1f;
  border-radius: 16px;

  background: linear-gradient(145deg, #351506, #160802);

  text-align: center;
  direction: rtl;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.65),
    0 0 25px rgba(255, 138, 31, 0.2);
}

/* لودر */
.gk-service-connecting-loader {
  width: 48px;
  height: 48px;

  margin: 0 auto 16px;

  border: 4px solid rgba(255, 138, 31, 0.18);
  border-top-color: #ff922b;
  border-radius: 50%;

  animation: gkServiceCallSpin 0.8s linear infinite;
}

@keyframes gkServiceCallSpin {
  to {
    transform: rotate(360deg);
  }
}

/* عنوان */
.gk-service-connecting-box h3 {
  margin: 0 0 7px;

  color: #ffad55;
  font-size: 16px;
}

/* متن */
.gk-service-connecting-box p {
  margin: 0 0 7px;

  color: #e1b994;
  font-size: 11px;
}

.gk-service-connecting-box span {
  display: block;

  color: #9f7658;
  font-size: 9px;
  line-height: 1.8;
}

/* گوشی */
@media (max-width: 500px) {
  .gk-service-connecting-box {
    width: calc(100% - 20px);
    padding: 24px 16px;
  }

  .gk-service-connecting-loader {
    width: 42px;
    height: 42px;
  }

  .gk-service-connecting-box h3 {
    font-size: 14px;
  }
}
/* دیجیتال */
.gk-digital-market {
  width: calc(100% - 40px);

  margin: 20px auto;
  padding: 22px;

  direction: rtl;
  box-sizing: border-box;

  border: 2px solid #5f3a24;
  border-radius: 22px;

  background: linear-gradient(145deg, #f8f4eb, #eadcc8);

  color: #4b2e1c;

  box-shadow: 0 14px 35px rgba(63, 37, 20, 0.12);
}

/* ویژه */
.gk-digital-featured {
  width: 100%;

  padding: 18px;

  border: 1px solid #8a5a35;
  border-radius: 18px;

  background: linear-gradient(145deg, #f6efe4, #e7d5bc);

  box-sizing: border-box;
}

/* عنوان */
.gk-digital-featured-head {
  margin-bottom: 16px;
}

.gk-digital-featured-head h2 {
  margin: 0;

  color: #5f3a24;

  font-size: 22px;
  font-weight: 800;
}
/* لیست ویژه */
.gk-digital-featured-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
/* کارت */
.gk-digital-featured-card {
  min-width: 0;

  padding: 10px;

  border: 1px solid #b58b65;
  border-radius: 15px;

  background: #fbf8f2;

  text-align: center;
  cursor: pointer;

  box-shadow: 0 7px 18px rgba(72, 43, 22, 0.08);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* روشن */
.gk-digital-featured-card:hover {
  transform: translateY(-5px);

  background: #efd7bd;

  border-color: #95613d;

  box-shadow: 0 13px 26px rgba(87, 52, 28, 0.17);
}

/* کلیک */
.gk-digital-featured-card:active {
  transform: translateY(-2px) scale(0.98);

  background: #dfb993;

  border-color: #744725;
}

/* عکس */
.gk-digital-featured-card img {
  width: 100%;
  height: 180px;

  display: block;

  object-fit: contain;

  border-radius: 11px;

  background: linear-gradient(145deg, #f5f1e9, #ebe3d7);
}

/* نام */
.gk-digital-featured-card h3 {
  margin: 10px 0 6px;

  color: #2e2118;

  font-size: 14px;
  font-weight: 800;

  direction: ltr;
}

/* مکان */
.gk-digital-featured-card p {
  margin: 0 0 10px;

  color: #725a47;
  font-size: 11px;
}

/* دکمه‌ها */
.gk-digital-featured-actions {
  display: grid;

  grid-template-columns: 1fr 0.7fr;

  gap: 7px;
}

.gk-digital-featured-actions button {
  min-height: 35px;

  padding: 7px 5px;

  border: 1px solid #9d704a;
  border-radius: 9px;

  font-family: inherit;
  font-size: 10px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

/* اطلاعات */
.gk-digital-featured-actions button:first-child {
  background: #fffaf3;
  color: #5c3a23;
}

.gk-digital-featured-actions button:first-child:hover {
  background: #e5c29e;
}

/* خرید */
.gk-digital-featured-actions button:last-child {
  background: linear-gradient(135deg, #b9824a, #744725);

  color: #fffaf2;
}

.gk-digital-featured-actions button:last-child:hover {
  background: linear-gradient(135deg, #ca985f, #865331);

  transform: translateY(-2px);
}

/* فیلتر */
.gk-digital-filters {
  width: 100%;

  display: grid;

  grid-template-columns: 2fr 1fr 1fr;

  gap: 10px;

  margin-top: 16px;
  padding: 14px;

  border: 1px solid #a98260;
  border-radius: 16px;

  background: linear-gradient(145deg, #f8f2e8, #eadcc8);

  box-sizing: border-box;
}

/* ورودی */
.gk-digital-filters input,
.gk-digital-filters select {
  width: 100%;
  min-height: 42px;

  padding: 0 12px;

  border: 1px solid #c5a98b;
  border-radius: 10px;

  background: #fffaf3;
  color: #4b3527;

  font-family: inherit;
  font-size: 12px;

  outline: none;
  cursor: pointer;

  box-sizing: border-box;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* فعال */
.gk-digital-filters input:focus,
.gk-digital-filters select:focus {
  background: #ead2b8;

  border-color: #a66f43;

  box-shadow: 0 0 0 3px rgba(166, 111, 67, 0.12);
}

/* placeholder */
.gk-digital-filters input::placeholder {
  color: #9b816b;
}

/* تبلت */
@media (max-width: 1000px) {
  .gk-digital-featured-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* گوشی */
@media (max-width: 650px) {
  .gk-digital-market {
    width: calc(100% - 20px);

    margin: 10px auto;
    padding: 10px;

    border-radius: 16px;
  }

  .gk-digital-featured {
    padding: 12px;
  }

  .gk-digital-featured-head h2 {
    font-size: 18px;
  }

  .gk-digital-featured-list {
    display: flex;

    gap: 10px;

    overflow-x: auto;

    padding-bottom: 8px;
  }

  .gk-digital-featured-card {
    flex: 0 0 78%;
  }

  .gk-digital-featured-card img {
    height: 190px;
  }

  .gk-digital-filters {
    grid-template-columns: 1fr;

    padding: 10px;
  }
}
/* آگهی‌ها */
.gk-digital-ads {
  width: 100%;

  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));

  gap: 10px;

  margin-top: 16px;

  box-sizing: border-box;
}

/* کارت */
.gk-digital-ad {
  width: 100%;
  min-width: 0;

  overflow: hidden;

  border: 1px solid #a97953;
  border-radius: 14px;

  background: linear-gradient(145deg, #fffaf3, #eee0cc);

  box-shadow: 0 7px 18px rgba(72, 43, 22, 0.08);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

/* روشن */
.gk-digital-ad:hover {
  transform: translateY(-4px);

  background: linear-gradient(145deg, #f2dcc3, #e1bf9d);

  box-shadow: 0 11px 22px rgba(72, 43, 22, 0.15);
}

/* عکس */
.gk-digital-ad-image {
  width: 100%;
  height: 135px;

  padding: 7px;

  box-sizing: border-box;

  background: #f6efe5;
}

.gk-digital-ad-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;

  border-radius: 9px;
}

/* محتوا */
.gk-digital-ad-content {
  padding: 9px;
}

/* نام */
.gk-digital-ad-content h3 {
  margin: 0 0 7px;

  color: #342217;

  font-size: 12px;
  font-weight: 800;

  text-align: center;
  direction: ltr;
}

/* قیمت */
.gk-digital-ad-price {
  margin: 0 0 8px;

  color: #704421;

  font-size: 10px;
  font-weight: 800;

  text-align: center;
}

/* اطلاعات */
.gk-digital-ad-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 4px;

  margin-bottom: 9px;

  color: #806650;
  font-size: 8px;
}

/* دکمه */
.gk-digital-ad-view {
  width: 100%;
  min-height: 33px;

  padding: 5px;

  border: 1px solid #875431;
  border-radius: 8px;

  background: linear-gradient(135deg, #bd8a55, #744725);

  color: #fffaf3;

  font-family: inherit;
  font-size: 9px;
  font-weight: 700;

  cursor: pointer;

  transition: 0.25s ease;
}

.gk-digital-ad-view:hover {
  transform: translateY(-2px);

  background: linear-gradient(135deg, #d0a06d, #875533);
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-digital-ads {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* تبلت */
@media (max-width: 800px) {
  .gk-digital-ads {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* گوشی */
@media (max-width: 520px) {
  .gk-digital-ads {
    grid-template-columns: 1fr;
  }

  .gk-digital-ad-image {
    height: 190px;
  }
}
/* غلتک آگهی‌ها */
.gk-digital-ads {
  max-height: 620px;

  overflow-y: auto;
  overflow-x: hidden;

  padding-left: 8px;

  scrollbar-width: thin;
  scrollbar-color: #80502f #eadcc8;
}

/* غلتک */
.gk-digital-ads::-webkit-scrollbar {
  width: 7px;
}

.gk-digital-ads::-webkit-scrollbar-track {
  background: #eadcc8;

  border-radius: 10px;

  margin-top: 12px;
  margin-bottom: 12px;
}

.gk-digital-ads::-webkit-scrollbar-thumb {
  background: linear-gradient(#a56f46, #684027);

  border-radius: 10px;
}

.gk-digital-ads::-webkit-scrollbar-thumb:hover {
  background: #56331f;
}

/* گوشی */
@media (max-width: 520px) {
  .gk-digital-ads {
    max-height: 650px;

    padding-left: 5px;
  }
}
/* هدر دیجیتال */
.gk-digital-header {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

/* لوگو */
.gk-digital-logo {
  width: 280px;
  min-height: 95px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  box-sizing: border-box;
  border: 1px solid #8a5a35;
  border-radius: 16px;
  background: linear-gradient(145deg, #f7eee1, #dfc3a3);
  box-shadow: 0 8px 20px rgba(72, 43, 22, 0.12);
}

/* آیکن */
.gk-digital-logo-icon {
  width: 55px;
  height: 55px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #5f3a24;
  font-size: 30px;
  box-shadow: 0 6px 14px rgba(72, 43, 22, 0.18);
}

/* نوشته */
.gk-digital-logo-text h2 {
  margin: 0 0 5px;
  color: #4b2e1c;
  font-size: 19px;
  font-weight: 900;
}

.gk-digital-logo-text p {
  margin: 0;
  color: #8a674d;
  font-size: 12px;
  font-weight: 700;
}

/* عکس */
.gk-digital-header-image {
  width: 280px;
  min-height: 95px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #8a5a35;
  border-radius: 16px;
  background: linear-gradient(145deg, #ead9c3, #cfa982);
  box-shadow: 0 8px 20px rgba(72, 43, 22, 0.12);
}

.gk-digital-header-image img {
  width: 100%;
  height: 100%;
  min-height: 95px;
  display: block;
  object-fit: cover;
}

/* گوشی */
@media (max-width: 650px) {
  .gk-digital-header {
    gap: 8px;
  }

  .gk-digital-logo,
  .gk-digital-header-image {
    width: calc(50% - 4px);
    min-height: 75px;
  }

  .gk-digital-logo {
    padding: 9px;
    gap: 7px;
  }

  .gk-digital-logo-icon {
    width: 40px;
    height: 40px;
    font-size: 21px;
    border-radius: 10px;
  }

  .gk-digital-logo-text h2 {
    font-size: 12px;
  }

  .gk-digital-logo-text p {
    font-size: 9px;
  }

  .gk-digital-header-image img {
    min-height: 75px;
  }
}
/* لوگوی متحرک */
.gk-digital-motion-logo {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #5f3a24;
}

/* حلقه */
.gk-digital-motion-ring {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  position: relative;
  border-radius: 50%;
  background: #f7eee1;
  box-shadow: 0 6px 18px rgba(72, 43, 22, 0.15);
}

/* خط متحرک */
.gk-digital-motion-ring::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #704421;
  border-right-color: #c99766;
  animation: gkDigitalSpin 3s linear infinite;
}

/* موبایل */
.gk-digital-motion-ring span {
  font-size: 29px;
  animation: gkDigitalFloat 2s ease-in-out infinite;
}

/* نوشته */
.gk-digital-motion-logo strong {
  font-size: 17px;
  font-weight: 900;
}

/* چرخش */
@keyframes gkDigitalSpin {
  to {
    transform: rotate(360deg);
  }
}

/* حرکت */
@keyframes gkDigitalFloat {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

/* گوشی */
@media (max-width: 650px) {
  .gk-digital-motion-logo {
    gap: 5px;
  }

  .gk-digital-motion-ring {
    width: 38px;
    height: 38px;
  }

  .gk-digital-motion-ring span {
    font-size: 18px;
  }

  .gk-digital-motion-logo strong {
    display: none;
  }
}
/* حرکت ویژه */
.gk-digital-featured-card {
  animation: gkDigitalCardIn 0.55s ease;
}

@keyframes gkDigitalCardIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
/* ===== پنجره جمع‌وجور آگهی ویژه ===== */
.gk-df-modal,
.gk-df-modal * {
  box-sizing: border-box;
}

.gk-df-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;

  display: grid;
  place-items: center;
  padding: 15px;

  background: rgba(45, 32, 22, 0.7);
  backdrop-filter: blur(7px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
}

.gk-df-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gk-df-window {
  position: relative;
  width: min(980px, 95%);
  max-height: 92vh;
  overflow-y: auto;

  padding: 18px;
  direction: rtl;

  color: #493323;
  background: linear-gradient(145deg, #fffdf8, #ead8bd);
  border: 1px solid #b99a72;
  border-radius: 19px;
  box-shadow: 0 20px 55px rgba(45, 30, 18, 0.35);

  transform: scale(0.95);
  transition: 0.25s;
}

.gk-df-modal.active .gk-df-window {
  transform: scale(1);
}

.gk-df-close {
  position: absolute;
  top: 11px;
  left: 12px;

  width: 35px;
  height: 35px;

  color: #4c3321;
  background: #fffaf1;
  border: 1px solid #d1b995;
  border-radius: 9px;

  font-size: 23px;
  cursor: pointer;
}

.gk-df-heading {
  margin: 0 0 14px;
  color: #604027;
  text-align: center;
  font-size: 20px;
}

.gk-df-layout {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 14px;
}

.gk-df-gallery,
.gk-df-info {
  padding: 12px;
  background: rgba(255, 253, 248, 0.78);
  border: 1px solid #d8c3a4;
  border-radius: 14px;
}

.gk-df-main-image {
  position: relative;
  height: 310px;
  overflow: hidden;

  background: #e6d3b8;
  border-radius: 11px;
}

.gk-df-main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.gk-df-main-image span {
  position: absolute;
  top: 9px;
  left: 9px;

  padding: 4px 8px;
  color: white;
  background: rgba(63, 43, 28, 0.75);
  border-radius: 15px;
  font-size: 10px;
}

.gk-df-thumbnails {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  margin-top: 8px;
}

.gk-df-thumbnails button {
  height: 65px;
  padding: 2px;

  background: #ead8bd;
  border: 2px solid transparent;
  border-radius: 9px;
  cursor: pointer;
}

.gk-df-thumbnails button.active {
  border-color: #a66c2e;
}

.gk-df-thumbnails img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.gk-df-badge {
  display: inline-block;
  padding: 5px 9px;

  color: #87591e;
  background: #fff5d8;
  border: 1px solid #d6ae63;
  border-radius: 7px;

  font-size: 11px;
  font-weight: bold;
}

.gk-df-info > h3 {
  margin: 12px 0 5px;
  color: #292018;
  font-size: 21px;
  direction: ltr;
  text-align: right;
}

.gk-df-price {
  display: block;
  padding-bottom: 11px;

  color: #704823;
  border-bottom: 1px solid #ddcbb2;
  font-size: 17px;
}

.gk-df-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;

  padding: 11px 0;
  border-bottom: 1px solid #ddcbb2;

  font-size: 9px;
  font-weight: bold;
}

.gk-df-description {
  padding: 9px 0;
}

.gk-df-description h4,
.gk-df-description p,
.gk-df-seller h4 {
  margin: 0 0 5px;
}

.gk-df-description p {
  color: #705d4c;
  font-size: 10px;
  line-height: 1.8;
}

.gk-df-seller {
  display: grid;
  gap: 4px;
  padding: 10px;

  background: #f8eddd;
  border: 1px solid #d8c3a4;
  border-radius: 10px;

  font-size: 10px;
}

.gk-df-seller span,
.gk-df-seller small {
  color: #7c6855;
}

.gk-df-contact {
  display: block;
  width: 210px;
  min-height: 38px;
  margin: 11px auto 0;

  color: #5b3a22;
  background: #fffaf1;
  border: 1px solid #9f7448;
  border-radius: 9px;

  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}

.gk-df-contact:hover {
  color: white;
  background: #755034;
  transform: translateY(-2px);
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-df-window {
    width: min(900px, 96%);
  }

  .gk-df-main-image {
    height: 280px;
  }
}

/* تبلت */
@media (max-width: 800px) {
  .gk-df-window {
    width: min(650px, 96%);
  }

  .gk-df-layout {
    grid-template-columns: 1fr;
  }

  .gk-df-main-image {
    height: 260px;
  }
}

/* گوشی */
@media (max-width: 600px) {
  .gk-df-modal {
    padding: 6px;
  }

  .gk-df-window {
    width: 100%;
    padding: 12px 8px;
    border-radius: 14px;
  }

  .gk-df-heading {
    padding: 0 38px;
    font-size: 15px;
  }

  .gk-df-gallery,
  .gk-df-info {
    padding: 8px;
  }

  .gk-df-main-image {
    height: 210px;
  }

  .gk-df-thumbnails button {
    height: 50px;
  }

  .gk-df-info > h3 {
    font-size: 18px;
  }

  .gk-df-specs {
    grid-template-columns: 1fr;
  }

  .gk-df-contact {
    width: 70%;
  }
}
/* ===== ارتباط با فروشنده دیجیتال ===== */
.gk-dfc-modal,
.gk-dfc-modal * {
  box-sizing: border-box;
}

.gk-dfc-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;

  display: grid;
  place-items: center;
  padding: 15px;

  background: rgba(46, 32, 21, 0.72);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.gk-dfc-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* پنجره اصلی */
.gk-dfc-window {
  position: relative;
  width: min(400px, 94%);
  padding: 20px;

  direction: rtl;
  text-align: center;

  color: #503722;
  background: linear-gradient(145deg, #fffdf8, #e7d1b2);
  border: 1px solid #b89162;
  border-radius: 18px;
  box-shadow: 0 22px 60px rgba(42, 27, 16, 0.4);

  transform: translateY(15px) scale(0.95);
  transition: 0.35s;
}

.gk-dfc-modal.active .gk-dfc-window {
  transform: translateY(0) scale(1);
}

/* حرکت پنجره اصلی هنگام بازشدن پیام */
.gk-dfc-modal.message-open .gk-dfc-window {
  transform: translateX(-180px);
}

.gk-dfc-close {
  position: absolute;
  top: 10px;
  left: 11px;

  width: 34px;
  height: 34px;

  color: #503722;
  background: #fffaf1;
  border: 1px solid #d0b995;
  border-radius: 9px;

  font-size: 23px;
  cursor: pointer;
}

.gk-dfc-avatar {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin: 4px auto 9px;

  color: #fff9ef;
  background: #795234;
  border-radius: 50%;
  font-size: 27px;
}

.gk-dfc-window h3 {
  margin: 7px 0;
  font-size: 19px;
}

.gk-dfc-location {
  display: block;
  margin-top: 6px;
  color: #80694f;
  font-size: 11px;
}

.gk-dfc-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 16px;
}

.gk-dfc-actions button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 11px;

  text-align: right;
  color: #543820;
  background: #fff9ef;
  border: 1px solid #bd986c;
  border-radius: 11px;

  font-family: inherit;
  cursor: pointer;
  transition: 0.2s;
}

.gk-dfc-actions button:hover {
  background: #d9b98e;
  transform: translateY(-2px);
}

.gk-dfc-actions strong,
.gk-dfc-actions small {
  display: block;
}

.gk-dfc-actions small {
  margin-top: 3px;
  color: #8a735c;
  font-size: 9px;
}

.gk-dfc-icon {
  font-size: 21px;
}

.gk-dfc-security {
  margin: 14px 0 0;
  padding: 9px;

  color: #74604c;
  background: rgba(255, 250, 240, 0.65);
  border-radius: 9px;

  font-size: 9px;
  line-height: 1.8;
}

/* ===== پنجره جداگانه پیام ===== */
.gk-dfc-message-window {
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);

  width: 330px;
  padding: 18px;
  direction: rtl;

  color: #503722;
  background: linear-gradient(145deg, #fffdf8, #dec29d);
  border: 1px solid #ae8253;
  border-radius: 17px;
  box-shadow: 0 20px 55px rgba(42, 27, 16, 0.38);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translate(70px, 100px) scale(0.92);
  transition: 0.4s ease;
}

.gk-dfc-message-window.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0, -50%) scale(1);
}

.gk-dfc-message-window h3 {
  margin: 8px 0 14px;
  text-align: center;
  font-size: 18px;
}

.gk-dfc-message-back {
  color: #755034;
  background: transparent;
  border: 0;

  font-family: inherit;
  cursor: pointer;
}

.gk-dfc-message-window textarea {
  width: 100%;
  height: 125px;
  resize: none;
  padding: 11px;

  color: #503722;
  background: #fffaf2;
  border: 1px solid #c49d6e;
  border-radius: 10px;

  font-family: inherit;
  outline: none;
}

.gk-dfc-message-window textarea:focus {
  border-color: #805533;
  box-shadow: 0 0 0 3px rgba(128, 85, 51, 0.12);
}

.gk-dfc-send {
  display: block;
  width: 190px;
  min-height: 40px;
  margin: 13px auto 0;

  color: white;
  background: linear-gradient(135deg, #9a6d42, #624029);
  border: 0;
  border-radius: 9px;

  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
}

/* ===== پنجره موفقیت ===== */
.gk-dfc-success-modal {
  position: fixed;
  inset: 0;
  z-index: 100001;

  display: grid;
  place-items: center;
  padding: 15px;

  background: rgba(46, 32, 21, 0.72);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.gk-dfc-success-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gk-dfc-success-window {
  width: min(350px, 92%);
  padding: 27px 20px;

  text-align: center;
  color: #503722;
  background: linear-gradient(145deg, #fffdf8, #dfc39e);
  border: 1px solid #ad8154;
  border-radius: 17px;
  box-shadow: 0 20px 55px rgba(42, 27, 16, 0.4);

  transform: scale(0.9);
  transition: 0.3s;
}

.gk-dfc-success-modal.active .gk-dfc-success-window {
  transform: scale(1);
}

.gk-dfc-success-window span {
  width: 55px;
  height: 55px;
  display: grid;
  place-items: center;
  margin: 0 auto 11px;

  color: white;
  background: #795234;
  border-radius: 50%;
  font-size: 29px;
}

.gk-dfc-success-window h3 {
  margin: 0;
  font-size: 16px;
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-dfc-modal.message-open .gk-dfc-window {
    transform: translateX(-170px);
  }

  .gk-dfc-message-window {
    width: 310px;
  }
}

/* تبلت و گوشی */
@media (max-width: 850px) {
  .gk-dfc-modal.message-open .gk-dfc-window {
    transform: translateY(-110px) scale(0.92);
  }

  .gk-dfc-message-window {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;

    width: auto;
    transform: translateY(120%);
  }

  .gk-dfc-message-window.active {
    transform: translateY(0);
  }
}

/* گوشی */
@media (max-width: 600px) {
  .gk-dfc-modal {
    padding: 7px;
  }

  .gk-dfc-window {
    width: 100%;
    padding: 17px 11px;
  }

  .gk-dfc-actions {
    grid-template-columns: 1fr 1fr;
  }

  .gk-dfc-message-window {
    padding: 14px 11px;
  }

  .gk-dfc-message-window textarea {
    height: 100px;
  }

  .gk-dfc-success-window {
    padding: 22px 13px;
  }
}
/* ===== پنجره تماس کنار پنجره اصلی ===== */
.gk-dfc-call-window {
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);

  width: 330px;
  padding: 18px;
  direction: rtl;
  text-align: center;

  color: #503722;
  background: linear-gradient(145deg, #fffdf8, #dec29d);
  border: 1px solid #ae8253;
  border-radius: 17px;
  box-shadow: 0 20px 55px rgba(42, 27, 16, 0.38);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translate(70px, -260px) scale(0.92);
  transition: 0.4s ease;
}

.gk-dfc-call-window.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0, -50%) scale(1);
}

/* حرکت پنجره اصلی */
.gk-dfc-modal.call-open .gk-dfc-window {
  transform: translateX(-180px);
}

.gk-dfc-call-back {
  display: block;
  color: #755034;
  background: transparent;
  border: 0;
  font-family: inherit;
  cursor: pointer;
}

.gk-dfc-call-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 3px auto 9px;

  color: white;
  background: #795234;
  border-radius: 50%;
  font-size: 26px;
}

.gk-dfc-call-window h3 {
  margin: 7px 0;
  font-size: 18px;
}

.gk-dfc-call-window p {
  margin: 8px 0 15px;
  color: #75604c;
  font-size: 11px;
  line-height: 1.8;
}

.gk-dfc-start-call {
  width: 190px;
  min-height: 40px;

  color: white;
  background: linear-gradient(135deg, #9a6d42, #624029);
  border: 0;
  border-radius: 9px;

  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}

.gk-dfc-start-call:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(75, 48, 28, 0.25);
}

/* ===== پنجره در حال تماس ===== */
.gk-dfc-calling-modal {
  position: fixed;
  inset: 0;
  z-index: 100002;

  display: grid;
  place-items: center;
  padding: 15px;

  background: rgba(46, 32, 21, 0.75);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.gk-dfc-calling-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gk-dfc-calling-window {
  width: min(360px, 93%);
  padding: 28px 18px;

  direction: rtl;
  text-align: center;

  color: #503722;
  background: linear-gradient(145deg, #fffdf8, #dfc39e);
  border: 1px solid #ad8154;
  border-radius: 18px;
  box-shadow: 0 20px 55px rgba(42, 27, 16, 0.4);

  transform: scale(0.9);
  transition: 0.3s;
}

.gk-dfc-calling-modal.active .gk-dfc-calling-window {
  transform: scale(1);
}

.gk-dfc-calling-loader {
  position: relative;

  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  margin: 0 auto 15px;

  color: white;
  background: #795234;
  border-radius: 50%;
  font-size: 27px;
}

.gk-dfc-calling-loader::before {
  content: "";
  position: absolute;
  inset: -7px;

  border: 4px solid transparent;
  border-top-color: #a97943;
  border-right-color: #d4ae77;
  border-radius: 50%;

  animation: gkDfcCallSpin 1s linear infinite;
}

@keyframes gkDfcCallSpin {
  to {
    transform: rotate(360deg);
  }
}

.gk-dfc-calling-window h3 {
  margin: 0 0 10px;
  font-size: 17px;
}

.gk-dfc-calling-window p {
  margin: 0;
  color: #75604c;
  font-size: 12px;
}

#gkDfcCallTimer {
  color: #714522;
  font-size: 17px;
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-dfc-modal.call-open .gk-dfc-window {
    transform: translateX(-170px);
  }

  .gk-dfc-call-window {
    width: 310px;
  }
}

/* تبلت و گوشی */
@media (max-width: 850px) {
  .gk-dfc-modal.call-open .gk-dfc-window {
    transform: translateY(110px) scale(0.92);
  }

  .gk-dfc-call-window {
    top: 10px;
    right: 10px;
    left: 10px;

    width: auto;
    transform: translateY(-120%);
  }

  .gk-dfc-call-window.active {
    transform: translateY(0);
  }
}

/* گوشی */
@media (max-width: 600px) {
  .gk-dfc-call-window {
    padding: 14px 11px;
  }

  .gk-dfc-call-icon {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .gk-dfc-calling-window {
    padding: 23px 12px;
  }
}
/* ===== پنجره جمع‌وجور تأیید خرید ===== */
.gk-db-modal,
.gk-db-modal * {
  box-sizing: border-box;
}

.gk-db-modal {
  position: fixed;
  inset: 0;
  z-index: 100003;

  display: grid;
  place-items: center;
  padding: 10px;

  background: rgba(42, 30, 21, 0.75);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
}

.gk-db-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gk-db-window {
  position: relative;
  width: min(800px, 95%);
  max-height: 92vh;
  overflow-y: auto;
  padding: 16px;

  direction: rtl;
  color: #4e3624;

  background: linear-gradient(145deg, #fffdf8, #ead8bd);
  border: 1px solid #b99568;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(40, 27, 17, 0.4);

  transform: scale(0.95);
  transition: 0.25s;
}

.gk-db-modal.active .gk-db-window {
  transform: scale(1);
}

.gk-db-close {
  position: absolute;
  top: 10px;
  left: 11px;

  width: 34px;
  height: 34px;

  color: #503722;
  background: #fffaf1;
  border: 1px solid #ceb38d;
  border-radius: 9px;

  font-size: 23px;
  cursor: pointer;
}

.gk-db-window > h2 {
  margin: 0 0 12px;
  text-align: center;
  font-size: 20px;
}

.gk-db-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.15fr;
  gap: 12px;
}

.gk-db-product,
.gk-db-summary {
  padding: 11px;

  background: rgba(255, 253, 248, 0.8);
  border: 1px solid #d7c1a0;
  border-radius: 13px;
}

/* محصول */
.gk-db-product {
  position: relative;
  text-align: center;
}

.gk-db-badge {
  position: absolute;
  top: 10px;
  right: 10px;

  padding: 5px 8px;
  color: white;
  background: #b47a19;
  border-radius: 7px;

  font-size: 9px;
  font-weight: bold;
}

.gk-db-product img {
  width: 100%;
  height: 205px;
  display: block;
  object-fit: contain;
}

.gk-db-product h3 {
  margin: 5px 0;
  color: #2e2118;
  direction: ltr;
  font-size: 18px;
}

.gk-db-product p,
.gk-db-product > span:last-child {
  display: block;
  margin: 5px 0;
  color: #705b48;
  font-size: 11px;
}

/* خلاصه خرید */
.gk-db-summary {
  display: flex;
  flex-direction: column;
}

.gk-db-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 10px 2px;
  border-bottom: 1px solid #dfceb5;

  font-size: 12px;
}

.gk-db-row strong {
  color: #70491f;
}

.gk-db-delivery {
  padding: 10px 2px;
  border-bottom: 1px solid #dfceb5;
}

.gk-db-delivery h3 {
  margin: 0 0 8px;
  font-size: 13px;
}

.gk-db-delivery-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.gk-db-delivery-options label {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 9px;

  background: #fffaf1;
  border: 1px solid #c6a477;
  border-radius: 9px;

  font-size: 10px;
  cursor: pointer;
}

.gk-db-delivery-options input,
.gk-db-rules input {
  accent-color: #9a681f;
}

.gk-db-total {
  font-weight: bold;
}

.gk-db-total strong {
  color: #a46d13;
  font-size: 16px;
}

.gk-db-rules {
  display: flex;
  align-items: center;
  gap: 6px;

  margin-top: 10px;
  font-size: 10px;
  cursor: pointer;
}

.gk-db-error {
  display: none;
  min-height: 15px;
  margin: 7px 0 0;

  color: #a12d20;
  font-size: 10px;
}

.gk-db-error.show {
  display: block;
}

/* دکمه‌ها */
.gk-db-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 11px;
}

.gk-db-actions button {
  min-height: 39px;
  padding: 7px 19px;

  border-radius: 9px;
  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}

.gk-db-cancel {
  color: #61462f;
  background: #fffaf1;
  border: 1px solid #c8aa82;
}

.gk-db-pay {
  min-width: 260px;
  color: white;
  background: linear-gradient(135deg, #c39128, #8d5b12);
  border: 0;
}

.gk-db-actions button:hover {
  transform: translateY(-2px);
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-db-window {
    width: min(720px, 95%);
  }

  .gk-db-product img {
    height: 180px;
  }
}

/* تبلت */
@media (max-width: 800px) {
  .gk-db-window {
    width: min(600px, 96%);
  }

  .gk-db-product img {
    height: 160px;
  }
}

/* گوشی */
@media (max-width: 600px) {
  .gk-db-modal {
    padding: 5px;
  }

  .gk-db-window {
    width: 100%;
    padding: 12px 8px;
    border-radius: 14px;
  }

  .gk-db-window > h2 {
    padding: 0 38px;
    font-size: 17px;
  }

  .gk-db-layout {
    grid-template-columns: 1fr;
  }

  .gk-db-product img {
    height: 145px;
  }

  .gk-db-delivery-options {
    grid-template-columns: 1fr;
  }

  .gk-db-actions {
    flex-direction: column-reverse;
  }

  .gk-db-actions button,
  .gk-db-pay {
    width: 100%;
    min-width: 0;
  }
}
/* ===== پنجره جمع‌وجور جزئیات عمومی ===== */
.gk-da-modal,
.gk-da-modal * {
  box-sizing: border-box;
}

.gk-da-modal {
  position: fixed;
  inset: 0;
  z-index: 100004;

  display: grid;
  place-items: center;
  padding: 10px;

  background: rgba(42, 30, 21, 0.74);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
}

.gk-da-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gk-da-window {
  position: relative;
  width: min(760px, 95%);
  max-height: 92vh;
  overflow-y: auto;
  padding: 14px;

  direction: rtl;
  color: #4e3624;

  background: linear-gradient(145deg, #fffdf8, #ead8bd);
  border: 1px solid #b99568;
  border-radius: 17px;
  box-shadow: 0 22px 58px rgba(40, 27, 17, 0.4);

  transform: scale(0.95);
  transition: 0.25s;
}

.gk-da-modal.active .gk-da-window {
  transform: scale(1);
}

.gk-da-close {
  position: absolute;
  top: 9px;
  left: 10px;

  width: 32px;
  height: 32px;

  color: #503722;
  background: #fffaf1;
  border: 1px solid #ceb38d;
  border-radius: 8px;

  font-size: 22px;
  cursor: pointer;
}

.gk-da-window > h2 {
  margin: 0 0 10px;
  text-align: center;
  font-size: 18px;
}

.gk-da-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.gk-da-gallery,
.gk-da-info {
  padding: 9px;

  background: rgba(255, 253, 248, 0.82);
  border: 1px solid #d7c1a0;
  border-radius: 12px;
}

/* تصاویر */
.gk-da-main-image {
  height: 225px;
  overflow: hidden;

  background: #f3e8d7;
  border-radius: 9px;
}

.gk-da-main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.gk-da-thumbnails {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 7px;
}

.gk-da-thumbnails button {
  height: 52px;
  padding: 2px;

  background: #f6ecde;
  border: 2px solid transparent;
  border-radius: 7px;

  cursor: pointer;
}

.gk-da-thumbnails button.active {
  border-color: #9b682c;
}

.gk-da-thumbnails img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
}

.gk-da-counter {
  display: block;
  margin-top: 4px;

  color: #78614c;
  text-align: center;
  font-size: 9px;
}

/* اطلاعات */
.gk-da-info > h3 {
  margin: 3px 0;
  color: #2e2118;

  direction: ltr;
  text-align: right;
  font-size: 20px;
}

.gk-da-price {
  display: block;
  padding-bottom: 9px;

  color: #9b5d24;
  border-bottom: 1px solid #dfceb5;
  font-size: 17px;
}

.gk-da-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;

  padding: 9px 0;
  border-bottom: 1px solid #dfceb5;
}

.gk-da-specs span {
  padding: 6px 3px;

  text-align: center;
  background: #fffaf1;
  border-radius: 7px;

  font-size: 8px;
}

.gk-da-meta {
  display: flex;
  justify-content: space-between;
  gap: 7px;

  padding: 8px 0;
  color: #715d4a;
  border-bottom: 1px solid #dfceb5;

  font-size: 9px;
}

.gk-da-description {
  padding: 8px 0;
}

.gk-da-description h4 {
  margin: 0 0 4px;
  font-size: 12px;
}

.gk-da-description p {
  margin: 0;

  color: #705d4c;
  font-size: 9px;
  line-height: 1.8;
}

/* فروشنده */
.gk-da-seller {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px;

  background: #f7ead8;
  border: 1px solid #d5bd9a;
  border-radius: 9px;
}

.gk-da-avatar {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex-shrink: 0;

  color: white;
  background: #866044;
  border-radius: 50%;
  font-size: 18px;
}

.gk-da-seller small,
.gk-da-seller strong,
.gk-da-seller span {
  display: block;
  margin: 2px 0;
}

.gk-da-seller small,
.gk-da-seller span {
  color: #75614f;
  font-size: 8px;
}

.gk-da-contact {
  width: 100%;
  min-height: 35px;
  margin-top: 8px;

  color: #67411f;
  background: #fffaf1;
  border: 1px solid #9f6b34;
  border-radius: 8px;

  font-family: inherit;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.2s;
}

.gk-da-contact:hover {
  color: white;
  background: #795234;
  transform: translateY(-2px);
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-da-window {
    width: min(700px, 95%);
  }

  .gk-da-main-image {
    height: 205px;
  }
}

/* تبلت */
@media (max-width: 800px) {
  .gk-da-window {
    width: min(620px, 96%);
  }

  .gk-da-main-image {
    height: 185px;
  }
}

/* گوشی */
@media (max-width: 600px) {
  .gk-da-modal {
    padding: 5px;
  }

  .gk-da-window {
    width: 100%;
    padding: 11px 7px;
    border-radius: 13px;
  }

  .gk-da-window > h2 {
    padding: 0 35px;
    font-size: 16px;
  }

  .gk-da-layout {
    grid-template-columns: 1fr;
  }

  .gk-da-main-image {
    height: 175px;
  }

  .gk-da-thumbnails button {
    height: 45px;
  }

  .gk-da-specs {
    grid-template-columns: 1fr;
  }
}
/* ===== ارتباط با فروشنده آگهی عمومی ===== */
.gk-dac-modal,
.gk-dac-modal * {
  box-sizing: border-box;
}

.gk-dac-modal {
  position: fixed;
  inset: 0;
  z-index: 100008;

  display: grid;
  place-items: center;
  padding: 12px;

  background: rgba(42, 30, 21, 0.74);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.gk-dac-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* پنجره اصلی */
.gk-dac-window {
  position: relative;
  width: min(400px, 94%);
  padding: 19px;

  direction: rtl;
  text-align: center;
  color: #503722;

  background: linear-gradient(145deg, #fffdf8, #e7d1b2);
  border: 1px solid #b89162;
  border-radius: 17px;
  box-shadow: 0 22px 58px rgba(42, 27, 16, 0.4);

  transform: scale(0.95);
  transition: 0.35s;
}

.gk-dac-modal.active .gk-dac-window {
  transform: scale(1);
}

.gk-dac-modal.message-open .gk-dac-window,
.gk-dac-modal.call-open .gk-dac-window {
  transform: translateX(-180px);
}

.gk-dac-close {
  position: absolute;
  top: 10px;
  left: 11px;

  width: 33px;
  height: 33px;

  color: #503722;
  background: #fffaf1;
  border: 1px solid #d0b995;
  border-radius: 8px;

  font-size: 22px;
  cursor: pointer;
}

.gk-dac-avatar,
.gk-dac-call-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 3px auto 9px;

  color: white;
  background: #795234;
  border-radius: 50%;
  font-size: 25px;
}

.gk-dac-window h3 {
  margin: 6px 0;
  font-size: 18px;
}

.gk-dac-location {
  display: block;
  margin-top: 5px;
  color: #80694f;
  font-size: 10px;
}

.gk-dac-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}

.gk-dac-actions button {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px;

  text-align: right;
  color: #543820;
  background: #fff9ef;
  border: 1px solid #bd986c;
  border-radius: 10px;

  font-family: inherit;
  cursor: pointer;
  transition: 0.2s;
}

.gk-dac-actions button:hover {
  background: #d9b98e;
  transform: translateY(-2px);
}

.gk-dac-actions strong,
.gk-dac-actions small {
  display: block;
}

.gk-dac-actions small {
  margin-top: 2px;
  color: #8a735c;
  font-size: 8px;
}

.gk-dac-icon {
  font-size: 20px;
}

.gk-dac-security {
  margin: 12px 0 0;
  padding: 8px;

  color: #74604c;
  background: rgba(255, 250, 240, 0.65);
  border-radius: 8px;

  font-size: 9px;
  line-height: 1.7;
}

/* پنجره‌های پیام و تماس */
.gk-dac-message-window,
.gk-dac-call-window {
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);

  width: 330px;
  padding: 17px;
  direction: rtl;

  color: #503722;
  background: linear-gradient(145deg, #fffdf8, #dec29d);
  border: 1px solid #ae8253;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(42, 27, 16, 0.38);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.4s;
}

/* پیام از پایین */
.gk-dac-message-window {
  transform: translate(70px, 100px) scale(0.92);
}

/* تماس از بالا */
.gk-dac-call-window {
  text-align: center;
  transform: translate(70px, -260px) scale(0.92);
}

.gk-dac-message-window.active,
.gk-dac-call-window.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0, -50%) scale(1);
}

.gk-dac-message-back,
.gk-dac-call-back {
  display: block;
  color: #755034;
  background: transparent;
  border: 0;
  font-family: inherit;
  cursor: pointer;
}

.gk-dac-message-window h3,
.gk-dac-call-window h3 {
  margin: 7px 0 12px;
  text-align: center;
  font-size: 17px;
}

.gk-dac-message-window textarea {
  width: 100%;
  height: 115px;
  resize: none;
  padding: 10px;

  color: #503722;
  background: #fffaf2;
  border: 1px solid #c49d6e;
  border-radius: 9px;

  font-family: inherit;
  outline: none;
}

.gk-dac-message-window textarea:focus {
  border-color: #805533;
  box-shadow: 0 0 0 3px rgba(128, 85, 51, 0.12);
}

.gk-dac-call-window p {
  margin: 7px 0 13px;
  color: #75604c;
  font-size: 10px;
  line-height: 1.7;
}

.gk-dac-send,
.gk-dac-start-call {
  display: block;
  width: 185px;
  min-height: 39px;
  margin: 11px auto 0;

  color: white;
  background: linear-gradient(135deg, #9a6d42, #624029);
  border: 0;
  border-radius: 9px;

  font-family: inherit;
  font-weight: bold;
  cursor: pointer;
}

/* موفقیت و لودر تماس */
.gk-dac-success-modal,
.gk-dac-calling-modal {
  position: fixed;
  inset: 0;

  display: grid;
  place-items: center;
  padding: 12px;

  background: rgba(42, 30, 21, 0.76);
  backdrop-filter: blur(8px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}

.gk-dac-success-modal {
  z-index: 100009;
}

.gk-dac-calling-modal {
  z-index: 100010;
}

.gk-dac-success-modal.active,
.gk-dac-calling-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gk-dac-success-window,
.gk-dac-calling-window {
  width: min(350px, 92%);
  padding: 24px 16px;

  direction: rtl;
  text-align: center;
  color: #503722;

  background: linear-gradient(145deg, #fffdf8, #dfc39e);
  border: 1px solid #ad8154;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(42, 27, 16, 0.4);
}

.gk-dac-success-window > span,
.gk-dac-calling-loader {
  width: 55px;
  height: 55px;
  display: grid;
  place-items: center;
  margin: 0 auto 10px;

  color: white;
  background: #795234;
  border-radius: 50%;
  font-size: 25px;
}

.gk-dac-success-window h3,
.gk-dac-calling-window h3 {
  margin: 0 0 8px;
  font-size: 15px;
}

.gk-dac-calling-loader {
  position: relative;
}

.gk-dac-calling-loader::before {
  content: "";
  position: absolute;
  inset: -6px;

  border: 4px solid transparent;
  border-top-color: #a97943;
  border-right-color: #d4ae77;
  border-radius: 50%;

  animation: gkDacSpin 1s linear infinite;
}

@keyframes gkDacSpin {
  to {
    transform: rotate(360deg);
  }
}

/* لپ‌تاپ */
@media (max-width: 1100px) {
  .gk-dac-modal.message-open .gk-dac-window,
  .gk-dac-modal.call-open .gk-dac-window {
    transform: translateX(-165px);
  }

  .gk-dac-message-window,
  .gk-dac-call-window {
    width: 305px;
  }
}

/* تبلت و گوشی */
@media (max-width: 850px) {
  .gk-dac-modal.message-open .gk-dac-window {
    transform: translateY(-105px) scale(0.92);
  }

  .gk-dac-modal.call-open .gk-dac-window {
    transform: translateY(105px) scale(0.92);
  }

  .gk-dac-message-window,
  .gk-dac-call-window {
    right: 8px;
    left: 8px;
    width: auto;
  }

  .gk-dac-message-window {
    top: auto;
    bottom: 8px;
    transform: translateY(120%);
  }

  .gk-dac-call-window {
    top: 8px;
    transform: translateY(-120%);
  }

  .gk-dac-message-window.active,
  .gk-dac-call-window.active {
    transform: translateY(0);
  }
}

/* گوشی */
@media (max-width: 600px) {
  .gk-dac-modal {
    padding: 5px;
  }

  .gk-dac-window {
    width: 100%;
    padding: 16px 10px;
  }

  .gk-dac-message-window,
  .gk-dac-call-window {
    padding: 13px 10px;
  }

  .gk-dac-message-window textarea {
    height: 95px;
  }
}
/* ==================================================
   پنجره مشاهده اطلاعات آگهی ویژه اصلی سایت
================================================== */

.gk-vip-info-modal,
.gk-vip-info-modal * {
  box-sizing: border-box;
}

.gk-vip-info-modal {
  --gk-navy-dark: #071327;
  --gk-navy: #0d2749;
  --gk-navy-light: #174b7a;
  --gk-gold: #d7ae58;
  --gk-gold-light: #f3d894;
  --gk-white: #f8fbff;

  position: fixed;
  inset: 0;
  z-index: 99999;

  display: none;
  align-items: center;
  justify-content: center;

  padding: 16px;
  direction: rtl;

  background: rgba(2, 8, 20, 0.88);

  /* برای جلوگیری از لگ */
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gk-vip-info-modal.active {
  display: flex;
}

/* پنجره اصلی */

.gk-vip-info-window {
  position: relative;

  width: min(930px, 95vw);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);

  padding: 17px 19px 19px;
  overflow-x: hidden;
  overflow-y: auto;

  color: var(--gk-white);
  background:
    radial-gradient(
      circle at top right,
      rgba(39, 105, 163, 0.3),
      transparent 34%
    ),
    linear-gradient(145deg, var(--gk-navy-dark), var(--gk-navy) 58%, #102f55);

  border: 1px solid rgba(215, 174, 88, 0.55);
  border-radius: 23px;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.48);

  overscroll-behavior: contain;
  scroll-behavior: auto;
  scrollbar-gutter: stable;
  overflow-anchor: none;
  -webkit-overflow-scrolling: touch;

  animation: gkVipInfoOpen 0.25s ease-out;
}

@keyframes gkVipInfoOpen {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* اسکرول پنجره */

.gk-vip-info-window::-webkit-scrollbar {
  width: 6px;
}

.gk-vip-info-window::-webkit-scrollbar-track {
  background: transparent;
}

.gk-vip-info-window::-webkit-scrollbar-thumb {
  background: rgba(215, 174, 88, 0.7);
  border-radius: 20px;
}

/* دکمه بستن */

.gk-vip-info-close {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 5;

  width: 38px;
  height: 38px;
  padding: 0;

  display: grid;
  place-items: center;

  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);

  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 11px;

  font-size: 27px;
  line-height: 1;
  cursor: pointer;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-info-close:hover {
  color: var(--gk-navy-dark);
  background: var(--gk-gold-light);
  transform: rotate(90deg);
}

/* عنوان بالای پنجره */

.gk-vip-info-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  min-height: 38px;
  padding: 0 48px;
  margin-bottom: 8px;
}

.gk-vip-info-heading span {
  width: 55px;
  height: 1px;

  background: linear-gradient(90deg, transparent, var(--gk-gold));
}

.gk-vip-info-heading span:last-child {
  background: linear-gradient(90deg, var(--gk-gold), transparent);
}

.gk-vip-info-heading h2 {
  margin: 0;

  color: var(--gk-gold-light);
  font-size: 19px;
  font-weight: 800;
  text-align: center;
}

/* نشان آگهی ویژه */

.gk-vip-info-badge {
  width: max-content;

  display: flex;
  align-items: center;
  gap: 6px;

  margin: 0 auto 12px;
  padding: 6px 13px;

  color: #352203;
  background: linear-gradient(135deg, #f8dfa0, #c8942d);

  border-radius: 20px;

  font-size: 12px;
  font-weight: 800;
}

.gk-vip-info-badge span {
  font-size: 16px;
}

/* بدنه پنجره */

.gk-vip-info-body {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 14px;
  align-items: stretch;
}

/* گالری تصاویر */

.gk-vip-info-gallery {
  min-width: 0;
}

.gk-vip-info-main-image {
  position: relative;

  width: 100%;
  height: 315px;
  overflow: hidden;

  background: #06101f;
  border: 1px solid rgba(215, 174, 88, 0.42);
  border-radius: 18px;
}

.gk-vip-info-main-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.gk-vip-info-main-image > span {
  position: absolute;
  top: 10px;
  right: 10px;

  padding: 5px 10px;

  color: #ffffff;
  background: rgba(3, 10, 24, 0.75);

  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;

  font-size: 11px;
}

/* تصاویر کوچک */

.gk-vip-info-thumbnails {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;

  margin-top: 8px;
}

.gk-vip-info-thumbnails button {
  height: 62px;
  padding: 0;
  overflow: hidden;

  background: #071428;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 11px;

  cursor: pointer;
  opacity: 0.72;

  transition:
    opacity 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-info-thumbnails button:hover,
.gk-vip-info-thumbnails button.active {
  opacity: 1;
  border-color: var(--gk-gold);
  transform: translateY(-2px);
}

.gk-vip-info-thumbnails img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

/* بخش اطلاعات */

.gk-vip-info-details {
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 11px;

  padding: 15px;

  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 18px;
}

.gk-vip-info-details h3 {
  margin: 0;

  color: #ffffff;
  font-size: 21px;
  line-height: 1.5;
}

.gk-vip-info-price {
  display: block;

  color: var(--gk-gold-light);
  font-size: 20px;
  font-weight: 900;
}

/* مشخصات سه‌تایی */

.gk-vip-info-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.gk-vip-info-specs div {
  min-width: 0;
  min-height: 62px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;

  padding: 7px 5px;

  background: rgba(5, 18, 38, 0.68);
  border: 1px solid rgba(215, 174, 88, 0.22);
  border-radius: 11px;

  text-align: center;
}

.gk-vip-info-specs span {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
}

.gk-vip-info-specs strong {
  color: #ffffff;
  font-size: 11px;
  line-height: 1.5;
}

/* توضیحات */

.gk-vip-info-description {
  padding: 11px 12px;

  background: rgba(4, 15, 32, 0.55);
  border-right: 3px solid var(--gk-gold);
  border-radius: 10px;
}

.gk-vip-info-description h4 {
  margin: 0 0 5px;

  color: var(--gk-gold-light);
  font-size: 13px;
}

.gk-vip-info-description p {
  margin: 0;

  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  line-height: 1.8;
}

/* اطلاعات فروشنده */

.gk-vip-info-seller {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 11px;

  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(215, 174, 88, 0.2);
  border-radius: 12px;
}

.gk-vip-info-avatar {
  flex: 0 0 44px;

  width: 44px;
  height: 44px;

  display: grid;
  place-items: center;

  color: #18243a;
  background: linear-gradient(135deg, var(--gk-gold-light), #b8801c);

  border-radius: 50%;

  font-size: 18px;
  font-weight: 900;
}

.gk-vip-info-seller > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.gk-vip-info-seller small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
}

.gk-vip-info-seller strong {
  color: #ffffff;
  font-size: 13px;
}

.gk-vip-info-seller > div:last-child > span {
  color: var(--gk-gold-light);
  font-size: 10px;
}

/* دکمه ارتباط با فروشنده */

.gk-vip-info-contact {
  width: min(270px, 100%);
  min-height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  margin: 14px auto 0;
  padding: 9px 18px;

  color: #081426;
  background: linear-gradient(135deg, #f4d88e, #bf8824);

  border: 0;
  border-radius: 13px;

  font-family: inherit;
  font-size: 14px;
  font-weight: 900;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-vip-info-contact:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(215, 174, 88, 0.25);
}

/* ==================================================
   تبلت
================================================== */

@media (max-width: 850px) {
  .gk-vip-info-window {
    width: min(720px, 96vw);
  }

  .gk-vip-info-body {
    grid-template-columns: 1fr 1fr;
  }

  .gk-vip-info-main-image {
    height: 280px;
  }

  .gk-vip-info-details h3 {
    font-size: 19px;
  }

  .gk-vip-info-price {
    font-size: 18px;
  }
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 700px) {
  .gk-vip-info-modal {
    padding: 8px;
  }

  .gk-vip-info-window {
    width: 100%;
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);

    padding: 13px 11px 15px;
    border-radius: 18px;
  }

  .gk-vip-info-heading {
    padding: 0 42px;
  }

  .gk-vip-info-heading span {
    display: none;
  }

  .gk-vip-info-heading h2 {
    font-size: 16px;
  }

  .gk-vip-info-close {
    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    font-size: 23px;
  }

  .gk-vip-info-body {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .gk-vip-info-main-image {
    height: 215px;
  }

  .gk-vip-info-thumbnails button {
    height: 52px;
  }

  .gk-vip-info-details {
    padding: 12px;
    gap: 9px;
  }

  .gk-vip-info-details h3 {
    font-size: 18px;
  }

  .gk-vip-info-price {
    font-size: 17px;
  }

  .gk-vip-info-specs div {
    min-height: 56px;
    padding: 5px 3px;
  }

  .gk-vip-info-description p {
    font-size: 11px;
  }

  .gk-vip-info-contact {
    margin-top: 11px;
  }
}

/* گوشی کوچک */

@media (max-width: 390px) {
  .gk-vip-info-main-image {
    height: 190px;
  }

  .gk-vip-info-thumbnails {
    gap: 5px;
  }

  .gk-vip-info-thumbnails button {
    height: 45px;
  }

  .gk-vip-info-specs {
    gap: 5px;
  }

  .gk-vip-info-specs strong {
    font-size: 10px;
  }
}
/* ==================================================
   پنجره ارتباط با فروشنده آگهی ویژه
================================================== */

.gk-vip-contact-panel,
.gk-vip-contact-panel * {
  box-sizing: border-box;
}

/* پنجره ارتباط */

.gk-vip-contact-panel {
  position: relative;
  z-index: 30;
  isolation: isolate;
  flex: 0 0 315px;

  display: none;
  flex-direction: column;

  width: 315px;
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);

  padding: 22px 18px 18px;
  overflow-x: hidden;
  overflow-y: auto;

  color: #f8fbff;
  direction: rtl;

  background:
    radial-gradient(circle at top, rgba(49, 125, 190, 0.28), transparent 36%),
    linear-gradient(155deg, #061226, #0c294c 60%, #123d67);

  border: 1px solid rgba(216, 177, 91, 0.62);
  border-radius: 23px;

  box-shadow:
    0 25px 70px rgba(0, 0, 0, 0.7),
    0 0 28px rgba(215, 174, 88, 0.15);

  overscroll-behavior: contain;
  scroll-behavior: auto;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;

  /* برای جلوگیری از لگ */
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gk-vip-contact-panel.active {
  display: flex;
  animation: gkVipContactOpen 0.28s ease-out;
}

@keyframes gkVipContactOpen {
  from {
    opacity: 0;
    transform: translateX(-25px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* اسکرول پنجره */

.gk-vip-contact-panel::-webkit-scrollbar {
  width: 5px;
}

.gk-vip-contact-panel::-webkit-scrollbar-track {
  background: transparent;
}

.gk-vip-contact-panel::-webkit-scrollbar-thumb {
  background: rgba(215, 174, 88, 0.7);
  border-radius: 20px;
}

/* فاصله پنجره‌ها در لپ‌تاپ */

.gk-vip-info-modal.contact-open {
  gap: 14px;
  background: rgba(1, 6, 17, 0.94);
}

.gk-vip-info-modal.contact-open .gk-vip-info-window {
  width: min(850px, calc(100vw - 380px));
}

/* تاریک‌شدن پنجره اطلاعات */

.gk-vip-info-window::after {
  content: "";

  position: absolute;
  inset: 0;
  z-index: 15;

  background: rgba(2, 9, 22, 0);
  border-radius: inherit;

  pointer-events: none;

  transition: background 0.25s ease;
}

.gk-vip-info-modal.contact-open .gk-vip-info-window::after {
  background: rgba(2, 9, 22, 0.58);
}

/* دکمه بستن */

.gk-vip-contact-close {
  position: absolute;
  top: 12px;
  left: 12px;

  width: 35px;
  height: 35px;
  padding: 0;

  display: grid;
  place-items: center;

  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);

  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 11px;

  font-family: inherit;
  font-size: 24px;
  line-height: 1;

  cursor: pointer;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-contact-close:hover {
  color: #071327;
  background: #f1d287;
  transform: rotate(90deg);
}

/* نشان طلایی امنیت */

.gk-vip-contact-shield {
  position: relative;

  width: 62px;
  height: 62px;

  display: grid;
  place-items: center;

  margin: 5px auto 10px;

  color: #10233d;
  background: linear-gradient(145deg, #ffe5a3, #c58d25);

  border: 5px solid rgba(215, 174, 88, 0.12);
  border-radius: 21px 21px 27px 27px;

  box-shadow:
    0 9px 25px rgba(215, 174, 88, 0.2),
    inset 0 1px 2px rgba(255, 255, 255, 0.7);
}

.gk-vip-contact-shield::before {
  content: "";

  position: absolute;
  inset: -9px;
  z-index: -1;

  border: 1px solid rgba(215, 174, 88, 0.2);
  border-radius: 27px;
}

.gk-vip-contact-shield span {
  font-size: 26px;
  font-weight: 900;
}

/* عنوان پنجره */

.gk-vip-contact-heading {
  margin-bottom: 15px;
  text-align: center;
}

.gk-vip-contact-heading small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
}

.gk-vip-contact-heading h3 {
  margin: 3px 0 0;

  color: #f5d88e;
  font-size: 20px;
  font-weight: 900;
}

/* اطلاعات فروشنده */

.gk-vip-contact-seller {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 11px;

  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 15px;
}

.gk-vip-contact-avatar {
  flex: 0 0 48px;

  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  color: #0a1a31;
  background: linear-gradient(145deg, #f7dc94, #bd8420);

  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 15px;

  font-size: 19px;
  font-weight: 900;
}

.gk-vip-contact-seller-info {
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 3px;
}

.gk-vip-contact-seller-info > div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.gk-vip-contact-seller-info strong {
  overflow: hidden;

  color: #ffffff;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gk-vip-contact-seller-info small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
}

/* تیک فروشنده معتبر */

.gk-vip-contact-verified {
  width: 17px;
  height: 17px;

  display: grid;
  place-items: center;

  color: #071528;
  background: #e4bd65;
  border-radius: 50%;

  font-size: 10px;
  font-weight: 900;
}

/* وضعیت پاسخ‌گویی */

.gk-vip-contact-status {
  display: flex;
  align-items: center;
  gap: 5px;

  color: #7ce2b0;
  font-size: 9px;
}

.gk-vip-contact-status i {
  width: 6px;
  height: 6px;

  background: #52dc99;
  border-radius: 50%;
  box-shadow: 0 0 8px #52dc99;

  animation: gkVipStatusPulse 1.6s infinite;
}

@keyframes gkVipStatusPulse {
  50% {
    opacity: 0.4;
  }
}

/* دکمه‌های تماس و پیام */

.gk-vip-contact-actions {
  display: flex;
  flex-direction: column;
  gap: 9px;

  margin-top: 13px;
}

.gk-vip-contact-action {
  width: 100%;
  min-height: 63px;

  display: flex;
  align-items: center;
  gap: 10px;

  padding: 9px 10px;

  color: #ffffff;
  background: rgba(255, 255, 255, 0.055);

  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;

  font-family: inherit;
  text-align: right;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-vip-contact-action:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(215, 174, 88, 0.68);

  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

.gk-vip-contact-action:focus-visible {
  outline: 2px solid #f1d287;
  outline-offset: 2px;
}

/* آیکون دکمه‌ها */

.gk-vip-contact-action-icon {
  flex: 0 0 42px;

  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  color: #ffffff;
  background: linear-gradient(145deg, #1f5f96, #0c3058);

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 12px;

  font-size: 19px;
}

.gk-vip-contact-call .gk-vip-contact-action-icon {
  color: #122139;
  background: linear-gradient(145deg, #f6d98e, #bd8521);
}

/* نوشته دکمه‌ها */

.gk-vip-contact-action-text {
  min-width: 0;
  flex: 1;

  display: flex;
  flex-direction: column;
  gap: 3px;
}

.gk-vip-contact-action-text strong {
  color: #ffffff;
  font-size: 13px;
}

.gk-vip-contact-action-text small {
  overflow: hidden;

  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gk-vip-contact-arrow {
  color: #e9c66f;
  font-size: 25px;

  transition: transform 0.2s ease;
}

.gk-vip-contact-action:hover .gk-vip-contact-arrow {
  transform: translateX(-3px);
}

/* پیام امنیتی پایین پنجره */

.gk-vip-contact-security {
  display: flex;
  align-items: flex-start;
  gap: 7px;

  margin-top: 13px;
  padding: 9px 10px;

  background: rgba(4, 15, 31, 0.58);
  border-right: 3px solid #d7ae58;
  border-radius: 10px;
}

.gk-vip-contact-security span {
  font-size: 13px;
}

.gk-vip-contact-security p {
  margin: 0;

  color: rgba(255, 255, 255, 0.58);
  font-size: 9px;
  line-height: 1.8;
}

/* ==================================================
   لپ‌تاپ کوچک و تبلت
================================================== */

@media (max-width: 1200px) {
  .gk-vip-info-modal.contact-open .gk-vip-info-window {
    width: min(930px, 95vw);
  }

  .gk-vip-contact-panel.active {
    position: fixed;
    top: 50%;
    left: 14px;
    z-index: 30;

    width: 310px;

    animation: gkVipContactTabletOpen 0.28s ease-out forwards;
  }

  @keyframes gkVipContactTabletOpen {
    from {
      opacity: 0;
      transform: translate(-25px, -50%) scale(0.97);
    }

    to {
      opacity: 1;
      transform: translate(0, -50%) scale(1);
    }
  }
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 700px) {
  .gk-vip-contact-panel.active {
    position: fixed;
    top: auto;
    right: 8px;
    bottom: 8px;
    left: 8px;

    width: auto;
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);

    padding: 18px 14px 14px;
    border-radius: 21px;

    animation: gkVipContactMobileOpen 0.3s ease-out forwards;
  }

  @keyframes gkVipContactMobileOpen {
    from {
      opacity: 0;
      transform: translateY(45px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .gk-vip-contact-shield {
    width: 54px;
    height: 54px;

    margin-bottom: 8px;
  }

  .gk-vip-contact-heading {
    margin-bottom: 11px;
  }

  .gk-vip-contact-heading h3 {
    font-size: 18px;
  }

  .gk-vip-contact-action {
    min-height: 58px;
  }

  .gk-vip-contact-action-icon {
    flex-basis: 39px;

    width: 39px;
    height: 39px;
  }
}

/* گوشی کوچک */

@media (max-width: 390px) {
  .gk-vip-contact-panel.active {
    padding: 15px 11px 12px;
  }

  .gk-vip-contact-seller {
    padding: 9px;
  }

  .gk-vip-contact-actions {
    gap: 7px;
    margin-top: 9px;
  }

  .gk-vip-contact-security {
    margin-top: 9px;
  }
}
/* ==================================================
   پنجره مستطیلی ارسال پیامک
================================================== */

.gk-vip-message-panel,
.gk-vip-message-panel * {
  box-sizing: border-box;
}

.gk-vip-message-panel {
  position: fixed;
  top: 14px;
  left: 50%;
  z-index: 60;

  display: none;

  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 28px);
  max-height: calc(100dvh - 28px);

  padding: 16px 18px;
  overflow-x: hidden;
  overflow-y: auto;

  color: #ffffff;
  direction: rtl;

  background:
    radial-gradient(
      circle at top right,
      rgba(48, 123, 190, 0.3),
      transparent 35%
    ),
    linear-gradient(135deg, #061327, #0c2c51 60%, #123f6c);

  border: 1px solid rgba(220, 181, 92, 0.72);
  border-radius: 18px;

  box-shadow:
    0 25px 70px rgba(0, 0, 0, 0.72),
    0 0 30px rgba(215, 174, 88, 0.14);

  overscroll-behavior: contain;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gk-vip-message-panel.active {
  display: block;

  animation: gkVipMessageOpen 0.32s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes gkVipMessageOpen {
  from {
    opacity: 0;
    transform: translate(-50%, -45px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}

/* نوار اسکرول */

.gk-vip-message-panel::-webkit-scrollbar {
  width: 5px;
}

.gk-vip-message-panel::-webkit-scrollbar-track {
  background: transparent;
}

.gk-vip-message-panel::-webkit-scrollbar-thumb {
  background: rgba(215, 174, 88, 0.7);
  border-radius: 20px;
}

/* بالای پنجره */

.gk-vip-message-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;

  padding-bottom: 12px;
  margin-bottom: 12px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.gk-vip-message-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gk-vip-message-icon {
  flex: 0 0 45px;

  width: 45px;
  height: 45px;

  display: grid;
  place-items: center;

  color: #10233e;
  background: linear-gradient(145deg, #f7dc94, #bd8420);

  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(215, 174, 88, 0.2);

  font-size: 20px;
}

.gk-vip-message-title small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
}

.gk-vip-message-title h3 {
  margin: 2px 0 0;

  color: #f6d98f;
  font-size: 19px;
  font-weight: 900;
}

/* دکمه بازگشت */

.gk-vip-message-back {
  min-width: 90px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 0 12px;

  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);

  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 11px;

  font-family: inherit;
  font-size: 11px;

  cursor: pointer;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-message-back:hover {
  color: #10213a;
  background: #efd184;
  transform: translateX(3px);
}

.gk-vip-message-back span {
  font-size: 16px;
}

/* اطلاعات گیرنده */

.gk-vip-message-recipient {
  display: flex;
  align-items: center;
  gap: 9px;

  padding: 9px 11px;
  margin-bottom: 10px;

  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
}

.gk-vip-message-avatar {
  flex: 0 0 39px;

  width: 39px;
  height: 39px;

  display: grid;
  place-items: center;

  color: #10213a;
  background: linear-gradient(145deg, #f8dfa0, #be8725);

  border-radius: 11px;

  font-size: 16px;
  font-weight: 900;
}

.gk-vip-message-recipient > div:nth-child(2) {
  flex: 1;

  display: flex;
  flex-direction: column;
  gap: 2px;
}

.gk-vip-message-recipient small {
  color: rgba(255, 255, 255, 0.52);
  font-size: 9px;
}

.gk-vip-message-recipient strong {
  color: #ffffff;
  font-size: 13px;
}

.gk-vip-message-online {
  display: flex;
  align-items: center;
  gap: 5px;

  color: #7ce2b0;
  font-size: 9px;
}

.gk-vip-message-online i {
  width: 6px;
  height: 6px;

  background: #51dc99;
  border-radius: 50%;
  box-shadow: 0 0 8px #51dc99;
}

/* کادر نوشتن پیام */

.gk-vip-message-input {
  position: relative;
}

.gk-vip-message-input textarea {
  display: block;

  width: 100%;
  min-height: 105px;
  max-height: 170px;

  padding: 12px 13px 30px;
  resize: vertical;

  color: #ffffff;
  background: rgba(2, 11, 26, 0.65);

  border: 1px solid rgba(215, 174, 88, 0.3);
  border-radius: 13px;
  outline: none;

  font-family: inherit;
  font-size: 12px;
  line-height: 1.8;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-vip-message-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.38);
}

.gk-vip-message-input textarea:focus {
  border-color: #dbb45e;
  box-shadow: 0 0 0 3px rgba(215, 174, 88, 0.1);
}

/* شمارنده پیام */

.gk-vip-message-counter {
  position: absolute;
  bottom: 8px;
  left: 11px;

  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
}

.gk-vip-message-counter strong {
  color: #e8c773;
}

/* پایین پنجره */

.gk-vip-message-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;

  margin-top: 11px;
}

.gk-vip-message-footer p {
  margin: 0;

  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
  line-height: 1.7;
}

/* دکمه ارسال */

.gk-vip-message-send {
  min-width: 155px;
  min-height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  padding: 9px 17px;

  color: #0b1a30;
  background: linear-gradient(135deg, #f7dc95, #c08a27);

  border: 0;
  border-radius: 12px;

  font-family: inherit;
  font-size: 12px;
  font-weight: 900;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-vip-message-send:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(215, 174, 88, 0.25);
}

.gk-vip-message-send:active {
  transform: scale(0.98);
}

/* تاریک‌شدن پنجره‌های پشت پیامک */

.gk-vip-info-modal.message-open {
  background: rgba(1, 5, 15, 0.96);
}

.gk-vip-info-modal.message-open .gk-vip-info-window::after {
  background: rgba(2, 8, 20, 0.72);
}

.gk-vip-contact-panel::after {
  content: "";

  position: absolute;
  inset: 0;
  z-index: 20;

  background: rgba(2, 8, 20, 0);
  border-radius: inherit;

  pointer-events: none;

  transition: background 0.25s ease;
}

.gk-vip-info-modal.message-open .gk-vip-contact-panel::after {
  background: rgba(2, 8, 20, 0.7);
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 700px) {
  .gk-vip-message-panel {
    top: 8px;

    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);

    padding: 13px 12px;
    border-radius: 16px;
  }

  .gk-vip-message-header {
    gap: 8px;
    padding-bottom: 9px;
    margin-bottom: 9px;
  }

  .gk-vip-message-icon {
    flex-basis: 39px;

    width: 39px;
    height: 39px;

    font-size: 17px;
  }

  .gk-vip-message-title h3 {
    font-size: 15px;
  }

  .gk-vip-message-title small {
    font-size: 8px;
  }

  .gk-vip-message-back {
    min-width: 70px;
    height: 34px;

    padding: 0 8px;
    font-size: 9px;
  }

  .gk-vip-message-input textarea {
    min-height: 95px;
  }

  .gk-vip-message-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .gk-vip-message-send {
    width: 100%;
    min-height: 41px;
  }
}
/* ==================================================
   پنجره موفقیت ارسال پیامک
================================================== */

.gk-vip-message-success,
.gk-vip-message-success * {
  box-sizing: border-box;
}

.gk-vip-message-success {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 90;

  display: none;
  flex-direction: column;
  align-items: center;

  width: min(420px, calc(100vw - 30px));
  padding: 25px 22px 17px;

  color: #ffffff;
  direction: rtl;
  text-align: center;

  background:
    radial-gradient(circle at top, rgba(55, 150, 139, 0.2), transparent 40%),
    linear-gradient(145deg, #061428, #0b2c4c 65%, #103d61);

  border: 1px solid rgba(215, 174, 88, 0.68);
  border-radius: 22px;

  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.76),
    0 0 32px rgba(215, 174, 88, 0.14);

  transform: translate(-50%, -50%);

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gk-vip-message-success.active {
  display: flex;

  animation: gkVipSuccessOpen 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes gkVipSuccessOpen {
  from {
    opacity: 0;
    transform: translate(-50%, -44%) scale(0.9);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* آیکون موفقیت */

.gk-vip-success-icon {
  position: relative;

  width: 72px;
  height: 72px;

  display: grid;
  place-items: center;

  margin-bottom: 14px;

  color: #06231b;
  background: linear-gradient(145deg, #9aefc4, #3ec989);

  border: 6px solid rgba(78, 216, 150, 0.12);
  border-radius: 50%;

  box-shadow:
    0 10px 28px rgba(61, 207, 139, 0.25),
    inset 0 2px 3px rgba(255, 255, 255, 0.6);
}

.gk-vip-success-icon::before,
.gk-vip-success-icon::after {
  content: "";

  position: absolute;
  inset: -10px;

  border: 1px solid rgba(88, 224, 159, 0.25);
  border-radius: 50%;

  animation: gkVipSuccessPulse 1.5s ease-out infinite;
}

.gk-vip-success-icon::after {
  animation-delay: 0.5s;
}

@keyframes gkVipSuccessPulse {
  from {
    opacity: 0.7;
    transform: scale(0.85);
  }

  to {
    opacity: 0;
    transform: scale(1.25);
  }
}

.gk-vip-success-icon span {
  font-size: 34px;
  font-weight: 900;
}

/* نوشته‌های موفقیت */

.gk-vip-success-content small {
  color: #75dca9;
  font-size: 10px;
}

.gk-vip-success-content h3 {
  margin: 5px 0 8px;

  color: #f5d991;
  font-size: 21px;
  font-weight: 900;
}

.gk-vip-success-content p {
  margin: 0;

  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.9;
}

.gk-vip-success-content p strong {
  color: #f0cf7c;
  font-weight: 900;
}

/* نوار زمان پنج‌ثانیه‌ای */

.gk-vip-success-progress {
  width: 100%;
  height: 4px;
  overflow: hidden;

  margin-top: 18px;

  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}

.gk-vip-success-progress span {
  display: block;

  width: 100%;
  height: 100%;

  background: linear-gradient(90deg, #3fc988, #e7c46d);

  border-radius: inherit;
}

.gk-vip-message-success.active .gk-vip-success-progress span {
  animation: gkVipSuccessTimer 5s linear forwards;
}

@keyframes gkVipSuccessTimer {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}

/* نوشته زمان */

.gk-vip-success-time {
  margin-top: 8px;

  color: rgba(255, 255, 255, 0.43);
  font-size: 9px;
}

/* تاریک‌شدن قسمت‌های پشت پنجره موفقیت */

.gk-vip-info-modal.success-open {
  background: rgba(1, 5, 14, 0.97);
}

.gk-vip-info-modal.success-open .gk-vip-info-window::after {
  background: rgba(1, 7, 18, 0.76);
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 500px) {
  .gk-vip-message-success {
    width: calc(100vw - 24px);
    padding: 22px 16px 15px;
    border-radius: 19px;
  }

  .gk-vip-success-icon {
    width: 62px;
    height: 62px;
  }

  .gk-vip-success-icon span {
    font-size: 29px;
  }

  .gk-vip-success-content h3 {
    font-size: 18px;
  }

  .gk-vip-success-content p {
    font-size: 11px;
  }
}
/* ==================================================
   پنجره مستطیلی درخواست تماس
================================================== */

.gk-vip-call-panel,
.gk-vip-call-panel * {
  box-sizing: border-box;
}

.gk-vip-call-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 70;

  display: none;

  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 28px);
  max-height: calc(100dvh - 28px);

  padding: 16px 18px;
  overflow-x: hidden;
  overflow-y: auto;

  color: #ffffff;
  direction: rtl;

  background:
    radial-gradient(
      circle at bottom left,
      rgba(46, 125, 190, 0.3),
      transparent 38%
    ),
    linear-gradient(135deg, #061327, #0c2c51 60%, #123f6c);

  border: 1px solid rgba(220, 181, 92, 0.72);
  border-radius: 18px;

  box-shadow:
    0 28px 75px rgba(0, 0, 0, 0.75),
    0 0 30px rgba(215, 174, 88, 0.14);

  transform: translate(-50%, -50%);

  overscroll-behavior: contain;
  scroll-behavior: auto;
  -webkit-overflow-scrolling: touch;

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gk-vip-call-panel.active {
  display: block;

  animation: gkVipCallOpen 0.38s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes gkVipCallOpen {
  from {
    opacity: 0;
    transform: translate(-50%, 75vh) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* اسکرول پنجره */

.gk-vip-call-panel::-webkit-scrollbar {
  width: 5px;
}

.gk-vip-call-panel::-webkit-scrollbar-track {
  background: transparent;
}

.gk-vip-call-panel::-webkit-scrollbar-thumb {
  background: rgba(215, 174, 88, 0.7);
  border-radius: 20px;
}

/* سربرگ */

.gk-vip-call-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;

  padding-bottom: 12px;
  margin-bottom: 12px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.gk-vip-call-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gk-vip-call-title-icon {
  flex: 0 0 45px;

  width: 45px;
  height: 45px;

  display: grid;
  place-items: center;

  color: #10233e;
  background: linear-gradient(145deg, #f7dc94, #bd8420);

  border-radius: 13px;
  box-shadow: 0 7px 18px rgba(215, 174, 88, 0.2);

  font-size: 20px;
}

.gk-vip-call-title small {
  color: rgba(255, 255, 255, 0.55);
  font-size: 9px;
}

.gk-vip-call-title h3 {
  margin: 2px 0 0;

  color: #f6d98f;
  font-size: 19px;
  font-weight: 900;
}

/* دکمه بازگشت */

.gk-vip-call-back {
  min-width: 90px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 0 12px;

  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);

  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 11px;

  font-family: inherit;
  font-size: 11px;

  cursor: pointer;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-call-back:hover {
  color: #10213a;
  background: #efd184;
  transform: translateX(3px);
}

.gk-vip-call-back span {
  font-size: 16px;
}

/* اطلاعات فروشنده */

.gk-vip-call-seller {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 10px 11px;
  margin-bottom: 11px;

  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 13px;
}

.gk-vip-call-avatar {
  flex: 0 0 42px;

  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  color: #10213a;
  background: linear-gradient(145deg, #f8dfa0, #be8725);

  border-radius: 12px;

  font-size: 17px;
  font-weight: 900;
}

.gk-vip-call-seller-info {
  min-width: 0;
  flex: 1;

  display: flex;
  flex-direction: column;
  gap: 2px;
}

.gk-vip-call-seller-info small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
}

.gk-vip-call-seller-info strong {
  color: #ffffff;
  font-size: 13px;
}

.gk-vip-call-seller-info > span {
  display: flex;
  align-items: center;
  gap: 5px;

  color: #79e0ad;
  font-size: 9px;
}

.gk-vip-call-seller-info i {
  width: 6px;
  height: 6px;

  background: #4fda97;
  border-radius: 50%;
  box-shadow: 0 0 8px #4fda97;
}

/* فروشنده تأییدشده */

.gk-vip-call-verified {
  display: flex;
  align-items: center;
  gap: 5px;

  padding: 6px 9px;

  color: #efd183;
  background: rgba(215, 174, 88, 0.08);

  border: 1px solid rgba(215, 174, 88, 0.25);
  border-radius: 20px;

  font-size: 9px;
}

.gk-vip-call-verified span {
  width: 17px;
  height: 17px;

  display: grid;
  place-items: center;

  color: #0b1c32;
  background: #e6be63;
  border-radius: 50%;

  font-size: 10px;
  font-weight: 900;
}

/* توضیحات تماس */

.gk-vip-call-description {
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 14px;

  background: rgba(2, 11, 26, 0.62);
  border: 1px solid rgba(215, 174, 88, 0.28);
  border-radius: 14px;
}

.gk-vip-call-phone-icon {
  flex: 0 0 51px;

  width: 51px;
  height: 51px;

  display: grid;
  place-items: center;

  color: #ffffff;
  background: linear-gradient(145deg, #246ba4, #0c345e);

  border: 1px solid rgba(255, 255, 255, 0.17);
  border-radius: 15px;

  font-size: 23px;
}

.gk-vip-call-description strong {
  color: #f3d486;
  font-size: 13px;
}

.gk-vip-call-description p {
  margin: 4px 0 0;

  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
  line-height: 1.8;
}

/* پایین پنجره */

.gk-vip-call-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;

  margin-top: 12px;
}

.gk-vip-call-footer p {
  margin: 0;

  color: rgba(255, 255, 255, 0.54);
  font-size: 9px;
  line-height: 1.7;
}

/* دکمه ثبت درخواست تماس */

.gk-vip-call-start {
  min-width: 175px;
  min-height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  padding: 9px 17px;

  color: #0b1a30;
  background: linear-gradient(135deg, #f7dc95, #c08a27);

  border: 0;
  border-radius: 12px;

  font-family: inherit;
  font-size: 12px;
  font-weight: 900;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-vip-call-start:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(215, 174, 88, 0.25);
}

.gk-vip-call-start:active {
  transform: scale(0.98);
}

.gk-vip-call-start:focus-visible {
  outline: 2px solid #f3d68c;
  outline-offset: 2px;
}

/* تاریک‌شدن پنجره‌های پشت تماس */

.gk-vip-info-modal.call-open {
  background: rgba(1, 5, 15, 0.96);
}

.gk-vip-info-modal.call-open .gk-vip-info-window::after {
  background: rgba(2, 8, 20, 0.72);
}

.gk-vip-info-modal.call-open .gk-vip-contact-panel::after {
  background: rgba(2, 8, 20, 0.7);
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 700px) {
  .gk-vip-call-panel {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);

    padding: 13px 12px;
    border-radius: 16px;
  }

  .gk-vip-call-header {
    gap: 8px;
    padding-bottom: 9px;
    margin-bottom: 9px;
  }

  .gk-vip-call-title-icon {
    flex-basis: 39px;

    width: 39px;
    height: 39px;

    font-size: 18px;
  }

  .gk-vip-call-title h3 {
    font-size: 15px;
  }

  .gk-vip-call-title small {
    font-size: 8px;
  }

  .gk-vip-call-back {
    min-width: 70px;
    height: 34px;

    padding: 0 8px;
    font-size: 9px;
  }

  .gk-vip-call-verified {
    padding: 5px 7px;
  }

  .gk-vip-call-description {
    padding: 11px;
  }

  .gk-vip-call-phone-icon {
    flex-basis: 44px;

    width: 44px;
    height: 44px;
  }

  .gk-vip-call-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
  }

  .gk-vip-call-start {
    width: 100%;
    min-height: 42px;
  }
}

@media (max-width: 390px) {
  .gk-vip-call-verified {
    display: none;
  }

  .gk-vip-call-description p {
    font-size: 9px;
  }
}
/* ==================================================
   پنجره موفقیت درخواست تماس
================================================== */

.gk-vip-call-success,
.gk-vip-call-success * {
  box-sizing: border-box;
}

.gk-vip-call-success {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 95;

  display: none;
  flex-direction: column;
  align-items: center;

  width: min(420px, calc(100vw - 30px));
  padding: 25px 22px 17px;

  color: #ffffff;
  direction: rtl;
  text-align: center;

  background:
    radial-gradient(circle at top, rgba(47, 125, 192, 0.25), transparent 42%),
    linear-gradient(145deg, #061428, #0b2c4c 65%, #103d61);

  border: 1px solid rgba(215, 174, 88, 0.7);
  border-radius: 22px;

  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.76),
    0 0 32px rgba(215, 174, 88, 0.14);

  transform: translate(-50%, -50%);

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.gk-vip-call-success.active {
  display: flex;

  animation: gkVipCallSuccessOpen 0.35s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes gkVipCallSuccessOpen {
  from {
    opacity: 0;
    transform: translate(-50%, -42%) scale(0.9);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* آیکون تماس */

.gk-vip-call-success-icon {
  position: relative;

  width: 74px;
  height: 74px;

  display: grid;
  place-items: center;

  margin-bottom: 14px;

  color: #ffffff;
  background: linear-gradient(145deg, #2c78b5, #0e416f);

  border: 6px solid rgba(54, 137, 202, 0.13);
  border-radius: 23px;

  box-shadow:
    0 10px 28px rgba(40, 118, 180, 0.28),
    inset 0 2px 3px rgba(255, 255, 255, 0.25);
}

.gk-vip-call-success-icon::before,
.gk-vip-call-success-icon::after {
  content: "";

  position: absolute;
  inset: -10px;

  border: 1px solid rgba(82, 163, 224, 0.25);
  border-radius: 28px;

  animation: gkVipCallSuccessPulse 1.5s ease-out infinite;
}

.gk-vip-call-success-icon::after {
  animation-delay: 0.5s;
}

@keyframes gkVipCallSuccessPulse {
  from {
    opacity: 0.7;
    transform: scale(0.85);
  }

  to {
    opacity: 0;
    transform: scale(1.25);
  }
}

.gk-vip-call-success-icon > span {
  font-size: 31px;
}

/* تیک کوچک روی آیکون */

.gk-vip-call-success-icon i {
  position: absolute;
  right: -5px;
  bottom: -5px;

  width: 25px;
  height: 25px;

  display: grid;
  place-items: center;

  color: #06231b;
  background: linear-gradient(145deg, #9aefc4, #3ec989);

  border: 3px solid #0b2c4c;
  border-radius: 50%;

  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

/* نوشته‌ها */

.gk-vip-call-success-content small {
  color: #77dca9;
  font-size: 10px;
}

.gk-vip-call-success-content h3 {
  margin: 5px 0 8px;

  color: #f5d991;
  font-size: 21px;
  font-weight: 900;
}

.gk-vip-call-success-content p {
  margin: 0;

  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  line-height: 1.9;
}

.gk-vip-call-success-content strong {
  color: #efce79;
  font-weight: 900;
}

/* نوار پنج‌ثانیه‌ای */

.gk-vip-call-success-progress {
  width: 100%;
  height: 4px;
  overflow: hidden;

  margin-top: 18px;

  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}

.gk-vip-call-success-progress span {
  display: block;

  width: 100%;
  height: 100%;

  background: linear-gradient(90deg, #3fc988, #4f9ed8, #e7c46d);

  border-radius: inherit;
}

.gk-vip-call-success.active .gk-vip-call-success-progress span {
  animation: gkVipCallSuccessTimer 5s linear forwards;
}

@keyframes gkVipCallSuccessTimer {
  from {
    width: 100%;
  }

  to {
    width: 0;
  }
}

/* نوشته زمان */

.gk-vip-call-success-time {
  margin-top: 8px;

  color: rgba(255, 255, 255, 0.43);
  font-size: 9px;
}

/* تاریک‌شدن پنجره پشت موفقیت */

.gk-vip-info-modal.call-success-open {
  background: rgba(1, 5, 14, 0.97);
}

.gk-vip-info-modal.call-success-open .gk-vip-info-window::after {
  background: rgba(1, 7, 18, 0.76);
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 500px) {
  .gk-vip-call-success {
    width: calc(100vw - 24px);
    padding: 22px 16px 15px;
    border-radius: 19px;
  }

  .gk-vip-call-success-icon {
    width: 64px;
    height: 64px;
  }

  .gk-vip-call-success-icon > span {
    font-size: 27px;
  }

  .gk-vip-call-success-content h3 {
    font-size: 18px;
  }

  .gk-vip-call-success-content p {
    font-size: 11px;
  }
}
/* ===== لایه تاریک تمام‌صفحه هنگام بازشدن ارتباط ===== */

.gk-vip-info-modal {
  position: fixed;
  inset: 0;

  width: 100vw;
  height: 100vh;
  height: 100dvh;
}

/* لایه تمام‌صفحه */

.gk-vip-info-modal::before {
  content: "";

  position: fixed;
  inset: 0;
  z-index: 25;

  background: rgba(1, 6, 17, 0);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.25s ease,
    background 0.25s ease;
}

/* هنگام بازشدن ارتباط */

.gk-vip-info-modal.contact-open::before {
  background: rgba(1, 6, 17, 0.78);

  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* خاموش‌کردن لایه نصفه قبلی */

.gk-vip-info-modal.contact-open .gk-vip-info-window::after {
  background: transparent;
}

/* پنجره ارتباط بالاتر از سیاهی */

.gk-vip-contact-panel {
  position: relative;
  z-index: 40;
}
/* ===== تیرگی تمام‌صفحه برای تمام پنجره‌های فرعی ===== */

.gk-vip-info-modal.message-open::before,
.gk-vip-info-modal.call-open::before,
.gk-vip-info-modal.success-open::before,
.gk-vip-info-modal.call-success-open::before {
  background: rgba(1, 6, 17, 0.82);

  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* حذف تیرگی نصفه روی خود پنجره اصلی */

.gk-vip-info-modal.message-open .gk-vip-info-window::after,
.gk-vip-info-modal.call-open .gk-vip-info-window::after,
.gk-vip-info-modal.success-open .gk-vip-info-window::after,
.gk-vip-info-modal.call-success-open .gk-vip-info-window::after {
  background: transparent;
}

/* پنجره‌ها بالاتر از لایه سیاه باشند */

.gk-vip-message-panel {
  z-index: 60;
}

.gk-vip-call-panel {
  z-index: 70;
}

.gk-vip-message-success {
  z-index: 90;
}

.gk-vip-call-success {
  z-index: 95;
}
/* ==================================================
   پنجره خرید آگهی ویژه اصلی سایت
================================================== */

.gk-vip-buy-modal,
.gk-vip-buy-modal * {
  box-sizing: border-box;
}

.gk-vip-buy-modal {
  --buy-darkest: #190409;
  --buy-dark: #2c0711;
  --buy-wine: #4b0c1e;
  --buy-burgundy: #721631;
  --buy-light: #a43253;
  --buy-gold: #d9ad57;
  --buy-gold-light: #f5d990;
  --buy-white: #fff8f9;
  --buy-green: #48d492;

  position: fixed;
  inset: 0;
  z-index: 100200;

  display: none;
  align-items: center;
  justify-content: center;

  width: 100vw;
  height: 100vh;
  height: 100dvh;

  padding: 16px;
  direction: rtl;

  background: rgba(12, 1, 5, 0.91);
}

.gk-vip-buy-modal.active {
  display: flex;
}

/* پنجره اصلی */

.gk-vip-buy-window {
  position: relative;

  width: min(1060px, 96vw);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);

  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;

  color: var(--buy-white);

  background:
    radial-gradient(
      circle at top right,
      rgba(180, 47, 83, 0.24),
      transparent 36%
    ),
    radial-gradient(
      circle at bottom left,
      rgba(120, 21, 49, 0.28),
      transparent 40%
    ),
    linear-gradient(
      145deg,
      var(--buy-darkest),
      var(--buy-dark) 45%,
      var(--buy-wine)
    );

  border: 1px solid rgba(217, 173, 87, 0.7);
  border-radius: 25px;

  box-shadow:
    0 30px 85px rgba(0, 0, 0, 0.72),
    0 0 30px rgba(164, 50, 83, 0.18);

  overscroll-behavior: contain;
  scroll-behavior: auto;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;

  animation: gkVipBuyOpen 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes gkVipBuyOpen {
  from {
    opacity: 0;
    transform: translateY(25px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* اسکرول */

.gk-vip-buy-window::-webkit-scrollbar {
  width: 6px;
}

.gk-vip-buy-window::-webkit-scrollbar-track {
  background: transparent;
}

.gk-vip-buy-window::-webkit-scrollbar-thumb {
  background: rgba(217, 173, 87, 0.7);
  border-radius: 20px;
}

/* دکمه بستن */

.gk-vip-buy-close {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 20;

  width: 40px;
  height: 40px;
  padding: 0;

  display: grid;
  place-items: center;

  color: var(--buy-gold-light);
  background: rgba(255, 255, 255, 0.05);

  border: 1px solid rgba(217, 173, 87, 0.4);
  border-radius: 50%;

  font-family: inherit;
  font-size: 28px;
  line-height: 1;

  cursor: pointer;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-buy-close:hover {
  color: var(--buy-darkest);
  background: var(--buy-gold-light);
  transform: rotate(90deg);
}

/* عنوان */

.gk-vip-buy-header {
  padding: 2px 50px 16px;
  text-align: center;
}

.gk-vip-buy-header h2 {
  margin: 0;

  color: var(--buy-gold-light);
  font-size: 25px;
  font-weight: 900;
}

.gk-vip-buy-header > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;

  margin-top: 7px;
}

.gk-vip-buy-header > div span {
  width: 55px;
  height: 1px;

  background: linear-gradient(90deg, transparent, var(--buy-gold));
}

.gk-vip-buy-header > div span:last-child {
  background: linear-gradient(90deg, var(--buy-gold), transparent);
}

.gk-vip-buy-header strong {
  color: rgba(255, 248, 249, 0.7);
  font-size: 13px;
}

/* بدنه */

.gk-vip-buy-body {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 17px;
}

/* ==================================================
   نمایش محصول
================================================== */

.gk-vip-buy-product {
  position: relative;
  min-width: 0;
  min-height: 500px;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    radial-gradient(circle at center, rgba(170, 42, 80, 0.37), transparent 56%),
    linear-gradient(160deg, #66132d, #350914 60%, #21050c);

  border: 1px solid rgba(217, 173, 87, 0.42);
  border-radius: 170px 170px 24px 24px;
}

/* طاق‌های طلایی */

.gk-vip-buy-product::before,
.gk-vip-buy-product::after {
  content: "";

  position: absolute;
  top: 30px;
  left: 50%;

  width: 82%;
  height: 88%;

  border: 1px solid rgba(217, 173, 87, 0.34);
  border-bottom: 0;
  border-radius: 180px 180px 0 0;

  transform: translateX(-50%);
}

.gk-vip-buy-product::after {
  top: 48px;

  width: 72%;
  height: 82%;

  border-color: rgba(217, 173, 87, 0.17);
}

/* تاج */

.gk-vip-buy-crown {
  position: absolute;
  top: 27px;
  left: 50%;
  z-index: 5;

  color: rgba(238, 195, 105, 0.66);
  font-size: 31px;

  transform: translateX(-50%);
}

/* تصویر محصول */

.gk-vip-buy-product-image {
  position: relative;
  z-index: 4;

  width: 73%;
  height: 73%;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateY(-16px);
}

.gk-vip-buy-product-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  filter: drop-shadow(0 22px 22px rgba(0, 0, 0, 0.52));
}

/* سکوی محصول */

.gk-vip-buy-platform {
  position: absolute;
  right: 50%;
  bottom: 36px;
  z-index: 3;

  width: 72%;
  height: 66px;

  background: linear-gradient(180deg, #8b2342, #3d0a18 55%, #21050c);

  border: 1px solid rgba(217, 173, 87, 0.75);
  border-radius: 50%;

  box-shadow:
    0 14px 22px rgba(0, 0, 0, 0.5),
    inset 0 6px 10px rgba(255, 255, 255, 0.06);

  transform: translateX(50%);
}

.gk-vip-buy-platform::after {
  content: "";

  position: absolute;
  right: 5%;
  bottom: -17px;

  width: 90%;
  height: 48px;

  background: linear-gradient(180deg, #4d0c1d, #21050c);

  border-right: 1px solid rgba(217, 173, 87, 0.48);
  border-bottom: 1px solid rgba(217, 173, 87, 0.48);
  border-left: 1px solid rgba(217, 173, 87, 0.48);
  border-radius: 0 0 50% 50%;
}

/* ==================================================
   اطلاعات خرید
================================================== */

.gk-vip-buy-details {
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 11px;
}

/* محصول و قیمت */

.gk-vip-buy-summary {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 12px;
  align-items: center;

  min-height: 112px;
  padding: 13px;

  background: linear-gradient(
    135deg,
    rgba(135, 27, 58, 0.32),
    rgba(255, 255, 255, 0.035)
  );

  border: 1px solid rgba(217, 173, 87, 0.22);
  border-radius: 16px;
}

.gk-vip-buy-badge {
  height: 84px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;

  color: var(--buy-gold-light);
  background: rgba(34, 5, 13, 0.52);

  border-left: 1px solid rgba(217, 173, 87, 0.24);
  border-radius: 12px;

  font-size: 11px;
  font-weight: 800;
}

.gk-vip-buy-badge span {
  font-size: 31px;
}

.gk-vip-buy-summary h3 {
  margin: 0 0 9px;

  color: #ffffff;
  font-size: 21px;
  line-height: 1.4;
}

.gk-vip-buy-summary > div:last-child > strong {
  color: var(--buy-gold-light);
  font-size: 21px;
  font-weight: 900;
}

/* فروشنده */

.gk-vip-buy-seller {
  display: flex;
  align-items: center;
  gap: 11px;

  min-height: 92px;
  padding: 12px;

  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 15px;
}

.gk-vip-buy-avatar {
  flex: 0 0 55px;

  width: 55px;
  height: 55px;

  display: grid;
  place-items: center;

  color: var(--buy-dark);
  background: linear-gradient(145deg, var(--buy-gold-light), #b77d1e);

  border: 3px solid rgba(217, 173, 87, 0.12);
  border-radius: 50%;

  font-size: 20px;
  font-weight: 900;
}

.gk-vip-buy-seller > div:last-child {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.gk-vip-buy-seller small {
  color: rgba(255, 255, 255, 0.64);
  font-size: 10px;
}

.gk-vip-buy-seller small span {
  display: inline-grid;
  place-items: center;

  width: 16px;
  height: 16px;

  margin-right: 3px;

  color: #082519;
  background: var(--buy-green);
  border-radius: 50%;

  font-size: 9px;
  font-weight: 900;
}

.gk-vip-buy-seller strong {
  color: #ffffff;
  font-size: 15px;
}

.gk-vip-buy-seller p {
  margin: 0;

  color: rgba(255, 255, 255, 0.52);
  font-size: 10px;
}

/* ==================================================
   روش تحویل
================================================== */

.gk-vip-buy-delivery {
  padding: 11px 12px 12px;

  border: 1px solid rgba(217, 173, 87, 0.18);
  border-radius: 15px;
}

.gk-vip-buy-delivery legend {
  padding: 0 8px;

  color: var(--buy-gold-light);
  font-size: 12px;
  font-weight: 800;
}

.gk-vip-buy-delivery > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.gk-vip-buy-delivery label {
  position: relative;

  min-width: 0;
  min-height: 68px;

  display: flex;
  align-items: center;
  gap: 8px;

  padding: 8px;

  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;

  cursor: pointer;

  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-buy-delivery label:hover {
  border-color: rgba(217, 173, 87, 0.6);
  transform: translateY(-2px);
}

.gk-vip-buy-delivery label:has(input:checked) {
  background: linear-gradient(
    135deg,
    rgba(164, 50, 83, 0.28),
    rgba(217, 173, 87, 0.06)
  );

  border-color: var(--buy-gold);
}

.gk-vip-buy-delivery input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* دایره رادیویی */

.gk-vip-buy-radio {
  flex: 0 0 18px;

  width: 18px;
  height: 18px;

  border: 2px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.gk-vip-buy-delivery input:checked + .gk-vip-buy-radio {
  border: 5px solid var(--buy-gold-light);
  box-shadow: 0 0 10px rgba(217, 173, 87, 0.3);
}

.gk-vip-buy-delivery label > span:nth-of-type(2) {
  min-width: 0;
  flex: 1;

  display: flex;
  flex-direction: column;
  gap: 2px;
}

.gk-vip-buy-delivery strong {
  color: #ffffff;
  font-size: 11px;
}

.gk-vip-buy-delivery small {
  overflow: hidden;

  color: rgba(255, 255, 255, 0.45);
  font-size: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gk-vip-buy-delivery b {
  color: var(--buy-gold-light);
  font-size: 20px;
  font-weight: 400;
}

/* ==================================================
   پذیرش قوانین
================================================== */

.gk-vip-buy-terms {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 7px 3px;

  cursor: pointer;
}

.gk-vip-buy-terms input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gk-vip-buy-terms > span {
  flex: 0 0 23px;

  width: 23px;
  height: 23px;

  display: grid;
  place-items: center;

  color: transparent;
  background: rgba(255, 255, 255, 0.06);

  border: 1px solid rgba(217, 173, 87, 0.5);
  border-radius: 6px;

  font-size: 13px;
  font-weight: 900;

  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.gk-vip-buy-terms input:checked + span {
  color: #062319;
  background: var(--buy-green);
  border-color: var(--buy-green);

  transform: scale(1.05);
}

.gk-vip-buy-terms p {
  margin: 0;

  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
}

/* ==================================================
   دکمه‌ها
================================================== */

.gk-vip-buy-actions {
  display: flex;
  gap: 9px;

  direction: ltr;
}

.gk-vip-buy-actions button {
  min-height: 51px;

  border-radius: 13px;

  font-family: inherit;
  font-weight: 900;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.gk-vip-buy-cancel {
  flex: 0 0 120px;

  color: var(--buy-gold-light);
  background: transparent;

  border: 1px solid rgba(217, 173, 87, 0.46);

  direction: rtl;
  font-size: 12px;
}

.gk-vip-buy-cancel:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);
}

.gk-vip-buy-payment {
  flex: 1;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 8px 14px;

  color: #300914;
  background: linear-gradient(105deg, #b97d1e, #f6da91 48%, #c8912f);

  border: 0;

  direction: rtl;
  font-size: 13px;

  box-shadow: 0 8px 20px rgba(217, 173, 87, 0.19);
}

.gk-vip-buy-payment:hover {
  transform: translateY(-2px);

  box-shadow:
    0 10px 24px rgba(217, 173, 87, 0.28),
    0 0 16px rgba(217, 173, 87, 0.14);
}

.gk-vip-buy-payment:active,
.gk-vip-buy-cancel:active {
  transform: scale(0.98);
}

.gk-vip-buy-actions button:focus-visible {
  outline: 2px solid var(--buy-gold-light);
  outline-offset: 2px;
}

/* ==================================================
   تبلت و لپ‌تاپ کوچک
================================================== */

@media (max-width: 950px) {
  .gk-vip-buy-window {
    width: min(800px, 96vw);
  }

  .gk-vip-buy-body {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .gk-vip-buy-product {
    min-height: 440px;
    border-radius: 130px 130px 22px 22px;
  }

  .gk-vip-buy-summary {
    grid-template-columns: 85px 1fr;
  }

  .gk-vip-buy-summary h3 {
    font-size: 18px;
  }

  .gk-vip-buy-summary > div:last-child > strong {
    font-size: 17px;
  }
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 700px) {
  .gk-vip-buy-modal {
    padding: 8px;
    align-items: center;
  }

  .gk-vip-buy-window {
    width: 100%;
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);

    padding: 14px 11px 15px;
    border-radius: 19px;
  }

  .gk-vip-buy-close {
    top: 10px;
    left: 10px;

    width: 34px;
    height: 34px;

    font-size: 23px;
  }

  .gk-vip-buy-header {
    padding: 2px 40px 12px;
  }

  .gk-vip-buy-header h2 {
    font-size: 19px;
  }

  .gk-vip-buy-header strong {
    font-size: 10px;
  }

  .gk-vip-buy-body {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .gk-vip-buy-product {
    min-height: 265px;
    border-radius: 100px 100px 17px 17px;
  }

  .gk-vip-buy-crown {
    top: 16px;
    font-size: 24px;
  }

  .gk-vip-buy-product-image {
    width: 65%;
    height: 68%;

    transform: translateY(-10px);
  }

  .gk-vip-buy-platform {
    bottom: 25px;

    width: 64%;
    height: 42px;
  }

  .gk-vip-buy-platform::after {
    bottom: -11px;
    height: 30px;
  }

  .gk-vip-buy-summary {
    min-height: 95px;
    grid-template-columns: 82px 1fr;

    padding: 10px;
  }

  .gk-vip-buy-badge {
    height: 72px;
  }

  .gk-vip-buy-summary h3 {
    margin-bottom: 6px;
    font-size: 17px;
  }

  .gk-vip-buy-summary > div:last-child > strong {
    font-size: 16px;
  }

  .gk-vip-buy-seller {
    min-height: 78px;
    padding: 9px;
  }

  .gk-vip-buy-avatar {
    flex-basis: 46px;

    width: 46px;
    height: 46px;
  }

  .gk-vip-buy-delivery label {
    min-height: 58px;
  }

  .gk-vip-buy-payment {
    order: 1;
    width: 100%;
  }

  .gk-vip-buy-cancel {
    order: 2;
    flex-basis: auto;
    width: 100%;
  }
}

/* گوشی کوچک */

@media (max-width: 390px) {
  .gk-vip-buy-product {
    min-height: 230px;
  }

  .gk-vip-buy-summary {
    grid-template-columns: 70px 1fr;
  }

  .gk-vip-buy-badge {
    height: 67px;
    font-size: 9px;
  }

  .gk-vip-buy-badge span {
    font-size: 25px;
  }

  .gk-vip-buy-summary h3 {
    font-size: 15px;
  }

  .gk-vip-buy-summary > div:last-child > strong {
    font-size: 14px;
  }
}

/* کاهش حرکت برای دستگاه‌های ضعیف */

@media (prefers-reduced-motion: reduce) {
  .gk-vip-buy-window {
    animation: none;
  }

  .gk-vip-buy-window *,
  .gk-vip-buy-window *::before,
  .gk-vip-buy-window *::after {
    transition: none;
  }
}
/* ===== جمع‌وجور و سبک‌کردن پنجره خرید ===== */

.gk-vip-buy-modal {
  padding: 12px;
  overflow: hidden;
}

.gk-vip-buy-window {
  width: min(900px, 95vw);
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);

  padding: 14px 15px 15px;
  border-radius: 21px;

  overflow-y: auto;
  overflow-x: hidden;

  scroll-behavior: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;

  /* سبک‌ترشدن پردازش */
  contain: layout paint;

  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.62);

  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* عنوان */

.gk-vip-buy-header {
  padding: 0 45px 10px;
}

.gk-vip-buy-header h2 {
  font-size: 21px;
}

.gk-vip-buy-header > div {
  margin-top: 4px;
}

/* بدنه */

.gk-vip-buy-body {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* بخش تصویر */

.gk-vip-buy-product {
  min-height: 390px;
  border-radius: 125px 125px 19px 19px;
}

.gk-vip-buy-product-image {
  width: 67%;
  height: 67%;

  transform: translateY(-10px);
}

.gk-vip-buy-product-image img {
  /* حذف سایه سنگین تصویر */
  filter: none;
}

.gk-vip-buy-crown {
  top: 19px;
  font-size: 26px;
}

.gk-vip-buy-platform {
  bottom: 28px;

  width: 67%;
  height: 52px;

  box-shadow: 0 9px 16px rgba(0, 0, 0, 0.4);
}

.gk-vip-buy-platform::after {
  bottom: -13px;
  height: 37px;
}

/* بخش اطلاعات */

.gk-vip-buy-details {
  gap: 8px;
}

.gk-vip-buy-summary {
  min-height: 92px;
  grid-template-columns: 82px 1fr;

  padding: 9px;
}

.gk-vip-buy-badge {
  height: 70px;
  font-size: 9px;
}

.gk-vip-buy-badge span {
  font-size: 25px;
}

.gk-vip-buy-summary h3 {
  margin-bottom: 5px;
  font-size: 17px;
}

.gk-vip-buy-summary > div:last-child > strong {
  font-size: 17px;
}

/* فروشنده */

.gk-vip-buy-seller {
  min-height: 72px;
  padding: 8px 10px;
}

.gk-vip-buy-avatar {
  flex-basis: 44px;

  width: 44px;
  height: 44px;

  font-size: 17px;
}

/* تحویل */

.gk-vip-buy-delivery {
  padding: 8px 9px 9px;
}

.gk-vip-buy-delivery label {
  min-height: 56px;
  padding: 6px 7px;
}

.gk-vip-buy-delivery b {
  font-size: 17px;
}

/* قوانین */

.gk-vip-buy-terms {
  padding: 4px 2px;
}

.gk-vip-buy-terms > span {
  flex-basis: 21px;

  width: 21px;
  height: 21px;
}

/* دکمه‌ها */

.gk-vip-buy-actions button {
  min-height: 45px;
}

.gk-vip-buy-payment {
  font-size: 12px;
}

/* ==================================================
   تبلت
================================================== */

@media (max-width: 850px) {
  .gk-vip-buy-window {
    width: min(750px, 96vw);
  }

  .gk-vip-buy-product {
    min-height: 350px;
  }

  .gk-vip-buy-summary {
    grid-template-columns: 72px 1fr;
  }
}

/* ==================================================
   گوشی
================================================== */

@media (max-width: 700px) {
  .gk-vip-buy-modal {
    padding: 7px;
  }

  .gk-vip-buy-window {
    width: 100%;
    max-height: calc(100vh - 14px);
    max-height: calc(100dvh - 14px);

    padding: 12px 10px 13px;
    border-radius: 17px;
  }

  .gk-vip-buy-header {
    padding: 0 38px 9px;
  }

  .gk-vip-buy-header h2 {
    font-size: 17px;
  }

  .gk-vip-buy-body {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .gk-vip-buy-product {
    min-height: 210px;
    border-radius: 85px 85px 15px 15px;
  }

  .gk-vip-buy-product-image {
    width: 57%;
    height: 66%;
  }

  .gk-vip-buy-platform {
    bottom: 20px;

    width: 57%;
    height: 34px;
  }

  .gk-vip-buy-platform::after {
    bottom: -9px;
    height: 24px;
  }

  .gk-vip-buy-summary {
    min-height: 82px;
  }

  .gk-vip-buy-delivery > div {
    grid-template-columns: 1fr;
  }

  .gk-vip-buy-actions {
    flex-direction: column;
  }

  .gk-vip-buy-payment {
    order: 1;
  }

  .gk-vip-buy-cancel {
    order: 2;
    flex-basis: auto;
  }
}
/* ===== کوچک‌ترکردن گنبد و نمایان‌شدن هلال ===== */

.gk-vip-buy-product {
  width: 90%;
  min-height: 355px;

  justify-self: center;
  margin-top: 7px;

  border-radius: 110px 110px 18px 18px;
}

/* هلال بیرونی */

.gk-vip-buy-product::before {
  top: 20px;

  width: 82%;
  height: 82%;

  border-radius: 145px 145px 0 0;
}

/* هلال داخلی */

.gk-vip-buy-product::after {
  top: 39px;

  width: 68%;
  height: 74%;

  border-radius: 125px 125px 0 0;
}

/* پایین‌آوردن تاج */

.gk-vip-buy-crown {
  top: 25px;
}

/* تنظیم تصویر داخل گنبد */

.gk-vip-buy-product-image {
  width: 63%;
  height: 64%;

  transform: translateY(-4px);
}

/* تنظیم سکوی پایین */

.gk-vip-buy-platform {
  bottom: 27px;
  width: 64%;
}

/* ===== نسخه گوشی ===== */

@media (max-width: 700px) {
  .gk-vip-buy-product {
    width: 96%;
    min-height: 205px;

    margin-top: 3px;
    border-radius: 75px 75px 14px 14px;
  }

  .gk-vip-buy-product::before {
    top: 14px;

    width: 84%;
    height: 81%;

    border-radius: 90px 90px 0 0;
  }

  .gk-vip-buy-product::after {
    top: 27px;

    width: 69%;
    height: 72%;

    border-radius: 75px 75px 0 0;
  }

  .gk-vip-buy-crown {
    top: 16px;
  }

  .gk-vip-buy-product-image {
    width: 55%;
    height: 62%;
  }

  .gk-vip-buy-platform {
    bottom: 20px;
    width: 56%;
  }
}

/* ========================================
   آمار زنده سمت چپ هدر گرا.کالا
======================================== */

.gk-header-stats {
  --gk-gold: #d8aa58;
  --gk-gold-light: #ffe5a2;
  --gk-burgundy: #650d2b;
  --gk-border: rgba(216, 170, 88, 0.3);

  direction: rtl;
  display: flex;
  align-items: center;
  gap: 10px;

  height: 76px;
  flex-shrink: 0;

  /* انتقال کامل به سمت چپ هدر */
  margin-right: auto !important;
  margin-left: 0 !important;

  color: #f8ecd2;
  font-family: inherit;
}

/* ========================================
   دایره روزشمار
======================================== */

.gk-header-age {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gk-header-orbit {
  position: relative;

  width: 70px;
  height: 70px;
  flex: 0 0 70px;

  display: grid;
  place-items: center;

  border: 1px solid rgba(255, 214, 130, 0.75);
  border-radius: 50%;

  background: radial-gradient(
    circle at 50% 35%,
    #8e2146 0%,
    #560c28 48%,
    #190910 100%
  );

  box-shadow:
    inset 0 0 18px rgba(255, 190, 92, 0.15),
    0 0 18px rgba(111, 18, 49, 0.35);
}

/* حلقه داخلی */

.gk-header-orbit::before {
  content: "";
  position: absolute;
  inset: 7px;

  border: 1px solid rgba(255, 214, 130, 0.3);
  border-radius: 50%;
}

/* نقطه‌های تزئینی */

.gk-header-orbit::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -3px;

  width: 7px;
  height: 7px;
  border-radius: 50%;

  background: var(--gk-gold-light);

  box-shadow:
    0 0 8px var(--gk-gold),
    -55px 42px 0 -1px var(--gk-gold);
}

/* تاج */

.gk-header-crown {
  position: absolute;
  top: 3px;
  left: 50%;

  transform: translateX(-50%);

  color: var(--gk-gold-light);
  font-size: 14px;
  line-height: 1;
}

/* تعداد روزها */

#gkSiteDays {
  position: relative;
  z-index: 1;

  margin-top: 9px;

  color: #fff0c4;
  font-size: 25px;
  line-height: 1;
  font-weight: 900;

  text-shadow: 0 2px 10px rgba(255, 202, 111, 0.25);
}

/* متن کنار روزشمار */

.gk-header-age-text {
  display: flex;
  flex-direction: column;
  gap: 2px;

  white-space: nowrap;
}

.gk-header-age-text strong {
  color: #fff0ce;
  font-size: 13px;
  font-weight: 800;
}

.gk-header-age-text span {
  color: rgba(255, 244, 222, 0.58);
  font-size: 9px;
}

/* ========================================
   تاریخ، ساعت و کاربران
======================================== */

.gk-header-information {
  width: 215px;

  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* تاریخ امروز */

.gk-header-date {
  min-height: 35px;
  padding: 4px 9px;

  display: flex;
  align-items: center;
  gap: 7px;

  border: 1px solid var(--gk-border);
  border-radius: 12px;

  background: linear-gradient(
    135deg,
    rgba(103, 15, 46, 0.45),
    rgba(19, 13, 13, 0.92)
  );

  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}

.gk-header-date > span:last-child {
  display: flex;
  flex-direction: column;
}

.gk-header-date small {
  color: rgba(255, 240, 213, 0.55);
  font-size: 8px;
}

.gk-header-date strong {
  color: #ffe7b0;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 800;
  white-space: nowrap;
}

/* آیکن‌های تاریخ و کاربران */

.gk-header-stat-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;

  display: grid;
  place-items: center;

  color: var(--gk-gold-light);
  border-radius: 8px;

  background: rgba(216, 170, 88, 0.1);
}

.gk-header-stat-icon svg {
  width: 15px;
  height: 15px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ردیف کاربران، ساعت و وضعیت */

.gk-header-information-row {
  display: flex;
  align-items: stretch;
  gap: 4px;
}

/* تعداد کاربران */

.gk-header-users {
  min-width: 91px;
  height: 30px;
  padding: 3px 6px;

  display: flex;
  align-items: center;
  gap: 5px;

  border: 1px solid rgba(216, 170, 88, 0.23);
  border-radius: 10px;

  background: rgba(255, 255, 255, 0.035);
}

.gk-header-users .gk-header-stat-icon {
  width: 21px;
  height: 21px;
  flex-basis: 21px;
}

.gk-header-users > span:last-child {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

#gkUserCount {
  color: #ffe7ad;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.gk-header-users small {
  color: rgba(255, 244, 222, 0.5);
  font-size: 7px;
  white-space: nowrap;
}

/* ساعت زنده */

.gk-header-clock {
  height: 30px;
  padding: 0 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #ffe4a9;

  border: 1px solid rgba(216, 170, 88, 0.25);
  border-radius: 10px;

  background: linear-gradient(
    135deg,
    rgba(101, 13, 43, 0.45),
    rgba(22, 12, 15, 0.9)
  );

  font-size: 10px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* وضعیت فعال */

.gk-header-active {
  height: 30px;
  padding: 0 7px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;

  color: #49ee91;

  border: 1px solid rgba(40, 218, 119, 0.27);
  border-radius: 10px;

  background: rgba(20, 116, 65, 0.13);

  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

.gk-header-active i {
  width: 6px;
  height: 6px;

  border-radius: 50%;
  background: #21e978;

  box-shadow: 0 0 7px rgba(33, 233, 120, 0.8);
}

/* ========================================
   لپ‌تاپ و تبلت
======================================== */

@media (max-width: 1100px) {
  .gk-header-stats {
    gap: 7px;

    /* همچنان سمت چپ */
    margin-right: auto !important;
    margin-left: 0 !important;
  }

  .gk-header-orbit {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
  }

  #gkSiteDays {
    font-size: 22px;
  }

  .gk-header-age-text {
    display: none;
  }

  .gk-header-information {
    width: 205px;
  }
}

/* ========================================
   نسخه موبایل
======================================== */

@media (max-width: 700px) {
  .main-header {
    height: auto;
    min-height: 95px;
    flex-wrap: wrap;
  }

  .gk-header-stats {
    width: 100%;
    height: auto;

    margin: 7px 0 0 !important;
    padding-top: 7px;

    justify-content: center;

    border-top: 1px solid rgba(216, 170, 88, 0.13);
  }

  .gk-header-information {
    width: min(230px, calc(100% - 72px));
  }

  .gk-header-orbit {
    width: 60px;
    height: 60px;
    flex-basis: 60px;
  }

  .gk-header-date {
    min-height: 33px;
  }
}

/* ========================================
   موبایل کوچک
======================================== */

@media (max-width: 410px) {
  .gk-header-stats {
    gap: 5px;
  }

  .gk-header-orbit {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }

  .gk-header-information {
    width: calc(100% - 62px);
  }

  .gk-header-active {
    width: 27px;
    padding: 0;
  }

  .gk-header-active span {
    display: none;
  }

  .gk-header-users {
    min-width: 80px;
    flex: 1;
  }

  .gk-header-clock {
    padding-inline: 6px;
    font-size: 9px;
  }
}
/* برعکس‌کردن ترتیب اجزای روزشمار */

.gk-header-stats {
  flex-direction: row-reverse;
}

.gk-header-age {
  flex-direction: row-reverse;
}
/* چیدمان چپ به راست پنجره تاریخ */

.gk-header-date {
  direction: ltr;
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
}

.gk-header-date > span:last-child {
  direction: rtl;
  align-items: flex-start;
  text-align: right;
}
/* تصویر سراسری و قابل مشاهده هدر */

.main-header {
  position: relative;
  overflow: hidden;
  isolation: isolate;

  background: #090909 !important;
}

.gk-main-header-image {
  position: absolute;
  inset: 0;

  /* عکس روی رنگ مشکی قرار بگیرد */
  z-index: 0 !important;

  width: 100%;
  height: 100%;

  display: block;
  object-fit: cover;
  object-position: center;

  /* میزان دیده‌شدن عکس */
  opacity: 0.78;
  filter: brightness(0.82) contrast(1.08);

  pointer-events: none;
  user-select: none;
}
/* ===== ظاهر شیشه‌ای لینک‌های منو ===== */

a.service-item,
a.service-item:link,
a.service-item:visited {
  color: #f8f3e8;
  text-decoration: none;

  background: linear-gradient(
    135deg,
    rgba(80, 83, 100, 0.58),
    rgba(42, 44, 58, 0.48)
  );

  border: 1px solid rgba(231, 192, 92, 0.35);

  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 6px 16px rgba(0, 0, 0, 0.18);
}

/* آیکون دکمه */

a.service-item .service-icon {
  color: #f0c65d;
}

/* حالت رفتن موس روی دکمه */

a.service-item:hover {
  color: #ffe19a;

  background: linear-gradient(
    135deg,
    rgba(101, 103, 120, 0.68),
    rgba(52, 54, 69, 0.58)
  );

  border-color: rgba(240, 198, 93, 0.7);
}
/* ===== قرارگرفتن آمار هدر روی تصویر ===== */

.main-header .gk-header-stats {
  position: relative;
  z-index: 5;

  opacity: 1;
  visibility: visible;
  filter: none;
}
/* ========================================
   پنجره همه آگهی‌ها
======================================== */

.gk-all-ads-modal {
  --gk-fire-gold: #ffae00;
  --gk-light-gold: #ffd76a;
  --gk-white: #ffffff;

  position: fixed;
  inset: 0;
  z-index: 99999;

  display: grid;
  place-items: center;

  padding: 22px;
  direction: rtl;

  background: rgba(0, 0, 0, 0.72);

  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.35s ease,
    visibility 0.35s ease;
}

.gk-all-ads-modal[hidden] {
  display: none;
}

.gk-all-ads-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* پنجره اصلی */

.gk-all-ads-window {
  position: relative;
  isolation: isolate;

  display: flex;
  flex-direction: column;

  width: min(1500px, 95vw);
  height: min(880px, 91vh);

  overflow: hidden;

  border: 1px solid var(--gk-light-gold);
  border-radius: 48px 48px 30px 30px;

  background:
    radial-gradient(
      circle at top center,
      rgba(255, 174, 0, 0.17),
      transparent 34%
    ),
    linear-gradient(145deg, rgba(20, 18, 12, 0.91), rgba(2, 3, 4, 0.88));

  box-shadow:
    0 0 8px rgba(255, 213, 106, 0.85),
    0 0 30px rgba(255, 132, 0, 0.4),
    inset 0 0 25px rgba(255, 174, 0, 0.08);

  transform: translateY(20px) scale(0.97);

  transition: transform 0.38s ease;
}

.gk-all-ads-modal.is-open .gk-all-ads-window {
  transform: translateY(0) scale(1);
}

/* هلال‌های طلایی گوشه پنجره */

.gk-all-ads-window::before,
.gk-all-ads-window::after {
  content: "";

  position: absolute;
  top: -64px;
  z-index: -1;

  width: 155px;
  height: 155px;

  border: 4px solid var(--gk-fire-gold);
  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(255, 205, 88, 0.22),
    rgba(255, 127, 0, 0.05) 55%,
    transparent 70%
  );

  box-shadow:
    0 0 14px rgba(255, 215, 106, 0.8),
    0 0 30px rgba(255, 119, 0, 0.5);
}

.gk-all-ads-window::before {
  right: -60px;
}

.gk-all-ads-window::after {
  left: -60px;
}

/* دکمه ضربدر */

.gk-all-ads-close {
  position: absolute;
  top: 27px;
  left: 29px;
  z-index: 10;

  display: grid;
  place-items: center;

  width: 55px;
  height: 55px;

  padding: 0;
  border: 1px solid var(--gk-light-gold);
  border-radius: 50%;

  color: var(--gk-white);
  background: rgba(10, 10, 10, 0.78);

  font-family: inherit;
  font-size: 34px;
  line-height: 1;

  cursor: pointer;

  box-shadow:
    0 0 10px rgba(255, 213, 106, 0.55),
    inset 0 0 12px rgba(255, 174, 0, 0.12);

  transition:
    color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.gk-all-ads-close:hover {
  color: #111111;
  background: var(--gk-fire-gold);

  box-shadow:
    0 0 12px var(--gk-light-gold),
    0 0 28px rgba(255, 115, 0, 0.75);

  transform: rotate(90deg);
}

/* سربرگ پنجره */

.gk-all-ads-header {
  position: relative;
  flex-shrink: 0;

  padding: 14px 38px 20px;

  border-bottom: 1px solid rgba(255, 186, 41, 0.28);
}

/* نام و شعار */

.gk-all-ads-brand {
  position: relative;

  width: fit-content;
  margin: 0 auto;

  text-align: center;
}

.gk-all-ads-brand strong {
  display: block;

  color: var(--gk-light-gold);

  font-size: clamp(34px, 4vw, 58px);
  font-weight: 900;
  line-height: 1.1;

  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.45),
    0 0 14px rgba(255, 189, 46, 0.95),
    0 0 28px rgba(255, 105, 0, 0.65);
}

.gk-all-ads-brand span {
  display: block;
  margin-top: 7px;

  color: var(--gk-white);

  font-size: 16px;
  font-weight: 600;

  text-shadow:
    0 0 7px rgba(255, 255, 255, 0.4),
    0 0 14px rgba(255, 157, 0, 0.4);
}

/* هلال زیر نام سایت */

.gk-all-ads-brand::after {
  content: "";

  position: absolute;
  top: calc(100% - 14px);
  left: 50%;
  z-index: -1;

  width: 390px;
  height: 52px;

  border-bottom: 2px solid var(--gk-fire-gold);
  border-radius: 0 0 50% 50%;

  transform: translateX(-50%);

  box-shadow: 0 9px 18px rgba(255, 119, 0, 0.25);
}

/* عنوان و تعداد آگهی‌ها */

.gk-all-ads-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 25px;

  margin-top: 22px;
}

.gk-all-ads-heading h2 {
  margin: 0;

  color: var(--gk-light-gold);

  font-size: clamp(27px, 3vw, 42px);
  font-weight: 900;

  text-shadow:
    0 0 10px rgba(255, 204, 79, 0.65),
    0 0 20px rgba(255, 112, 0, 0.4);
}

.gk-all-ads-heading p {
  margin: 6px 0 0;

  color: rgba(255, 255, 255, 0.88);

  font-size: 15px;
}

.gk-all-ads-count {
  flex-shrink: 0;

  padding: 9px 17px;

  border: 1px solid rgba(255, 208, 91, 0.48);
  border-radius: 999px;

  color: var(--gk-white);
  background: rgba(255, 174, 0, 0.09);

  font-size: 14px;

  box-shadow:
    0 0 12px rgba(255, 156, 0, 0.18),
    inset 0 0 9px rgba(255, 193, 56, 0.08);
}

/* محل کارت‌های آگهی */

.gk-all-ads-grid {
  flex: 1;

  padding: 20px 28px 28px;

  overflow-x: hidden;
  overflow-y: auto;

  scrollbar-width: thin;
  scrollbar-color: var(--gk-fire-gold) transparent;
}

.gk-all-ads-grid::-webkit-scrollbar {
  width: 7px;
}

.gk-all-ads-grid::-webkit-scrollbar-track {
  background: transparent;
}

.gk-all-ads-grid::-webkit-scrollbar-thumb {
  border-radius: 20px;

  background: linear-gradient(
    to bottom,
    var(--gk-light-gold),
    var(--gk-fire-gold)
  );

  box-shadow: 0 0 10px rgba(255, 132, 0, 0.7);
}

/* حالت موبایل */

@media (max-width: 768px) {
  .gk-all-ads-modal {
    padding: 9px;
  }

  .gk-all-ads-window {
    width: 100%;
    height: 96dvh;

    border-radius: 30px 30px 20px 20px;
  }

  .gk-all-ads-close {
    top: 17px;
    left: 17px;

    width: 45px;
    height: 45px;

    font-size: 28px;
  }

  .gk-all-ads-header {
    padding: 18px 17px 15px;
  }

  .gk-all-ads-brand strong {
    font-size: 35px;
  }

  .gk-all-ads-brand span {
    font-size: 13px;
  }

  .gk-all-ads-brand::after {
    width: 235px;
  }

  .gk-all-ads-heading {
    align-items: flex-start;
    flex-direction: column;

    margin-top: 28px;
  }

  .gk-all-ads-heading h2 {
    font-size: 27px;
  }

  .gk-all-ads-grid {
    padding: 16px 13px 22px;
  }
}

/* اندازه متعادل پنجره همه آگهی‌ها */

@media (min-width: 769px) {
  .gk-all-ads-window {
    width: min(1380px, 92vw);
    height: min(810px, 87vh);

    border-radius: 44px 44px 28px 28px;
  }

  .gk-all-ads-header {
    padding: 12px 35px 18px;
  }

  .gk-all-ads-brand strong {
    font-size: clamp(34px, 3.5vw, 52px);
  }

  .gk-all-ads-brand span {
    margin-top: 5px;
    font-size: 15px;
  }

  .gk-all-ads-heading {
    margin-top: 19px;
  }

  .gk-all-ads-heading h2 {
    font-size: clamp(27px, 2.7vw, 38px);
  }

  .gk-all-ads-close {
    top: 24px;
    left: 26px;

    width: 51px;
    height: 51px;

    font-size: 31px;
  }

  .gk-all-ads-grid {
    padding: 18px 25px 25px;
  }
}
/* ========================================
   کارت‌های همه آگهی‌ها
======================================== */

.gk-all-ads-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
  gap: 16px;

  scroll-behavior: smooth;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.gk-all-ads-card {
  position: relative;

  min-width: 0;
  min-height: 330px;

  overflow: hidden;

  border: 1px solid rgba(255, 206, 86, 0.6);
  border-radius: 34px 34px 18px 18px;

  color: #ffffff;

  background:
    radial-gradient(circle at top, rgba(255, 174, 0, 0.11), transparent 45%),
    linear-gradient(150deg, rgba(27, 24, 17, 0.92), rgba(5, 6, 7, 0.96));

  box-shadow:
    0 0 8px rgba(255, 202, 70, 0.3),
    inset 0 0 18px rgba(255, 144, 0, 0.05);
}

/* هلال‌های گوشه کارت */

.gk-all-ads-card::before,
.gk-all-ads-card::after {
  content: "";

  position: absolute;
  top: -25px;
  z-index: 3;

  width: 58px;
  height: 58px;

  border: 3px solid #ffae00;
  border-radius: 50%;

  box-shadow:
    0 0 8px #ffd766,
    0 0 16px rgba(255, 102, 0, 0.6);

  pointer-events: none;
}

.gk-all-ads-card::before {
  right: -25px;
}

.gk-all-ads-card::after {
  left: -25px;
}

/* تصویر کارت */

.gk-all-ads-card-image {
  position: relative;

  height: 155px;
  overflow: hidden;

  border-bottom: 1px solid rgba(255, 183, 30, 0.35);
  border-radius: 34px 34px 18px 18px;
}

.gk-all-ads-card-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

/* نشان آگهی ویژه */

.gk-all-ads-featured {
  position: absolute;
  top: 13px;
  right: 14px;

  padding: 5px 12px;

  border: 1px solid #fff1a8;
  border-radius: 999px;

  color: #211300;
  background: linear-gradient(135deg, #fff3ad, #ffc928 55%, #ff8a00);

  font-size: 12px;
  font-weight: 900;

  box-shadow:
    0 0 8px rgba(255, 239, 153, 0.9),
    0 0 18px rgba(255, 111, 0, 0.65);
}

/* اطلاعات کارت */

.gk-all-ads-card-content {
  padding: 12px 14px 14px;
}

.gk-all-ads-category {
  display: block;

  margin-bottom: 4px;

  color: #ffd76a;

  font-size: 12px;
}

.gk-all-ads-card h3 {
  margin: 0 0 10px;

  color: #ffffff;

  font-size: 18px;
  font-weight: 800;

  text-shadow: 0 0 8px rgba(255, 255, 255, 0.18);
}

/* مشخصات */

.gk-all-ads-specs {
  border-top: 1px solid rgba(255, 184, 34, 0.22);
  border-bottom: 1px solid rgba(255, 184, 34, 0.22);
}

.gk-all-ads-specs p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  margin: 0;
  padding: 6px 0;

  color: rgba(255, 255, 255, 0.72);

  font-size: 12px;
}

.gk-all-ads-specs p + p {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.gk-all-ads-specs strong {
  color: rgba(255, 255, 255, 0.94);
  font-weight: 600;
}

/* پایین کارت */

.gk-all-ads-card-footer {
  display: flex;
  flex-direction: column;
  gap: 5px;

  margin-top: 10px;
}

.gk-all-ads-price {
  color: #fff2bc;

  font-size: 13px;

  text-shadow:
    0 0 7px rgba(255, 223, 112, 0.4),
    0 0 13px rgba(255, 126, 0, 0.25);
}

.gk-all-ads-card-footer > span {
  color: rgba(255, 255, 255, 0.55);
  font-size: 11px;
}

/* ========================================
   اسکرول طلایی آتشین
======================================== */

.gk-all-ads-grid {
  scrollbar-width: thin;
  scrollbar-color: #ff8a00 rgba(255, 174, 0, 0.08);
}

.gk-all-ads-grid::-webkit-scrollbar {
  width: 12px;
}

.gk-all-ads-grid::-webkit-scrollbar-track {
  margin-block: 9px;

  border: 1px solid rgba(255, 192, 52, 0.18);
  border-radius: 999px;

  background: linear-gradient(
    to bottom,
    rgba(20, 12, 3, 0.65),
    rgba(3, 4, 5, 0.75)
  );

  box-shadow: inset 0 0 8px rgba(255, 107, 0, 0.15);
}

.gk-all-ads-grid::-webkit-scrollbar-thumb {
  border: 2px solid rgba(20, 12, 4, 0.9);
  border-radius: 999px;

  background: linear-gradient(
    to bottom,
    #fff3b0 0%,
    #ffd34f 28%,
    #ff9d00 62%,
    #ff5200 100%
  );

  box-shadow:
    0 0 7px #ffd968,
    0 0 15px rgba(255, 81, 0, 0.85);
}

.gk-all-ads-grid::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, #ffffff, #ffdc63, #ff7b00, #ff3d00);
}

/* تبلت */

@media (max-width: 1100px) {
  .gk-all-ads-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* موبایل */

@media (max-width: 600px) {
  .gk-all-ads-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .gk-all-ads-card {
    min-height: 320px;
  }
}
/* ========================================
   هدر کوچک‌تر با فاصله از هلال‌ها
======================================== */

@media (min-width: 769px) {
  .gk-all-ads-header {
    padding: 6px 32px 10px;
  }

  /* نام گرا.کالا */

  .gk-all-ads-brand strong {
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1;
  }

  .gk-all-ads-brand span {
    margin-top: 3px;
    font-size: 12px;
  }

  .gk-all-ads-brand::after {
    top: calc(100% - 9px);

    width: 300px;
    height: 37px;
  }

  /* عنوان و تعداد آگهی‌ها */

  .gk-all-ads-heading {
    align-items: center;

    width: 100%;
    margin-top: 10px;
    padding-inline: clamp(75px, 7vw, 105px);

    box-sizing: border-box;
  }

  .gk-all-ads-heading h2 {
    font-size: clamp(24px, 2.3vw, 32px);
  }

  .gk-all-ads-heading p {
    margin-top: 3px;

    font-size: 13px;
    line-height: 1.7;
  }

  .gk-all-ads-count {
    flex-shrink: 0;

    padding: 6px 13px;

    font-size: 12px;
    white-space: nowrap;
  }

  /* ضربدر */

  .gk-all-ads-close {
    top: 17px;
    left: 22px;

    width: 44px;
    height: 44px;

    font-size: 27px;
  }

  /* فضای کارت‌ها */

  .gk-all-ads-grid {
    padding: 12px 22px 22px;
  }
}

/* اندازه‌های متوسط */

@media (min-width: 769px) and (max-width: 980px) {
  .gk-all-ads-heading {
    gap: 14px;
    padding-inline: 58px;
  }

  .gk-all-ads-heading h2 {
    font-size: 25px;
  }

  .gk-all-ads-heading p {
    font-size: 12px;
  }
}

/* ========================================
   واضح‌ترشدن کارت‌ها
======================================== */

.gk-all-ads-card {
  border-color: rgba(255, 211, 92, 0.9);

  background:
    radial-gradient(circle at top, rgba(255, 174, 0, 0.15), transparent 45%),
    linear-gradient(150deg, rgba(34, 30, 20, 0.97), rgba(4, 5, 6, 0.98));

  box-shadow:
    0 0 7px rgba(255, 220, 112, 0.55),
    0 0 17px rgba(255, 112, 0, 0.2),
    inset 0 0 18px rgba(255, 160, 0, 0.07);
}

.gk-all-ads-card-image img {
  filter: brightness(1.08) contrast(1.06) saturate(1.05);
}
/* ========================================
   انیمیشن نام گرا.کالا
======================================== */

.gk-all-ads-brand strong {
  display: inline-block;

  color: transparent;

  background: linear-gradient(
    90deg,
    #ff7a00 0%,
    #ffd34f 22%,
    #ffffff 45%,
    #fff1a6 55%,
    #ffad00 78%,
    #ff5e00 100%
  );

  background-size: 260% 100%;

  -webkit-background-clip: text;
  background-clip: text;

  will-change: transform, background-position;
}

.gk-all-ads-modal.is-open .gk-all-ads-brand strong {
  animation:
    gkAllAdsBrandMove 3s ease-in-out infinite,
    gkAllAdsBrandLight 4.5s linear infinite;
}

/* حرکت آرام بالا و پایین */

@keyframes gkAllAdsBrandMove {
  0%,
  100% {
    transform: translateY(0) scale(1);

    text-shadow:
      0 0 7px rgba(255, 255, 255, 0.35),
      0 0 15px rgba(255, 193, 45, 0.75),
      0 0 25px rgba(255, 92, 0, 0.45);
  }

  50% {
    transform: translateY(-4px) scale(1.025);

    text-shadow:
      0 0 9px rgba(255, 255, 255, 0.75),
      0 0 22px rgba(255, 215, 92, 1),
      0 0 38px rgba(255, 87, 0, 0.8);
  }
}

/* عبور نور روی نوشته */

@keyframes gkAllAdsBrandLight {
  0% {
    background-position: 100% center;
  }

  100% {
    background-position: -160% center;
  }
}

/* توقف انیمیشن برای کاربران حساس به حرکت */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .gk-all-ads-modal.is-open .gk-all-ads-brand strong {
    animation: none;
  }
}
/* بخش‌هایی که با کلید مرکزی سرور موقتاً خاموش هستند */
[data-gk-public-category][hidden] {
  display: none !important;
}

/* ===== چیدمان قابل مدیریت آمار هدر ===== */

.gk-header-stats[hidden],
[data-gk-header-widget][hidden] {
  display: none !important;
}

.gk-header-stats.is-custom-order {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  grid-auto-flow: column;
  align-items: center;
  gap: 6px;
  height: auto;
}

.gk-header-stats.is-custom-order .gk-header-information,
.gk-header-stats.is-custom-order .gk-header-information-row {
  display: contents;
}

.gk-header-stats.is-custom-order .gk-header-active {
  order: 99;
}

@media (max-width: 700px) {
  .gk-header-stats.is-custom-order {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-flow: row;
    align-items: stretch;
  }

  .gk-header-stats.is-custom-order .gk-header-age,
  .gk-header-stats.is-custom-order .gk-header-date,
  .gk-header-stats.is-custom-order .gk-header-users,
  .gk-header-stats.is-custom-order .gk-header-clock {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    justify-content: center;
  }

  .gk-header-stats.is-custom-order .gk-header-active {
    grid-column: 1 / -1;
    width: 100%;
    box-sizing: border-box;
  }
}