/*
 * صفحه اصلی موبایل گرا.کالا
 * این فایل عمداً بعد از css.css بارگذاری می‌شود تا فقط در نمایشگر موبایل
 * ظاهر صفحه اصلی را تغییر دهد و نسخه دسکتاپ دست‌نخورده بماند.
 */

.gk-mobile-top-actions,
.gk-mobile-hero-copy,
.gk-mobile-search,
.gk-mobile-menu-backdrop,
.gk-mobile-drawer-brand,
.gk-mobile-drawer-nav,
.gk-mobile-toast,
.gk-mobile-favorites,
.gk-mobile-section-title,
.gk-mobile-featured-crown,
.gk-mobile-view-all,
.gk-mobile-category-launcher,
.gk-mobile-bottom-nav,
.gk-mobile-featured-overlay,
.gk-mobile-favorite,
.gk-mobile-mini-featured-heading,
.gk-mobile-public-favorite,
.gk-vip-mobile-brand,
.gk-vip-mobile-type-badge,
.gk-vip-info-header-art,
.gk-vip-info-summary-subtitle,
.gk-vip-info-summary-location,
.gk-vip-info-seller-ads,
.gk-vip-info-save {
  display: none;
}

.gk-mobile-featured-hero,
.gk-mobile-quick-access,
.gk-mobile-featured-catalog,
.gk-mobile-public-view-all,
.gk-mobile-footer,
.gk-mobile-special-detail,
.gk-mobile-public-detail {
  display: none;
}

.gk-mobile-favorites[hidden] {
  display: none !important;
}

.gk-desktop-section-title {
  display: inline;
}

.gk-mobile-mini-featured-track {
  display: contents;
}

.gk-mobile-mini-featured-track[hidden] {
  display: none !important;
}

@media (max-width: 720px) {
  :root {
    --gk-mobile-gold: #f6c453;
    --gk-mobile-gold-light: #ffe79b;
    --gk-mobile-burgundy: #700823;
    --gk-mobile-burgundy-dark: #300510;
    --gk-mobile-navy: #06142b;
    --gk-mobile-surface: #090b14;
  }

  html {
    width: 100%;
    max-width: 100%;
    margin: 0;
    scroll-behavior: smooth;
    scroll-padding-top: 14px;
    overflow-x: hidden;
    background: #050914;
  }

  body {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px));
    overflow-x: hidden !important;
    color: #ffffff;
    background:
      radial-gradient(circle at 15% 5%, rgba(129, 9, 44, 0.35), transparent 30%),
      linear-gradient(180deg, #060712 0%, #050914 42%, #071326 100%);
  }

  body.gk-mobile-menu-open {
    overflow: hidden;
  }

  /* هدر تصویری */
  .main-header {
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    height: 455px !important;
    min-height: 455px !important;
    margin: 7px auto 8px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(246, 196, 83, 0.78) !important;
    border-radius: 27px !important;
    background: #070811 !important;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.52),
      0 0 22px rgba(246, 196, 83, 0.11) !important;
    isolation: isolate;
  }

  .main-header::before {
    display: none !important;
  }

  .main-header::after {
    z-index: 1 !important;
    inset: 0 !important;
    border-radius: inherit !important;
    background:
      linear-gradient(180deg, rgba(2, 8, 25, 0.16) 0%, transparent 28%),
      linear-gradient(0deg, rgba(20, 1, 12, 0.96) 0%, rgba(20, 2, 12, 0.2) 43%, transparent 70%) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .main-header .gk-main-header-image {
    z-index: 0 !important;
    opacity: 1 !important;
    object-position: 50% center !important;
    filter: saturate(1.18) contrast(1.05) brightness(0.83) !important;
    transform: scale(1.03);
  }

  .main-header .gk-header-stats {
    display: none !important;
  }

  .main-header .brand {
    position: absolute !important;
    z-index: 4 !important;
    top: 16px !important;
    left: 50% !important;
    width: min(235px, 58vw) !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    direction: ltr !important;
    transform: translateX(-50%) !important;
  }

  .main-header .brand-text {
    min-width: 0;
    align-items: center !important;
    text-align: center;
  }

  .main-header .brand-name {
    margin: 0 !important;
    color: var(--gk-mobile-gold-light) !important;
    font-size: clamp(25px, 8vw, 36px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    white-space: nowrap;
    transform: none !important;
    text-shadow:
      0 2px 0 #7d4618,
      0 0 13px rgba(246, 196, 83, 0.34) !important;
  }

  .main-header .brand-slogan {
    margin-top: 5px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: clamp(9px, 2.7vw, 12px) !important;
    letter-spacing: 0 !important;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.78);
  }

  .main-header .header-logo {
    width: 59px !important;
    height: 59px !important;
    flex: 0 0 59px;
    border-radius: 17px !important;
    object-fit: cover !important;
    filter: drop-shadow(0 0 9px rgba(246, 196, 83, 0.28)) !important;
  }

  .gk-mobile-top-actions {
    position: absolute;
    z-index: 5;
    top: 19px;
    left: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
    pointer-events: none;
  }

  .gk-mobile-round-button {
    width: 49px;
    height: 49px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid rgba(246, 196, 83, 0.85);
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(145deg, rgba(91, 5, 31, 0.86), rgba(25, 4, 18, 0.86));
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 6px 18px rgba(0, 0, 0, 0.35);
    pointer-events: auto;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .gk-mobile-round-button svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-round-button:active {
    transform: scale(0.94);
  }

  .gk-mobile-hero-copy {
    position: absolute;
    z-index: 4;
    top: 141px;
    left: 22px;
    right: 22px;
    display: block;
    direction: rtl;
    text-align: center;
  }

  .gk-mobile-hero-copy h1 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(25px, 7.3vw, 34px);
    font-weight: 1000;
    line-height: 1.48;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.88);
  }

  .gk-mobile-hero-copy h1 strong {
    color: var(--gk-mobile-gold-light);
    font-weight: inherit;
  }

  .gk-mobile-hero-copy p {
    margin: 7px 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: clamp(10px, 2.8vw, 13px);
    line-height: 1.8;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.88);
  }

  .gk-mobile-search {
    position: absolute;
    z-index: 5;
    right: 14px;
    bottom: 15px;
    left: 14px;
    height: 64px;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    align-items: center;
    direction: ltr;
    border: 1.5px solid var(--gk-mobile-gold);
    border-radius: 32px;
    background: linear-gradient(90deg, rgba(80, 5, 27, 0.96), rgba(101, 6, 34, 0.95));
    box-shadow:
      0 8px 25px rgba(0, 0, 0, 0.42),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
    overflow: hidden;
  }

  .gk-mobile-search-submit {
    width: 58px;
    height: 44px;
    margin-left: 6px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 24px;
    color: #111421;
    background: linear-gradient(145deg, #ffe38a, #f0ad34);
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.35);
    cursor: pointer;
  }

  .gk-mobile-search-submit svg,
  .gk-mobile-filter-button svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-search input {
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0 10px;
    border: 0;
    outline: 0;
    color: #ffffff;
    background: transparent;
    direction: rtl;
    font: inherit;
    font-size: 13px;
    text-align: right;
  }

  .gk-mobile-search input::placeholder {
    color: rgba(255, 255, 255, 0.58);
  }

  .gk-mobile-filter-button {
    width: 48px;
    height: 48px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-right: 1px solid rgba(246, 196, 83, 0.4);
    color: #ffffff;
    background: transparent;
    cursor: pointer;
  }

  /* کشوی منو */
  .gk-mobile-menu-backdrop {
    position: fixed;
    z-index: 100190;
    inset: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(0, 3, 11, 0.7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: opacity 220ms ease, visibility 220ms ease;
  }

  .gk-mobile-menu-backdrop[hidden] {
    display: none !important;
  }

  body.gk-mobile-menu-open .gk-mobile-menu-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .services-menu {
    position: fixed !important;
    z-index: 100200 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(72vw, 320px) !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 18px 14px 30px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    overflow: hidden auto !important;
    border: 0 !important;
    border-right: 1px solid rgba(246, 196, 83, 0.72) !important;
    border-radius: 0 28px 28px 0 !important;
    background:
      linear-gradient(180deg, rgba(21, 5, 34, 0.89) 0%, rgba(9, 8, 31, 0.86) 54%, rgba(6, 12, 30, 0.52) 100%),
      url("./file_000000009b248246b98724db31648b3f.webp") center bottom / auto 100% no-repeat,
      #090817 !important;
    box-shadow:
      18px 0 50px rgba(0, 0, 0, 0.68),
      inset -1px 0 rgba(255, 224, 129, 0.2) !important;
    transform: translateX(-105%);
    transition: transform 260ms ease;
    direction: rtl !important;
  }

  body.gk-mobile-menu-open .services-menu {
    transform: translateX(0);
  }

  .gk-mobile-drawer-brand {
    position: relative;
    min-height: 190px;
    padding: 15px 8px 8px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(246, 196, 83, 0.18);
    text-align: center;
  }

  .gk-mobile-drawer-brand img {
    width: min(94%, 220px);
    height: 128px;
    object-fit: contain;
    filter: drop-shadow(0 0 13px rgba(255, 190, 47, 0.28));
  }

  .gk-mobile-drawer-brand > span {
    margin-top: -15px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
  }

  #gkMobileMenuClose {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(44, 5, 25, 0.48);
    cursor: pointer;
  }

  #gkMobileMenuClose svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
  }

  .gk-mobile-drawer-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .gk-mobile-drawer-nav > button {
    position: relative;
    width: 100%;
    min-height: 74px;
    padding: 9px 12px;
    display: grid;
    grid-template-columns: 45px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 215, 91, 0.82);
    border-radius: 16px;
    color: #fff8df;
    background: linear-gradient(145deg, rgba(14, 15, 38, 0.96), rgba(21, 9, 31, 0.94));
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.025),
      0 5px 13px rgba(0, 0, 0, 0.26);
    font: inherit;
    cursor: pointer;
  }

  .gk-mobile-drawer-nav > button.is-active {
    color: #ffe369;
    background:
      radial-gradient(circle at 45% 50%, rgba(255, 47, 42, 0.28), transparent 54%),
      linear-gradient(145deg, rgba(135, 4, 31, 0.98), rgba(42, 5, 25, 0.97));
    box-shadow:
      0 0 15px rgba(255, 57, 48, 0.24),
      inset 0 0 19px rgba(255, 80, 35, 0.1);
  }

  .gk-mobile-drawer-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    color: #ffd568;
  }

  .gk-mobile-drawer-icon svg {
    width: 34px;
    height: 34px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 6px rgba(255, 202, 66, 0.2));
  }

  .gk-mobile-drawer-label {
    overflow: hidden;
    font-size: clamp(13px, 3.8vw, 17px);
    font-weight: 850;
    line-height: 1.4;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-mobile-drawer-arrow {
    color: #ffd95f;
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
  }

  .services-menu .service-item,
  .services-menu a.service-item,
  .services-menu button.service-item {
    display: none !important;
  }

  .services-menu .service-item[hidden] {
    display: none !important;
  }

  .gk-mobile-toast {
    position: fixed;
    z-index: 100240;
    right: 14px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    left: 14px;
    max-width: 420px;
    margin: 0 auto;
    padding: 12px 16px;
    display: block;
    border: 1px solid rgba(255, 215, 87, 0.8);
    border-radius: 14px;
    color: #fff8e5;
    background: linear-gradient(145deg, rgba(109, 5, 35, 0.98), rgba(7, 20, 43, 0.98));
    box-shadow: 0 13px 35px rgba(0, 0, 0, 0.55);
    font-size: 12px;
    font-weight: 750;
    text-align: center;
  }

  .gk-mobile-toast[hidden] {
    display: none !important;
  }

  .gk-mobile-favorite-target {
    animation: gk-mobile-favorite-target 1.6s ease;
  }

  @keyframes gk-mobile-favorite-target {
    0%, 100% {
      box-shadow: inherit;
    }
    35%, 70% {
      box-shadow: 0 0 0 3px #ffe076, 0 0 25px rgba(255, 211, 73, 0.75) !important;
    }
  }

  /* آگهی‌های ویژه */
  #featuredAds[hidden],
  .gk-public-market[hidden] {
    display: none !important;
  }

  .ads-section {
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    margin: 0 auto 9px !important;
    margin-inline: auto !important;
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(246, 196, 83, 0.72) !important;
    border-radius: 23px !important;
    background:
      radial-gradient(circle at 90% 0, rgba(159, 21, 61, 0.45), transparent 40%),
      linear-gradient(155deg, #6d0826, #2e0512 78%) !important;
    box-shadow: 0 11px 30px rgba(0, 0, 0, 0.4) !important;
    direction: rtl !important;
  }

  .special-ads-title {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100% !important;
    height: auto !important;
    min-height: 43px !important;
    margin: 0 0 8px !important;
    padding: 0 3px 7px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(246, 196, 83, 0.3) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .special-star {
    margin: 0 !important;
    color: var(--gk-mobile-gold-light) !important;
    font-size: 21px !important;
  }

  .special-ads-title h2 {
    margin: 0 !important;
    color: var(--gk-mobile-gold-light) !important;
    font-size: 18px !important;
    font-weight: 1000;
  }

  .gk-desktop-section-title {
    display: none;
  }

  .gk-mobile-section-title {
    display: inline;
  }

  .gk-mobile-view-all {
    min-height: 32px;
    margin-right: auto;
    padding: 5px 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(246, 196, 83, 0.7);
    border-radius: 17px;
    color: #ffffff;
    background: rgba(32, 3, 14, 0.42);
    font: inherit;
    font-size: 10px;
    cursor: pointer;
  }

  .gk-mobile-view-all span {
    color: var(--gk-mobile-gold-light);
    font-size: 21px;
    line-height: 0.8;
  }

  #featuredAds .ads-grid {
    display: contents !important;
  }

  #featuredAds .ad-card[data-featured-slot="0"] {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    height: 255px !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 18px !important;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) {
    width: calc((100% - 16px) / 3) !important;
    height: 164px !important;
    min-width: calc((100% - 16px) / 3) !important;
    max-width: calc((100% - 16px) / 3) !important;
    flex: 0 0 calc((100% - 16px) / 3) !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  .gk-mobile-mini-featured-track {
    grid-column: 1 / -1;
    grid-row: 5;
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    direction: rtl;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .gk-mobile-mini-featured-track::-webkit-scrollbar {
    display: none;
  }

  .gk-mobile-mini-featured-track[hidden] {
    display: none !important;
  }

  .gk-mobile-mini-featured-track .ad-card {
    scroll-snap-align: start;
  }

  #featuredAds .ad-card::before {
    animation-duration: 5s !important;
  }

  #featuredAds .ad-image {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
  }

  #featuredAds .ad-image::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(3, 10, 24, 0.96) 0%, rgba(3, 10, 24, 0.52) 37%, transparent 70%);
  }

  .gk-mobile-featured-overlay {
    position: absolute;
    z-index: 6;
    right: 58px;
    bottom: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    pointer-events: none;
    direction: rtl;
    text-align: right;
  }

  .gk-mobile-featured-badge {
    position: absolute;
    z-index: 7;
    top: 10px;
    right: 10px;
    padding: 5px 11px;
    border-radius: 14px;
    color: #2d1b05;
    background: linear-gradient(145deg, #ffe68f, #f0af34);
    font-size: 10px;
    font-weight: 1000;
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.28);
  }

  .gk-mobile-featured-title {
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    color: #ffffff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.85);
  }

  .gk-mobile-featured-meta {
    color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
  }

  .gk-mobile-featured-price {
    color: var(--gk-mobile-gold-light);
    font-size: 15px;
    font-weight: 1000;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.72);
  }

  .gk-mobile-favorite,
  .gk-mobile-public-favorite {
    position: absolute;
    z-index: 15;
    width: 34px;
    height: 34px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 0;
    color: #ffffff;
    background: transparent;
    font-size: 26px;
    line-height: 1;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
    cursor: pointer;
  }

  .gk-mobile-favorite {
    top: 8px;
    left: 8px;
  }

  .gk-mobile-favorite.is-saved,
  .gk-mobile-public-favorite.is-saved {
    color: #ffce5a;
  }

  #featuredAds .ad-actions {
    z-index: 12 !important;
  }

  #featuredAds .ad-card[data-featured-slot="0"] .ad-actions {
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: 42px !important;
    transform: none !important;
  }

  #featuredAds .ad-card[data-featured-slot="0"] .ad-details-btn {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--gk-mobile-gold) !important;
    border-radius: 50% !important;
    color: transparent !important;
    background: linear-gradient(145deg, #a3123d, #5f061f) !important;
    font-size: 0 !important;
  }

  #featuredAds .ad-card[data-featured-slot="0"] .ad-details-btn::after {
    content: "→";
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
  }

  #featuredAds .ad-buy-btn {
    display: none !important;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .gk-mobile-featured-overlay {
    right: 6px;
    bottom: 7px;
    left: 6px;
    gap: 1px;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .gk-mobile-featured-badge {
    top: 6px;
    right: auto;
    left: 6px;
    padding: 3px 7px;
    font-size: 8px;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .gk-mobile-favorite {
    top: 3px;
    right: 3px;
    left: auto;
    width: 29px;
    height: 29px;
    font-size: 21px;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .gk-mobile-featured-title {
    font-size: 10px;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .gk-mobile-featured-meta {
    max-width: 100%;
    overflow: hidden;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .gk-mobile-featured-price {
    font-size: 9px;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .ad-actions {
    inset: 0 !important;
    width: 100% !important;
    transform: none !important;
  }

  #featuredAds .ad-card:not([data-featured-slot="0"]) .ad-details-btn {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  .gk-mobile-mini-featured-heading {
    grid-column: 1 / -1;
    grid-row: 4;
    min-height: 38px;
    padding: 6px 3px 3px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--gk-mobile-gold-light);
    border-top: 1px solid rgba(246, 196, 83, 0.25);
    font-size: 15px;
    font-weight: 900;
  }

  .gk-mobile-mini-featured-heading[hidden] {
    display: none !important;
  }

  /* دکمه انتخاب دسته‌بندی مطابق طرح مرجع */
  .gk-mobile-category-launcher {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 7px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1.5px solid var(--gk-mobile-gold);
    border-radius: 24px;
    color: #ffffff;
    background: linear-gradient(100deg, #7b092b, #340511);
    box-shadow:
      0 8px 22px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.08);
    direction: rtl;
    font: inherit;
    cursor: pointer;
  }

  .gk-mobile-category-icon {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: var(--gk-mobile-gold-light);
    font-size: 23px;
  }

  .gk-mobile-category-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  .gk-mobile-category-launcher strong {
    font-size: 16px;
  }

  .gk-mobile-category-arrow {
    margin-right: auto;
    color: var(--gk-mobile-gold-light);
    font-size: 30px;
    line-height: 1;
  }

  /* آخرین آگهی‌های عمومی به شکل ردیفی */
  .gk-public-market {
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    margin: 0 auto 13px !important;
    margin-inline: auto !important;
    border: 1px solid rgba(246, 196, 83, 0.68) !important;
    border-radius: 22px !important;
    background: linear-gradient(155deg, #680822, #27040f) !important;
    box-shadow: 0 11px 28px rgba(0, 0, 0, 0.38) !important;
  }

  .gk-public-header {
    min-height: 50px !important;
    padding: 8px 11px !important;
    display: block !important;
    border-bottom: 1px solid rgba(246, 196, 83, 0.3) !important;
    background: transparent !important;
  }

  .gk-public-title {
    justify-content: flex-start !important;
    gap: 7px !important;
  }

  .gk-public-title-icon {
    color: var(--gk-mobile-gold-light) !important;
    font-size: 21px !important;
  }

  .gk-public-title h2 {
    color: #ffffff !important;
    font-size: 0 !important;
  }

  .gk-public-title h2::after {
    content: "آخرین آگهی‌های عمومی";
    font-size: 16px;
  }

  .gk-public-title p,
  .gk-public-header .gk-public-search {
    display: none !important;
  }

  .gk-public-board {
    min-height: 0 !important;
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    background: transparent !important;
  }

  .gk-public-card {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 5px !important;
    display: grid !important;
    grid-template-columns: 105px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(246, 196, 83, 0.3) !important;
    border-radius: 13px !important;
    color: #ffffff !important;
    background: linear-gradient(110deg, #07182e, #061126) !important;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.24) !important;
    direction: rtl !important;
  }

  .gk-public-card:hover {
    transform: none !important;
  }

  .gk-public-pin {
    display: none !important;
  }

  .gk-public-image {
    width: 105px !important;
    height: 70px !important;
    aspect-ratio: auto !important;
    overflow: hidden;
    border-radius: 9px !important;
  }

  .gk-public-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .gk-public-info {
    min-width: 0;
    padding: 3px 0 1px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto 1fr !important;
    column-gap: 6px;
    text-align: right !important;
  }

  .gk-public-info h3 {
    grid-column: 1 / -1;
    margin: 0 !important;
    overflow: hidden;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1.55;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-public-description {
    grid-column: 1;
    margin: 0 !important;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 9px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-public-price {
    grid-column: 1;
    align-self: end;
    margin: 0 !important;
    overflow: hidden;
    color: var(--gk-mobile-gold-light) !important;
    font-size: 10px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-public-meta {
    grid-column: 2;
    grid-row: 2 / 4;
    padding: 0 !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    flex-direction: column !important;
    gap: 3px !important;
    border: 0 !important;
    color: rgba(255, 255, 255, 0.66) !important;
    font-size: 8px !important;
    white-space: nowrap;
  }

  .gk-public-view {
    position: absolute !important;
    z-index: 10;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  .gk-mobile-public-favorite {
    z-index: 13;
    bottom: 6px;
    left: 5px;
    width: 30px;
    height: 30px;
    font-size: 22px;
  }

  .gk-public-more {
    margin: 4px auto 11px !important;
    padding: 7px 17px !important;
    border-color: rgba(246, 196, 83, 0.66) !important;
    border-radius: 16px !important;
    color: var(--gk-mobile-gold-light) !important;
    background: rgba(4, 13, 29, 0.7) !important;
  }

  /* خود بخش دسته‌بندی‌ها برای رسیدن از دکمه بالا */
  .gk-main-categories {
    scroll-margin-top: 12px;
  }

  /* نوار ثابت پایین */
  .gk-mobile-bottom-nav {
    position: fixed;
    z-index: 9000;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    min-height: 70px;
    padding: 7px 5px calc(5px + env(safe-area-inset-bottom, 0px));
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    direction: rtl;
    border-top: 1px solid rgba(246, 196, 83, 0.72);
    color: #ffffff;
    background: rgba(4, 13, 29, 0.96);
    box-shadow: 0 -9px 25px rgba(0, 0, 0, 0.42);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  }

  @supports (overflow: clip) {
    html,
    body {
      overflow-x: clip !important;
    }
  }

  .gk-mobile-bottom-nav > button {
    min-width: 0;
    min-height: 53px;
    padding: 3px 1px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 3px;
    border: 0;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.82);
    background: transparent;
    font: inherit;
    font-size: clamp(8px, 2.4vw, 10px);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .gk-mobile-bottom-nav > button svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-bottom-nav > button.is-active {
    color: var(--gk-mobile-gold-light);
    background: linear-gradient(145deg, rgba(131, 8, 45, 0.94), rgba(91, 5, 30, 0.94));
    box-shadow: inset 0 0 0 1px rgba(246, 196, 83, 0.38);
  }

  .gk-mobile-bottom-nav .gk-mobile-add-ad {
    position: relative;
    overflow: visible;
    color: #ffffff;
  }

  .gk-mobile-add-circle {
    width: 50px;
    height: 50px;
    margin-top: -26px;
    display: grid;
    place-items: center;
    border: 2px solid #ffe18a;
    border-radius: 50%;
    color: #181306;
    background: linear-gradient(145deg, #ffe98d, #f0ad32);
    box-shadow:
      0 6px 16px rgba(0, 0, 0, 0.42),
      0 0 13px rgba(246, 196, 83, 0.28);
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
  }

  @media (max-width: 380px) {
    .main-header {
      height: 430px !important;
      min-height: 430px !important;
    }

    .gk-mobile-hero-copy {
      top: 133px;
    }

    .gk-mobile-search {
      height: 58px;
      grid-template-columns: 64px minmax(0, 1fr);
    }

    .gk-mobile-search-submit {
      width: 52px;
      height: 40px;
    }

    #featuredAds .ad-card[data-featured-slot="0"] {
      height: 235px !important;
    }

    #featuredAds .ad-card:not([data-featured-slot="0"]) {
      height: 148px !important;
    }

    .gk-mobile-featured-title {
      font-size: 16px;
    }

    .gk-mobile-category-launcher strong {
      font-size: 14px;
    }

    .gk-public-card {
      grid-template-columns: 92px minmax(0, 1fr) !important;
    }

    .gk-public-image {
      width: 92px !important;
    }
  }
}

/* نسخه تازه صفحه اصلی موبایل؛ مطابق طرح سه‌تکه تأییدشده */
@media (max-width: 720px) {
  body {
    padding-bottom: 0 !important;
    background:
      radial-gradient(circle at 50% 7%, rgba(137, 4, 43, 0.42), transparent 24%),
      linear-gradient(180deg, #08030a 0%, #17030b 38%, #040913 100%) !important;
  }

  .main-header {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    height: 430px !important;
    min-height: 430px !important;
    margin: 6px auto 8px !important;
    border-radius: 28px 28px 18px 18px !important;
  }

  .main-header .gk-main-header-image {
    object-position: 50% center !important;
    filter: saturate(1.45) contrast(1.08) brightness(0.78) !important;
    transform: scale(1.16) !important;
  }

  .main-header::after {
    background:
      radial-gradient(circle at 50% 36%, transparent 15%, rgba(5, 1, 9, 0.08) 60%),
      linear-gradient(180deg, rgba(0, 7, 25, 0.05), rgba(66, 0, 24, 0.22) 58%, rgba(20, 0, 10, 0.76)) !important;
  }

  .main-header .brand {
    top: 24px !important;
    width: min(250px, 62vw) !important;
  }

  .main-header .brand-name {
    font-size: clamp(27px, 8.8vw, 39px) !important;
  }

  .main-header .brand-slogan {
    font-size: clamp(10px, 2.8vw, 13px) !important;
  }

  .main-header .header-logo {
    width: 64px !important;
    height: 64px !important;
    flex-basis: 64px !important;
  }

  .gk-mobile-top-actions {
    top: 24px !important;
    right: 16px !important;
    left: 16px !important;
  }

  .gk-mobile-round-button {
    width: 52px !important;
    height: 52px !important;
    border-color: rgba(255, 213, 100, 0.92) !important;
    background: linear-gradient(145deg, rgba(122, 5, 40, 0.96), rgba(27, 5, 22, 0.92)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.08),
      0 0 16px rgba(251, 190, 59, 0.18) !important;
  }

  .gk-mobile-hero-copy {
    display: none !important;
  }

  .gk-mobile-search {
    right: 15px !important;
    bottom: 45px !important;
    left: 15px !important;
    height: 70px !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    border-color: #ffd562 !important;
    border-radius: 35px !important;
    background:
      linear-gradient(105deg, rgba(126, 61, 38, 0.42), rgba(58, 10, 38, 0.36)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(1.45) brightness(1.08) !important;
    backdrop-filter: blur(20px) saturate(1.45) brightness(1.08) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.28),
      inset 0 0 26px rgba(255, 255, 255, 0.05),
      0 0 24px rgba(255, 181, 48, 0.3),
      0 14px 34px rgba(0, 0, 0, 0.38) !important;
  }

  .gk-mobile-search-submit {
    width: 58px !important;
    height: 58px !important;
    margin-left: 3px !important;
    color: #ffd86d !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gk-mobile-search input {
    padding-inline: 12px !important;
    border: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, 0.68) !important;
    font-size: clamp(12px, 3.6vw, 16px) !important;
    text-align: center !important;
  }

  .gk-mobile-filter-button {
    border: 0 !important;
  }

  /* در صفحه اصلی جدید، پنجره‌های بزرگ هر دسته فقط از دکمه‌های مربوط باز می‌شوند. */
  .gk-main-categories,
  body > .gk-digital-market,
  body > .vehicle-market,
  body > .home-market,
  body > .agri-market {
    display: none !important;
  }

  #featuredAds {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    margin: 0 auto 10px !important;
    padding: 12px !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 205, 84, 0.72) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 92% 5%, rgba(193, 23, 67, 0.5), transparent 25%),
      linear-gradient(155deg, #850823 0%, #37030f 57%, #17030a 100%) !important;
    box-shadow:
      inset 0 0 24px rgba(255, 68, 84, 0.05),
      0 12px 30px rgba(0, 0, 0, 0.42) !important;
  }

  #featuredAds > .special-ads-title {
    position: relative !important;
    z-index: 6 !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 5px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    direction: rtl !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    border-bottom-color: rgba(255, 213, 103, 0.35) !important;
  }

  #featuredAds > .special-ads-title .special-star {
    display: none !important;
  }

  #featuredAds > .special-ads-title .gk-mobile-featured-crown {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: grid !important;
    place-items: center;
    color: #ffe17c;
    filter: drop-shadow(0 0 8px rgba(255, 199, 61, 0.48));
  }

  #featuredAds > .special-ads-title .gk-mobile-featured-crown svg {
    width: 100%;
    height: 100%;
    overflow: visible;
    fill: currentColor;
    stroke: #7c4300;
    stroke-width: 0.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #featuredAds > .special-ads-title h2 {
    font-size: clamp(18px, 5.4vw, 23px) !important;
  }

  #featuredAds > .special-ads-title .gk-mobile-view-all {
    display: none !important;
  }

  #featuredAds > .ads-grid,
  #featuredAds > .gk-mobile-category-launcher {
    display: none !important;
  }

  #featuredAds .gk-mobile-featured-hero {
    position: relative;
    width: 100%;
    height: 310px;
    margin-top: 12px;
    display: block !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card {
    position: absolute !important;
    inset: 0 0 30px !important;
    width: 100% !important;
    height: auto !important;
    min-width: 100% !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1.5px solid #f6c453 !important;
    border-radius: 20px !important;
    background: #061329 !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.08) inset,
      0 8px 22px rgba(0, 0, 0, 0.42) !important;
    cursor: pointer;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card:focus-visible {
    outline: 3px solid #fff1a6 !important;
    outline-offset: 3px !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card[hidden] {
    display: none !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-image,
  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-slide {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-slide {
    object-fit: cover !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-image::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    background: linear-gradient(0deg, rgba(2, 9, 23, 0.98), rgba(3, 10, 25, 0.28) 58%, transparent 78%);
    pointer-events: none;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-overlay {
    right: 62px !important;
    bottom: 13px !important;
    left: 50px !important;
    display: flex !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-title {
    font-size: clamp(17px, 5vw, 22px) !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-meta {
    font-size: 11px !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-price {
    font-size: clamp(15px, 4.5vw, 20px) !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-badge {
    top: 11px !important;
    right: 11px !important;
    display: block !important;
    padding: 6px 13px !important;
    font-size: 11px !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-favorite {
    top: 8px !important;
    right: auto !important;
    left: 8px !important;
    display: grid !important;
    font-size: 30px !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-actions {
    z-index: 12 !important;
    right: auto !important;
    bottom: 13px !important;
    left: 12px !important;
    width: 44px !important;
    display: block !important;
    transform: none !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-details-btn {
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #ffd260 !important;
    border-radius: 50% !important;
    color: transparent !important;
    background: linear-gradient(145deg, #e52247, #83051f) !important;
    font-size: 0 !important;
    box-shadow: 0 0 13px rgba(255, 62, 79, 0.42) !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-details-btn::after {
    content: "←";
    color: #ffffff;
    font-size: 23px;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-buy-btn {
    display: none !important;
  }

  .gk-mobile-featured-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    direction: ltr;
  }

  .gk-mobile-featured-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.42);
    cursor: pointer;
  }

  .gk-mobile-featured-dots button.is-active {
    background: #ffd05a;
    box-shadow: 0 0 8px rgba(255, 199, 68, 0.7);
  }

  .gk-mobile-quick-access {
    width: calc(100% - 12px);
    max-width: calc(100% - 12px);
    margin: 0 auto 10px;
    padding: 9px;
    display: block;
    border: 1px solid rgba(255, 207, 89, 0.72);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(125, 4, 33, 0.92), rgba(48, 2, 14, 0.94));
    box-shadow: inset 0 0 18px rgba(255, 97, 82, 0.06);
  }

  .gk-mobile-quick-access h2 {
    margin: 0 0 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #ffe083;
    font-size: clamp(16px, 4.8vw, 20px);
  }

  .gk-mobile-quick-access h2 span {
    color: #f8be3c;
    font-size: 10px;
  }

  .gk-mobile-quick-access h2 .gk-mobile-quick-label {
    flex: 0 0 auto;
    color: #ffe083;
    font-size: inherit;
    font-weight: 900;
    white-space: nowrap;
  }

  .gk-mobile-quick-grid-mark {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: grid;
    place-items: center;
    color: #ffd45f !important;
    filter: drop-shadow(0 0 6px rgba(255, 196, 56, 0.42));
  }

  .gk-mobile-quick-grid-mark svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
  }

  .gk-mobile-quick-rule {
    position: relative;
    width: min(18vw, 72px);
    height: 1px;
    flex: 1 1 46px;
    color: #f8be3c !important;
    background: linear-gradient(90deg, transparent, rgba(255, 210, 86, 0.82));
  }

  .gk-mobile-quick-rule:last-child {
    background: linear-gradient(90deg, rgba(255, 210, 86, 0.82), transparent);
  }

  .gk-mobile-quick-rule::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 5px;
    height: 5px;
    border: 1px solid #ffd45f;
    border-radius: 50%;
    background: #6b071e;
    transform: translate(50%, -50%);
  }

  .gk-mobile-quick-rule:last-child::after {
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
  }

  .gk-mobile-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    direction: rtl;
  }

  .gk-mobile-quick-grid > a {
    min-width: 0;
    min-height: 48px;
    padding: 6px 7px;
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr) 8px;
    align-items: center;
    gap: 4px;
    overflow: hidden;
    border: 1px solid rgba(255, 205, 82, 0.72);
    border-radius: 12px;
    color: #fff7dc;
    background: linear-gradient(145deg, #071a34, #510519);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 5px 12px rgba(0, 0, 0, 0.28);
    font-size: clamp(8px, 2.5vw, 11px);
    font-weight: 800;
    line-height: 1.45;
    text-decoration: none;
  }

  .gk-mobile-quick-grid > a[hidden] {
    display: none !important;
  }

  .gk-mobile-quick-grid > a:nth-child(even) {
    background: linear-gradient(145deg, #66051d, #260718);
  }

  .gk-mobile-quick-icon {
    color: #ffc84e;
    font-size: 23px;
    line-height: 1;
    text-align: center;
    filter: drop-shadow(0 0 4px rgba(255, 192, 55, 0.36));
  }

  .gk-mobile-quick-grid b {
    color: #ffd05a;
    font-size: 18px;
    font-weight: 400;
  }

  .gk-mobile-featured-catalog {
    width: calc(100% - 12px);
    max-width: calc(100% - 12px);
    margin: 0 auto 10px;
    padding: 10px;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255, 207, 84, 0.72);
    border-radius: 22px;
    background:
      radial-gradient(circle at 92% 4%, rgba(193, 23, 67, 0.45), transparent 25%),
      linear-gradient(155deg, #790720 0%, #2a030e 65%, #0b0912 100%);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  }

  .gk-mobile-featured-catalog[hidden] {
    display: none !important;
  }

  .gk-mobile-featured-catalog > header,
  .gk-public-header {
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 2px 9px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 211, 93, 0.3) !important;
    background: transparent !important;
  }

  .gk-mobile-featured-catalog h2 {
    margin: 0;
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 7px;
    color: #ffe16e;
    font-size: clamp(17px, 5vw, 21px);
    font-weight: 900;
    line-height: 1.35;
    direction: rtl;
    white-space: nowrap;
  }

  .gk-mobile-featured-catalog h2 > span {
    color: #ffe16e;
    font-size: 24px;
    line-height: 1;
  }

  .gk-public-header .gk-public-title {
    margin: 0 !important;
    display: flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    direction: rtl !important;
    text-align: right !important;
  }

  .gk-public-header .gk-public-title > div {
    min-width: 0;
  }

  .gk-public-header .gk-public-title h2 {
    margin: 0 !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    white-space: nowrap;
  }

  .gk-mobile-catalog-view-all,
  .gk-mobile-public-view-all {
    min-height: 32px;
    margin-right: auto !important;
    margin-left: 0 !important;
    padding: 5px 11px;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(255, 212, 98, 0.8);
    border-radius: 17px;
    color: #fff8e1;
    background: rgba(40, 1, 13, 0.55);
    font: inherit;
    font-size: 10px;
    white-space: nowrap;
  }

  .gk-mobile-featured-grid,
  .gk-public-board {
    width: 100%;
    min-height: 0 !important;
    padding: 9px 0 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    background: transparent !important;
    direction: rtl;
  }

  .gk-mobile-featured-grid > .gk-empty-state {
    grid-column: 1 / -1;
  }

  .gk-mobile-featured-grid .ad-card {
    position: relative !important;
    width: 100% !important;
    height: 154px !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 203, 73, 0.85) !important;
    border-radius: 13px !important;
    background: #06152b !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
  }

  .gk-mobile-featured-grid .ad-image,
  .gk-mobile-featured-grid .ad-slide {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
  }

  .gk-mobile-featured-grid .ad-slide {
    object-fit: cover !important;
  }

  .gk-mobile-featured-grid .ad-image::after {
    content: "";
    position: absolute;
    z-index: 3;
    inset: 0;
    background: linear-gradient(0deg, #06142a 0%, rgba(5, 16, 35, 0.96) 35%, transparent 67%);
    pointer-events: none;
  }

  .gk-mobile-featured-grid .gk-mobile-featured-overlay {
    right: 5px !important;
    bottom: 5px !important;
    left: 5px !important;
    display: flex !important;
    gap: 0 !important;
  }

  .gk-mobile-featured-grid .gk-mobile-featured-title {
    width: 100%;
    font-size: 10px !important;
    text-align: center;
  }

  .gk-mobile-featured-grid .gk-mobile-featured-meta {
    width: 100%;
    overflow: hidden;
    font-size: 8px !important;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-mobile-featured-grid .gk-mobile-featured-price {
    width: 100%;
    overflow: hidden;
    font-size: 9px !important;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-mobile-featured-grid .gk-mobile-featured-badge {
    top: 5px !important;
    right: auto !important;
    left: 5px !important;
    display: block !important;
    padding: 3px 6px !important;
    font-size: 8px !important;
  }

  .gk-mobile-featured-grid .gk-mobile-favorite {
    top: 3px !important;
    right: 3px !important;
    left: auto !important;
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 21px !important;
  }

  .gk-mobile-featured-grid .ad-actions {
    z-index: 10 !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    transform: none !important;
  }

  .gk-mobile-featured-grid .ad-details-btn {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
  }

  .gk-mobile-featured-grid .ad-buy-btn {
    display: none !important;
  }

  .gk-public-market {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    margin: 0 auto 10px !important;
    padding: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 207, 84, 0.72) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(179, 14, 57, 0.42), transparent 26%),
      linear-gradient(150deg, #76071f, #26030e 64%, #090812) !important;
  }

  .gk-public-title {
    min-width: 0;
    gap: 6px !important;
  }

  .gk-public-title h2::after {
    color: #ffe26f;
    font-size: clamp(17px, 5vw, 21px) !important;
    font-weight: 900;
    line-height: 1.35;
  }

  .gk-public-title-icon {
    color: #ffe16e !important;
    flex: 0 0 auto;
    font-size: 24px !important;
    line-height: 1;
  }

  .gk-public-board .gk-public-card {
    position: relative !important;
    width: 100% !important;
    height: 154px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 204, 77, 0.84) !important;
    border-radius: 13px !important;
    background: #06152b !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3) !important;
  }

  .gk-public-board .gk-public-image {
    width: 100% !important;
    height: 86px !important;
    border-radius: 12px 12px 0 0 !important;
  }

  .gk-public-board .gk-public-info {
    width: 100%;
    height: 68px;
    padding: 4px 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    text-align: right !important;
  }

  .gk-public-board .gk-public-info h3 {
    margin: 0 !important;
    font-size: 10px !important;
    text-align: center;
  }

  .gk-public-board .gk-public-description {
    display: none !important;
  }

  .gk-public-board .gk-public-price {
    order: 3;
    margin-top: auto !important;
    font-size: 9px !important;
    text-align: center;
  }

  .gk-public-board .gk-public-meta {
    width: 100%;
    padding: 0 !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 8px !important;
    text-align: right;
  }

  .gk-public-board .gk-public-meta span:last-child {
    display: none;
  }

  .gk-public-board .gk-mobile-public-favorite {
    top: 3px !important;
    right: 3px !important;
    bottom: auto !important;
    left: auto !important;
    display: grid !important;
    font-size: 21px !important;
  }

  .gk-public-more {
    display: none !important;
  }

  .gk-mobile-bottom-nav {
    display: none !important;
  }

  /* پنجره طلایی آگهی‌های ویژه چهار دسته */
  .gk-mobile-special-detail {
    position: fixed;
    z-index: 100350;
    inset: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    align-items: stretch;
    justify-content: center;
    overflow: hidden;
    direction: rtl;
    background: rgba(0, 0, 0, 0.94);
  }

  .gk-mobile-special-detail.active {
    display: flex;
  }

  .gk-mobile-special-detail,
  .gk-mobile-special-detail * {
    box-sizing: border-box;
  }

  .gk-mobile-special-detail-window {
    position: relative;
    width: min(100%, 460px);
    max-width: 460px;
    height: 100%;
    margin: 0 auto;
    padding: 6px 8px calc(9px + env(safe-area-inset-bottom, 0px));
    overflow-x: hidden;
    overflow-y: auto;
    color: #fff;
    background:
      radial-gradient(circle at 50% -8%, rgba(255, 183, 35, 0.12), transparent 27%),
      linear-gradient(180deg, #100d04 0%, #030505 48%, #0d0902 100%);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.86);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    animation: gkMobileSpecialDetailOpen 0.24s ease-out;
  }

  @keyframes gkMobileSpecialDetailOpen {
    from {
      opacity: 0;
      transform: translateY(15px) scale(0.985);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .gk-mobile-special-detail-window::-webkit-scrollbar {
    width: 4px;
  }

  .gk-mobile-special-detail-window::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 203, 57, 0.62);
  }

  .gk-mobile-special-detail-header {
    position: relative;
    min-height: 79px;
    margin-bottom: 6px;
    padding: 4px 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 208, 65, 0.86);
    border-radius: 17px;
    background:
      radial-gradient(circle at 12% 20%, rgba(255, 202, 45, 0.18), transparent 31%),
      linear-gradient(115deg, #211803, #050707 52%, #372603);
    box-shadow:
      inset 0 0 22px rgba(255, 190, 28, 0.11),
      0 4px 14px rgba(0, 0, 0, 0.35);
  }

  .gk-mobile-special-detail-close {
    position: absolute;
    z-index: 4;
    top: 18px;
    left: 14px;
    width: 47px;
    height: 47px;
    padding: 0;
    display: grid;
    place-items: center;
    border: 1px solid #ffd44e;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #3a2b07, #100d05);
    box-shadow:
      inset 0 0 12px rgba(255, 204, 49, 0.16),
      0 0 13px rgba(255, 190, 31, 0.26);
    font: inherit;
    font-size: 27px;
    line-height: 1;
    cursor: pointer;
  }

  .gk-mobile-special-detail-brand {
    width: 230px;
    height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .gk-mobile-special-detail-brand img {
    width: 224px;
    height: 60px;
    object-fit: contain;
    mix-blend-mode: screen;
    filter: saturate(1.06) drop-shadow(0 0 9px rgba(255, 200, 44, 0.22));
  }

  .gk-mobile-special-detail-brand small {
    margin-top: -10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 8px;
    font-weight: 800;
  }

  .gk-mobile-special-detail-gallery {
    min-width: 0;
  }

  .gk-mobile-special-detail-main {
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 1;
    overflow: hidden;
    border: 1px solid rgba(255, 209, 57, 0.9);
    border-radius: 15px;
    background: #050505;
    box-shadow: 0 7px 21px rgba(0, 0, 0, 0.48);
  }

  .gk-mobile-special-detail-main img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .gk-mobile-special-detail-main span {
    position: absolute;
    right: auto;
    bottom: 8px;
    left: 9px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(255, 225, 125, 0.3);
    border-radius: 8px;
    color: #fff;
    background: rgba(0, 0, 0, 0.76);
    font-size: 10px;
    font-weight: 900;
  }

  .gk-mobile-special-detail-main span::before {
    content: none;
  }

  .gk-mobile-special-detail-main span svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-special-detail-main span b {
    font: inherit;
  }

  .gk-mobile-special-detail-thumbs {
    margin: 6px 0 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .gk-mobile-special-detail-thumbs button {
    min-width: 0;
    padding: 0;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid rgba(255, 207, 52, 0.48);
    border-radius: 9px;
    background: #080805;
    opacity: 0.72;
    cursor: pointer;
  }

  .gk-mobile-special-detail-thumbs button.active {
    border-color: #ffe16a;
    opacity: 1;
    box-shadow:
      0 0 0 2px rgba(255, 218, 75, 0.28),
      0 0 13px rgba(255, 186, 25, 0.48);
  }

  .gk-mobile-special-detail-thumbs img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .gk-mobile-special-detail-summary,
  .gk-mobile-special-detail-description,
  .gk-mobile-special-detail-seller {
    border: 1px solid rgba(255, 203, 48, 0.75);
    border-radius: 14px;
    background:
      radial-gradient(circle at 100% 0, rgba(255, 190, 23, 0.1), transparent 35%),
      linear-gradient(145deg, rgba(30, 24, 6, 0.96), rgba(5, 7, 7, 0.97));
  }

  .gk-mobile-special-detail-summary {
    position: relative;
    min-height: 126px;
    padding: 12px 14px;
  }

  .gk-mobile-special-detail-summary-head {
    width: 62%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    direction: rtl;
    text-align: right;
  }

  .gk-mobile-special-detail-summary-head > span {
    width: max-content;
    max-width: 100%;
    padding: 5px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid #fff1a9;
    border-radius: 999px;
    color: #1f1702;
    background: linear-gradient(135deg, #fff3a9, #e6a91c);
    font-size: 10px;
    font-weight: 950;
  }

  .gk-mobile-special-detail-summary-head > span svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    overflow: visible;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-special-detail-summary-head > span b {
    font: inherit;
  }

  .gk-mobile-special-detail-summary h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(18px, 4.9vw, 22px);
    line-height: 1.45;
  }

  .gk-mobile-special-detail-summary > p {
    width: 62%;
    margin: 4px 0 0 auto;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    text-align: right;
  }

  .gk-mobile-special-detail-price-row {
    position: absolute;
    bottom: 13px;
    left: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 6px;
    text-align: left;
  }

  .gk-mobile-special-detail-price-row strong {
    color: #ffd44b;
    font-size: clamp(19px, 5.5vw, 25px);
    font-weight: 950;
  }

  .gk-mobile-special-detail-price-row span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff2b7;
    font-size: 10px;
    white-space: nowrap;
  }

  .gk-mobile-special-detail-price-row span svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: #ffd451;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(255, 199, 53, 0.38));
  }

  .gk-mobile-special-detail-price-row span b {
    font: inherit;
  }

  .gk-mobile-special-detail-specs {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }

  .gk-mobile-special-detail-spec {
    min-width: 0;
    min-height: 76px;
    padding: 7px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
    border: 1px solid rgba(255, 201, 42, 0.66);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(28, 23, 7, 0.98), rgba(4, 6, 7, 0.98));
    text-align: center;
  }

  .gk-mobile-special-detail-spec > span {
    color: #fff;
    font-size: 19px;
    font-weight: 950;
    line-height: 1;
  }

  .gk-mobile-special-detail-spec small {
    color: rgba(255, 255, 255, 0.66);
    font-size: 8.5px;
  }

  .gk-mobile-special-detail-spec strong {
    width: 100%;
    min-height: 25px;
    overflow: hidden;
    color: #fff;
    font-size: 9.5px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .gk-mobile-special-detail-spec-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(255, 211, 80, 0.18));
  }

  .gk-mobile-special-detail-description {
    margin-top: 8px;
    min-height: 110px;
    padding: 12px 14px;
  }

  .gk-mobile-special-detail-description h3 {
    margin: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: #ffd85c;
    font-size: 14px;
  }

  .gk-mobile-special-detail-description h3 svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-special-detail-description p {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 11.5px;
    line-height: 2;
  }

  .gk-mobile-special-detail-seller {
    margin-top: 8px;
    min-height: 76px;
    padding: 9px 10px;
    display: grid;
    grid-template-columns: 52px minmax(82px, 0.8fr) minmax(145px, 1.45fr);
    grid-template-areas: "avatar info seller-button";
    align-items: center;
    gap: 8px;
    direction: ltr;
  }

  .gk-mobile-special-detail-avatar {
    grid-area: avatar;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 215, 76, 0.7);
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #635216, #161306);
    font-size: 20px;
    font-weight: 950;
  }

  .gk-mobile-special-detail-seller > div:nth-child(2) {
    grid-area: info;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    direction: rtl;
    text-align: right;
  }

  .gk-mobile-special-detail-seller strong {
    overflow: hidden;
    color: #fff;
    font-size: 12.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-mobile-special-detail-seller span {
    color: rgba(255, 255, 255, 0.68);
    font-size: 9px;
  }

  .gk-mobile-special-detail-seller i {
    width: 8px;
    height: 8px;
    margin-left: 3px;
    display: inline-block;
    border-radius: 50%;
    background: #05d565;
    box-shadow: 0 0 7px rgba(5, 213, 101, 0.68);
  }

  .gk-mobile-special-detail-seller button {
    grid-area: seller-button;
    min-height: 50px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 210, 58, 0.5);
    border-radius: 10px;
    color: #fff0b5;
    background: rgba(44, 35, 7, 0.62);
    font: inherit;
    font-size: 10.5px;
    font-weight: 850;
    direction: rtl;
    cursor: pointer;
  }

  .gk-mobile-special-detail-actions {
    position: sticky;
    z-index: 5;
    right: 0;
    bottom: -8px;
    left: 0;
    margin-top: 7px;
    padding: 7px 2px 2px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    direction: rtl;
    background: linear-gradient(180deg, transparent, #100b02 30%);
  }

  .gk-mobile-special-detail-contact,
  .gk-mobile-special-detail-save {
    min-width: 0;
    min-height: 60px;
    padding: 8px 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 13px;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 950;
    cursor: pointer;
  }

  .gk-mobile-special-detail-contact {
    border: 1px solid #5cff9b;
    background: linear-gradient(145deg, #09aa51, #016b33);
    box-shadow: 0 0 14px rgba(0, 224, 99, 0.3);
  }

  .gk-mobile-special-detail-save {
    border: 1px solid #ffe875;
    background: linear-gradient(145deg, #806214, #352706);
    box-shadow: 0 0 14px rgba(255, 202, 41, 0.3);
  }

  .gk-mobile-detail-action-icon {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
  }

  .gk-mobile-detail-action-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-special-detail-avatar svg {
    width: 34px;
    height: 34px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 1.4;
  }

  .gk-mobile-special-detail-save.is-saved {
    color: #251900;
    background: linear-gradient(145deg, #fff1a0, #e2a715);
  }

  .gk-mobile-featured-grid .gk-mobile-featured-grid-card {
    cursor: pointer;
  }

  .gk-mobile-featured-grid .gk-mobile-featured-grid-card:focus-visible {
    outline: 3px solid #fff1a6 !important;
    outline-offset: 2px !important;
  }

  /* پنجره آبی آگهی‌های عمومی؛ ساختار مشترک است اما هویت بصری مستقل دارد. */
  .gk-mobile-public-detail {
    z-index: 100360;
    background: rgba(0, 4, 15, 0.96);
  }

  .gk-mobile-public-detail.active {
    display: flex;
  }

  .gk-mobile-public-detail-window {
    background:
      radial-gradient(circle at 50% -8%, rgba(31, 219, 255, 0.16), transparent 28%),
      linear-gradient(180deg, #031a36 0%, #020914 48%, #061b31 100%);
  }

  .gk-mobile-public-detail-window::-webkit-scrollbar-thumb {
    background: rgba(53, 220, 255, 0.7);
  }

  .gk-mobile-public-detail-header {
    width: 100%;
    min-height: 0;
    aspect-ratio: 714 / 116;
    padding: 0;
    border: 0;
    background: #06142c;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.38);
  }

  .gk-mobile-public-detail-header-art {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
  }

  .gk-mobile-public-detail-close {
    z-index: 4;
    top: 50%;
    left: 8px;
    width: 52px;
    height: 52px;
    border: 0;
    color: transparent;
    background: transparent;
    box-shadow: none;
    transform: translateY(-50%);
  }

  .gk-mobile-public-detail-close:focus-visible {
    outline: 2px solid #b8f7ff;
    outline-offset: -3px;
  }

  .gk-mobile-public-detail-brand {
    display: none;
  }

  .gk-mobile-public-detail-main {
    border-color: rgba(50, 221, 255, 0.94);
    box-shadow:
      0 7px 21px rgba(0, 0, 0, 0.5),
      0 0 13px rgba(35, 202, 255, 0.17);
  }

  .gk-mobile-public-detail-thumbs button {
    border-color: rgba(48, 198, 255, 0.56);
    background: #020b16;
  }

  .gk-mobile-public-detail-thumbs button.active {
    border-color: #52e7ff;
    box-shadow:
      0 0 0 2px rgba(68, 220, 255, 0.29),
      0 0 14px rgba(25, 189, 255, 0.55);
  }

  .gk-mobile-public-detail-summary,
  .gk-mobile-public-detail-description,
  .gk-mobile-public-detail-seller {
    border-color: rgba(54, 216, 255, 0.78);
    background:
      radial-gradient(circle at 100% 0, rgba(44, 207, 255, 0.12), transparent 37%),
      linear-gradient(145deg, rgba(4, 37, 70, 0.97), rgba(2, 9, 18, 0.98));
  }

  .gk-mobile-public-detail-summary .gk-mobile-special-detail-summary-head > span {
    border-color: #b8f7ff;
    color: #001a2b;
    background: linear-gradient(135deg, #bffaff, #27d4f5);
    box-shadow: 0 0 13px rgba(46, 216, 255, 0.32);
  }

  #gkMobilePublicDetailBadge svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
  }

  .gk-mobile-public-detail-price-row strong {
    color: #ff8377;
    text-shadow: 0 0 10px rgba(255, 73, 72, 0.22);
  }

  .gk-mobile-public-detail-price-row span {
    color: #a8f2ff;
  }

  .gk-mobile-public-detail-price-row span svg {
    stroke: #47dcff;
    filter: drop-shadow(0 0 5px rgba(49, 210, 255, 0.42));
  }

  .gk-mobile-public-detail-spec {
    border-color: rgba(46, 205, 255, 0.7);
    background: linear-gradient(145deg, rgba(4, 40, 75, 0.98), rgba(2, 9, 18, 0.98));
  }

  .gk-mobile-public-detail-spec > span,
  .gk-mobile-public-detail-description h3 {
    color: #46ddff;
  }

  .gk-mobile-public-detail-avatar {
    border-color: rgba(83, 224, 255, 0.75);
    background: linear-gradient(145deg, #176292, #06182e);
  }

  .gk-mobile-public-detail-seller button {
    border-color: rgba(57, 206, 255, 0.58);
    color: #c6f8ff;
    background: rgba(5, 57, 94, 0.64);
  }

  .gk-mobile-public-detail-actions {
    background: linear-gradient(180deg, transparent, #061b31 30%);
  }

  .gk-mobile-public-detail-save {
    border-color: #72e7ff;
    background: linear-gradient(145deg, #087cce, #073b84);
    box-shadow: 0 0 15px rgba(25, 172, 255, 0.38);
  }

  .gk-mobile-public-detail .gk-mobile-special-detail-save.is-saved {
    color: #001526;
    background: linear-gradient(145deg, #b7f7ff, #24c9ed);
  }

  .gk-public-board .gk-public-card[data-live-ad-id] {
    cursor: pointer;
  }

  .gk-public-board .gk-public-card[data-live-ad-id]:focus-visible {
    outline: 3px solid #61eaff !important;
    outline-offset: 2px !important;
  }

  /* جزئیات آگهی بزرگ «ویژه گرا.کالا» */
  .gk-vip-info-modal {
    z-index: 100300 !important;
    padding: 0 !important;
    align-items: stretch !important;
    background: rgba(0, 4, 13, 0.94) !important;
  }

  .gk-vip-info-window {
    width: min(100%, 450px) !important;
    max-width: 450px !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    margin: 0 auto !important;
    padding: 7px 7px calc(9px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 12% 12%, rgba(162, 5, 46, 0.23), transparent 29%),
      linear-gradient(180deg, #17030c 0%, #090814 52%, #12030b 100%) !important;
    box-shadow: 0 0 55px rgba(0, 0, 0, 0.8) !important;
    scrollbar-gutter: auto !important;
  }

  .gk-vip-info-heading {
    position: relative !important;
    min-height: 82px !important;
    margin: 0 0 7px !important;
    padding: 4px 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 214, 82, 0.68) !important;
    border-radius: 17px !important;
    background:
      radial-gradient(circle at 85% 15%, rgba(255, 46, 59, 0.28), transparent 31%),
      linear-gradient(110deg, #6d061f, #1b0a1b 53%, #97092b) !important;
    box-shadow: inset 0 0 24px rgba(255, 46, 54, 0.14) !important;
  }

  .gk-vip-info-heading > span,
  .gk-vip-info-heading > h2 {
    display: none !important;
  }

  .gk-vip-mobile-brand {
    width: 180px;
    height: 72px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .gk-vip-mobile-brand img {
    width: 166px;
    height: 61px;
    object-fit: contain;
    filter: drop-shadow(0 0 9px rgba(255, 204, 65, 0.26));
  }

  .gk-vip-mobile-brand small {
    margin-top: -10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 8px;
    font-weight: 700;
  }

  .gk-vip-info-close {
    position: absolute !important;
    z-index: 8 !important;
    top: 19px !important;
    left: 17px !important;
    width: 45px !important;
    height: 45px !important;
    overflow: hidden !important;
    border: 1px solid #ffd45e !important;
    border-radius: 50% !important;
    color: transparent !important;
    background: linear-gradient(145deg, #7e0825, #351021) !important;
    box-shadow: 0 0 13px rgba(255, 196, 48, 0.24) !important;
    font-size: 0 !important;
  }

  .gk-vip-info-close::after {
    content: "←";
    color: #fff;
    font-size: 27px;
    line-height: 1;
  }

  .gk-vip-info-badge {
    display: none !important;
  }

  .gk-vip-info-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .gk-vip-info-gallery {
    min-width: 0 !important;
  }

  .gk-vip-info-main-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border: 1px solid rgba(255, 211, 77, 0.84) !important;
    border-radius: 15px !important;
    background: #030912 !important;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.36) !important;
  }

  .gk-vip-info-main-image > span {
    top: auto !important;
    right: auto !important;
    bottom: 8px !important;
    left: 8px !important;
    padding: 4px 9px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: rgba(2, 5, 12, 0.8) !important;
    font-size: 10px !important;
  }

  .gk-vip-info-main-image > span::before {
    content: "▣ ";
    font-size: 13px;
  }

  .gk-vip-info-thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 6px !important;
  }

  .gk-vip-info-thumbnails button {
    height: auto !important;
    min-height: 47px !important;
    aspect-ratio: 16 / 9 !important;
    border: 1px solid rgba(255, 211, 77, 0.52) !important;
    border-radius: 10px !important;
    opacity: 0.78 !important;
    transform: none !important;
  }

  .gk-vip-info-thumbnails button.active {
    border-color: #ffe06d !important;
    opacity: 1 !important;
    box-shadow:
      0 0 0 2px rgba(255, 217, 77, 0.32),
      0 0 13px rgba(255, 179, 35, 0.55) !important;
  }

  .gk-vip-info-details {
    position: relative !important;
    min-width: 0 !important;
    padding: 12px 8px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 208, 68, 0.68) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 85% 0, rgba(181, 5, 43, 0.36), transparent 35%),
      linear-gradient(160deg, rgba(91, 3, 27, 0.96), rgba(22, 5, 17, 0.97)) !important;
  }

  .gk-vip-mobile-type-badge {
    width: max-content;
    max-width: 100%;
    align-self: flex-start;
    padding: 5px 11px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(255, 226, 123, 0.84);
    border-radius: 999px;
    color: #2c1500;
    background: linear-gradient(135deg, #fff0a5, #f0b52e);
    font-size: 10px;
    font-weight: 900;
  }

  .gk-vip-mobile-type-badge svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0.65;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-vip-mobile-type-badge b {
    font: inherit;
  }

  .gk-vip-info-details h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(17px, 5vw, 22px) !important;
    line-height: 1.45 !important;
  }

  .gk-vip-info-price {
    margin-top: -2px !important;
    color: #ffd653 !important;
    font-size: clamp(18px, 5.5vw, 25px) !important;
    font-weight: 950 !important;
  }

  .gk-vip-info-specs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .gk-vip-info-specs > div {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 6px 3px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    border: 1px solid rgba(255, 83, 84, 0.65) !important;
    border-radius: 11px !important;
    background: linear-gradient(145deg, rgba(64, 5, 28, 0.93), rgba(21, 9, 22, 0.94)) !important;
    text-align: center !important;
  }

  .gk-vip-info-specs > div::before {
    content: none !important;
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
  }

  .gk-vip-info-spec-icon {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #fff !important;
  }

  .gk-vip-info-spec-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(255, 211, 80, 0.18));
  }

  .gk-vip-info-specs span {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 8px !important;
  }

  .gk-vip-info-specs strong {
    width: 100%;
    overflow: hidden;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis;
  }

  .gk-vip-info-description {
    padding: 10px 11px !important;
    border: 1px solid rgba(255, 78, 76, 0.48) !important;
    border-right: 1px solid rgba(255, 78, 76, 0.48) !important;
    border-radius: 12px !important;
    background: rgba(30, 5, 19, 0.72) !important;
  }

  .gk-vip-info-description h4 {
    color: #ffd65e !important;
    font-size: 12px !important;
  }

  .gk-vip-info-description p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 10px !important;
    line-height: 1.9 !important;
  }

  .gk-vip-info-seller {
    padding: 8px !important;
    display: grid !important;
    grid-template-columns: 45px minmax(0, 1fr) !important;
    gap: 9px !important;
    border: 1px solid rgba(255, 213, 82, 0.58) !important;
    border-radius: 12px !important;
    background: rgba(16, 10, 20, 0.78) !important;
  }

  .gk-vip-info-avatar {
    width: 45px !important;
    height: 45px !important;
    flex-basis: 45px !important;
  }

  .gk-vip-info-seller > div:last-of-type strong {
    font-size: 12px !important;
  }

  .gk-vip-info-seller-ads {
    grid-column: 1 / -1;
    min-height: 39px;
    padding: 6px 10px;
    display: block !important;
    border: 1px solid rgba(255, 210, 77, 0.46);
    border-radius: 10px;
    color: #fff4cf;
    background: rgba(69, 4, 28, 0.58);
    font: inherit;
    font-size: 10px;
    font-weight: 800;
  }

  .gk-vip-info-actions {
    position: sticky;
    z-index: 7;
    right: 0;
    bottom: -8px;
    left: 0;
    margin-top: 8px;
    padding: 7px 2px 2px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    background: linear-gradient(180deg, transparent, #12030b 30%);
  }

  .gk-vip-info-contact,
  .gk-vip-info-save {
    width: 100% !important;
    min-height: 57px !important;
    margin: 0 !important;
    padding: 8px 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border-radius: 13px !important;
    color: #fff !important;
    font: inherit !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    cursor: pointer;
  }

  .gk-vip-info-contact {
    border: 1px solid #5cff9b !important;
    background: linear-gradient(145deg, #08a84f, #026e35) !important;
    box-shadow: 0 0 14px rgba(0, 224, 99, 0.32) !important;
  }

  .gk-vip-info-save {
    border: 1px solid #ff5d72 !important;
    background: linear-gradient(145deg, #e70d43, #7b0728) !important;
    box-shadow: 0 0 14px rgba(255, 17, 71, 0.3) !important;
  }

  .gk-vip-info-contact > span:first-child,
  .gk-vip-info-save > span:first-child {
    font-size: 21px !important;
  }

  .gk-vip-info-save.is-saved {
    border-color: #ffe27c !important;
    color: #fff6cd !important;
    background: linear-gradient(145deg, #8d6612, #493008) !important;
  }

  /* بازسازی جزئیات «ویژه گرا.کالا» بر اساس مرجع قرمز موبایل. */
  .gk-vip-info-heading {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 714 / 100 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #3b0314 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  }

  .gk-vip-info-header-art {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    border-radius: inherit;
    object-fit: cover;
  }

  .gk-vip-mobile-brand {
    display: none !important;
  }

  .gk-vip-info-close {
    z-index: 9 !important;
    top: 13px !important;
    left: 10px !important;
    width: 49px !important;
    height: 49px !important;
    border: 0 !important;
    outline-offset: -3px;
    background: transparent !important;
    box-shadow: none !important;
  }

  .gk-vip-info-close::after {
    content: none !important;
  }

  .gk-vip-info-close:focus-visible {
    outline: 2px solid #ffe17a !important;
  }

  .gk-vip-info-main-image {
    aspect-ratio: 2 / 1 !important;
  }

  .gk-vip-info-main-image > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  .gk-vip-info-main-image > span::before {
    content: none !important;
  }

  .gk-vip-info-main-image > span svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-vip-info-main-image > span b {
    font: inherit;
  }

  .gk-vip-info-details {
    padding: 0 !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .gk-vip-info-summary {
    position: relative;
    min-height: 126px;
    padding: 12px 14px;
    overflow: hidden;
    border: 1px solid rgba(255, 73, 80, 0.78);
    border-radius: 14px;
    background:
      radial-gradient(circle at 100% 0, rgba(255, 36, 66, 0.2), transparent 38%),
      linear-gradient(145deg, rgba(113, 2, 31, 0.98), rgba(34, 3, 18, 0.98));
    box-shadow: inset 0 0 24px rgba(255, 36, 66, 0.07);
  }

  .gk-vip-info-summary-copy {
    width: 62%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    direction: rtl;
    text-align: right;
  }

  .gk-vip-mobile-type-badge {
    align-self: flex-start !important;
    color: #2c1500 !important;
  }

  .gk-vip-info-summary-copy h3 {
    width: 100%;
    text-align: right;
  }

  .gk-vip-info-summary-subtitle {
    width: 100%;
    margin: -1px 0 0;
    display: block !important;
    color: rgba(255, 255, 255, 0.76);
    font-size: 10px;
    line-height: 1.6;
    text-align: right;
  }

  .gk-vip-info-summary-price {
    position: absolute;
    bottom: 13px;
    left: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    text-align: left;
  }

  .gk-vip-info-summary-price .gk-vip-info-price {
    margin: 0 !important;
    color: #ffd653 !important;
  }

  .gk-vip-info-summary-location {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    color: #fff2c4;
    font-size: 10px;
    white-space: nowrap;
  }

  .gk-vip-info-summary-location svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: #ffd451;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(255, 199, 53, 0.38));
  }

  .gk-vip-info-summary-location b {
    font: inherit;
  }

  .gk-vip-info-specs {
    margin: 0 !important;
  }

  .gk-vip-info-description {
    min-height: 110px;
    margin: 0 !important;
    padding: 12px 14px !important;
  }

  .gk-vip-info-description h4 {
    margin: 0 0 8px !important;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px !important;
  }

  .gk-vip-info-description h4 svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-vip-info-description p {
    font-size: 11.5px !important;
    line-height: 2 !important;
  }

  .gk-vip-info-seller {
    min-height: 76px;
    padding: 9px 10px !important;
    grid-template-columns: 52px minmax(82px, 0.8fr) minmax(145px, 1.45fr) !important;
    grid-template-areas: "avatar info seller-button";
    align-items: center !important;
    gap: 8px !important;
    direction: ltr;
  }

  .gk-vip-info-avatar {
    grid-area: avatar;
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }

  .gk-vip-info-avatar span {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
  }

  .gk-vip-info-avatar svg {
    width: 34px;
    height: 34px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 1.4;
  }

  .gk-vip-info-seller > div:nth-child(2) {
    grid-area: info;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    direction: rtl;
    text-align: right;
  }

  .gk-vip-info-seller-ads {
    grid-area: seller-button;
    grid-column: auto !important;
    min-height: 50px;
    display: block !important;
  }

  .gk-vip-info-action-icon {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
  }

  .gk-vip-info-action-icon svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-vip-info-contact .gk-vip-info-action-icon {
    color: #ffd45a;
  }

  /* پنجره علاقه‌مندی‌های حساب */
  body.gk-mobile-favorites-open {
    overflow: hidden !important;
  }

  .gk-mobile-favorites {
    position: fixed;
    inset: 0;
    z-index: 100200;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    padding:
      max(10px, env(safe-area-inset-top, 0px))
      10px
      max(14px, env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    overscroll-behavior: contain;
    direction: rtl;
    background:
      radial-gradient(circle at 12% 18%, rgba(255, 183, 57, 0.12), transparent 27%),
      radial-gradient(circle at 88% 72%, rgba(181, 0, 51, 0.3), transparent 36%),
      rgba(5, 1, 8, 0.9);
    -webkit-backdrop-filter: blur(16px) saturate(1.16);
    backdrop-filter: blur(16px) saturate(1.16);
    opacity: 0;
    transition: opacity 180ms ease;
  }

  .gk-mobile-favorites.is-open {
    opacity: 1;
  }

  .gk-mobile-favorites-window {
    position: relative;
    width: min(620px, calc(100vw - 20px));
    max-height: calc(100dvh - 24px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 16px 14px 20px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #fff8e6;
    border: 1.5px solid #f0c855;
    border-radius: 26px;
    background:
      radial-gradient(circle at 88% 0, rgba(255, 48, 91, 0.2), transparent 32%),
      radial-gradient(circle at 8% 88%, rgba(255, 185, 56, 0.08), transparent 30%),
      linear-gradient(155deg, #420015, #18000b 58%, #320010);
    box-shadow:
      0 22px 70px rgba(0, 0, 0, 0.76),
      0 0 30px rgba(213, 21, 69, 0.13),
      inset 0 0 0 1px rgba(255, 225, 123, 0.06);
    transform: translateY(10px) scale(0.99);
    transition: transform 180ms ease;
    scrollbar-color: rgba(244, 200, 76, 0.7) rgba(40, 0, 13, 0.4);
  }

  .gk-mobile-favorites.is-open .gk-mobile-favorites-window {
    transform: translateY(0) scale(1);
  }

  .gk-mobile-favorites-head {
    min-height: 88px;
    padding: 8px 10px 13px 54px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(239, 195, 70, 0.3);
  }

  .gk-mobile-favorites-heart {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    color: #ffe16f;
  }

  .gk-mobile-favorites-heart svg {
    width: 48px;
    height: 48px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    filter: drop-shadow(0 0 7px rgba(255, 211, 76, 0.4));
  }

  .gk-mobile-favorites-head h2 {
    margin: 0;
    color: #ffe478;
    font-size: clamp(22px, 6.8vw, 31px);
    line-height: 1.55;
  }

  .gk-mobile-favorites-head p {
    margin: 1px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12.5px;
  }

  .gk-mobile-favorites-close {
    position: absolute;
    top: 18px;
    left: 14px;
    width: 44px;
    height: 44px;
    padding: 0;
    display: grid;
    place-items: center;
    color: #ffe173;
    border: 1px solid rgba(255, 204, 71, 0.24);
    border-radius: 50%;
    background: rgba(74, 0, 22, 0.72);
    font: 300 35px/1 Tahoma, Arial, sans-serif;
  }

  .gk-mobile-favorites-filters {
    margin: 12px 0 14px;
    padding: 4px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    border: 1px solid rgba(233, 191, 76, 0.22);
    border-radius: 15px;
    background: rgba(31, 0, 12, 0.64);
  }

  .gk-mobile-favorites-filters button {
    min-width: 0;
    min-height: 45px;
    padding: 7px 3px;
    color: rgba(255, 255, 255, 0.86);
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    font: 800 10.5px/1.55 Tahoma, Arial, sans-serif;
  }

  .gk-mobile-favorites-filters button.is-active {
    color: #fff7d8;
    border-color: #ffd954;
    background: linear-gradient(145deg, rgba(145, 0, 40, 0.96), rgba(69, 0, 23, 0.96));
    box-shadow: 0 0 12px rgba(255, 193, 48, 0.18);
  }

  .gk-mobile-favorites-status {
    min-height: 0;
    margin: 0;
    color: #ffd96a;
    font-size: 11px;
    text-align: center;
  }

  .gk-mobile-favorites-status:not(:empty) {
    min-height: 35px;
    padding: 6px 8px;
  }

  .gk-mobile-favorites-status[data-state="error"] {
    color: #ffaaa5;
  }

  .gk-mobile-favorites-list {
    display: grid;
    gap: 10px;
  }

  .gk-mobile-favorite-card {
    position: relative;
    min-width: 0;
    padding: 9px;
    display: grid;
    grid-template-columns: minmax(116px, 42%) minmax(0, 1fr);
    grid-template-areas:
      "image content"
      "actions actions";
    gap: 9px 12px;
    overflow: hidden;
    direction: ltr;
    border: 1px solid rgba(255, 185, 57, 0.42);
    border-radius: 17px;
    background:
      radial-gradient(circle at 100% 0, rgba(221, 5, 60, 0.13), transparent 42%),
      linear-gradient(145deg, rgba(69, 0, 23, 0.95), rgba(35, 0, 15, 0.98));
    box-shadow: inset 0 0 18px rgba(255, 85, 108, 0.04);
  }

  .gk-mobile-favorite-card.is-unavailable {
    border-color: rgba(255, 255, 255, 0.13);
    background: linear-gradient(145deg, rgba(31, 26, 31, 0.97), rgba(18, 15, 20, 0.98));
  }

  .gk-mobile-favorite-card-media {
    position: relative;
    grid-area: image;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 10;
    align-self: start;
    overflow: hidden;
    border-radius: 12px;
    background: #11131a;
  }

  .gk-mobile-favorite-card-media img {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: block;
    object-fit: cover;
  }

  .gk-mobile-favorite-card.is-unavailable .gk-mobile-favorite-card-media img {
    filter: grayscale(0.8) brightness(0.58);
  }

  .gk-mobile-favorite-card-badge,
  .gk-mobile-favorite-card-count {
    position: absolute;
    z-index: 1;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 9px;
    line-height: 1.4;
  }

  .gk-mobile-favorite-card-badge {
    top: 7px;
    left: 7px;
    color: #291500;
    background: linear-gradient(135deg, #ffe68c, #e8ad32);
  }

  .gk-mobile-favorite-card-badge.is-unavailable {
    right: 7px;
    left: auto;
    color: #fff;
    background: #b92c33;
  }

  .gk-mobile-favorite-card-count {
    bottom: 6px;
    left: 6px;
    color: #fff;
    background: rgba(5, 8, 13, 0.78);
  }

  .gk-mobile-favorite-card-content {
    grid-area: content;
    min-width: 0;
    padding: 1px;
    align-self: start;
    direction: rtl;
    text-align: right;
  }

  .gk-mobile-favorite-card-age {
    display: block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 9px;
  }

  .gk-mobile-favorite-card-content h3 {
    margin: 0 0 6px;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    line-height: 1.55;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-mobile-favorite-card-category,
  .gk-mobile-favorite-card-location {
    margin: 0 0 4px;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.74);
    font-size: 10.5px;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .gk-mobile-favorite-card-content strong {
    display: block;
    margin-top: 6px;
    color: #ffd85b;
    font-size: 14px;
    line-height: 1.5;
  }

  .gk-mobile-favorite-card.is-unavailable .gk-mobile-favorite-card-content,
  .gk-mobile-favorite-card.is-unavailable .gk-mobile-favorite-card-content strong {
    color: rgba(255, 255, 255, 0.54);
  }

  .gk-mobile-favorite-card-actions {
    grid-area: actions;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    direction: rtl;
  }

  .gk-mobile-favorite-card-actions button {
    min-width: 0;
    min-height: 44px;
    padding: 6px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    direction: rtl;
    border: 1px solid #e8b63c;
    border-radius: 11px;
    color: #fff9e7;
    background: rgba(74, 3, 26, 0.88);
    font: 800 9.5px/1.45 Tahoma, Arial, sans-serif;
  }

  .gk-mobile-favorite-action-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: grid;
    place-items: center;
  }

  .gk-mobile-favorite-action-icon svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-favorite-action-label {
    min-width: 0;
  }

  .gk-mobile-favorite-card-actions button[data-gk-favorite-action="contact"] {
    background: linear-gradient(145deg, #6b4300, #3d2300);
  }

  .gk-mobile-favorite-card-actions button[data-gk-favorite-action="remove"] {
    border-color: #ff536f;
    background: linear-gradient(145deg, #a60031, #5d001e);
  }

  .gk-mobile-favorite-card-actions button:disabled {
    color: rgba(255, 255, 255, 0.42);
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.04);
  }

  .gk-mobile-favorites-empty,
  .gk-mobile-favorites-end {
    min-height: 172px;
    margin-top: 12px;
    padding: 24px 12px 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    border-top: 1px solid rgba(239, 195, 70, 0.34);
  }

  .gk-mobile-favorites-empty[hidden],
  .gk-mobile-favorites-end[hidden] {
    display: none !important;
  }

  .gk-mobile-favorites-empty > span,
  .gk-mobile-favorites-end > span {
    width: 58px;
    height: 58px;
    margin-bottom: 12px;
    display: grid;
    place-items: center;
    color: #ffe06c;
    border: 1px solid #e7b93e;
    border-radius: 50%;
    font-size: 37px;
  }

  .gk-mobile-favorites-empty strong,
  .gk-mobile-favorites-end strong {
    color: #fff;
    font-size: 14.5px;
  }

  .gk-mobile-favorites-empty p,
  .gk-mobile-favorites-end p {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 10.5px;
    line-height: 1.9;
  }

  /* فوتر کامل موبایل */
  .site-footer {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
    margin: 10px auto 7px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 207, 84, 0.78) !important;
    border-radius: 24px !important;
    background:
      linear-gradient(rgba(55, 0, 18, 0.77), rgba(24, 0, 10, 0.92)),
      url("./file_000000009b248246b98724db31648b3f.webp") center / cover no-repeat !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5) !important;
  }

  .site-footer::before,
  .site-footer::after,
  .site-footer > .footer-main,
  .site-footer > .footer-features,
  .site-footer > .footer-bottom {
    display: none !important;
  }

  .gk-mobile-footer {
    display: block;
    padding: 0 10px 12px;
  }

  .gk-mobile-page-end {
    min-height: 64px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    color: #ffe178;
  }

  .gk-mobile-page-end strong {
    padding: 7px 16px 9px;
    border-radius: 0 0 20px 20px;
    background: rgba(107, 4, 31, 0.88);
    font-size: 18px;
  }

  .gk-mobile-page-end span {
    height: 1px;
    background: linear-gradient(90deg, transparent, #eec650);
  }

  .gk-mobile-page-end span:last-child {
    background: linear-gradient(90deg, #eec650, transparent);
  }

  .gk-mobile-footer-brand {
    width: 100%;
    aspect-ratio: 690 / 310;
    display: block;
    overflow: hidden;
    border-radius: 20px;
    background: #080719;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  }

  .gk-mobile-footer-brand img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: inherit;
    object-fit: cover;
  }

  .gk-mobile-footer-benefits {
    margin: 10px 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .gk-mobile-footer-benefits article {
    min-width: 0;
    min-height: 132px;
    padding: 12px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(255, 210, 91, 0.78);
    border-radius: 14px;
    background: linear-gradient(155deg, rgba(132, 4, 35, 0.93), rgba(50, 3, 18, 0.94));
    text-align: center;
  }

  .gk-mobile-footer-benefits article > span {
    color: #ffd660;
  }

  .gk-mobile-footer-benefit-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    filter: drop-shadow(0 0 6px rgba(255, 198, 50, 0.34));
  }

  .gk-mobile-footer-benefit-icon svg {
    width: 36px;
    height: 36px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .gk-mobile-footer-benefits strong {
    color: #ffe274;
    font-size: 12px;
    line-height: 1.55;
  }

  .gk-mobile-footer-benefits small {
    color: rgba(255, 255, 255, 0.85);
    font-size: 9px;
    line-height: 1.65;
  }

  .gk-mobile-footer-links {
    padding: 12px 8px;
    border-radius: 18px;
    background: rgba(108, 3, 30, 0.72);
  }

  .gk-mobile-footer-links h2 {
    width: 100%;
    margin: 0 0 12px;
    display: grid;
    grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
    align-items: center;
    gap: 10px;
    color: #ffdc63;
    font-size: 18px;
    text-align: center;
  }

  .gk-mobile-footer-links h2 > i {
    position: relative;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 224, 99, 0.94));
    box-shadow: 0 0 6px rgba(255, 188, 40, 0.48);
  }

  .gk-mobile-footer-links h2 > i:last-child {
    background: linear-gradient(90deg, rgba(255, 224, 99, 0.94), transparent);
  }

  .gk-mobile-footer-links h2 > i::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2px;
    width: 5px;
    height: 5px;
    border: 1px solid #ffe269;
    border-radius: 50%;
    background: #7d2d02;
    box-shadow: 0 0 7px rgba(255, 205, 63, 0.72);
    transform: translateY(-50%);
  }

  .gk-mobile-footer-links h2 > i:last-child::after {
    right: auto;
    left: -2px;
  }

  .gk-mobile-footer-links-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    direction: ltr;
    white-space: nowrap;
  }

  .gk-mobile-footer-links-title svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 5px rgba(255, 198, 50, 0.42));
  }

  .gk-mobile-footer-links-title > span {
    direction: rtl;
  }

  .gk-mobile-footer-links > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .gk-mobile-footer-links button {
    min-width: 0;
    min-height: 53px;
    padding: 6px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 8px;
    align-items: center;
    gap: 3px;
    border: 1px solid rgba(255, 211, 91, 0.82);
    border-radius: 12px;
    color: #fff9e7;
    background: linear-gradient(145deg, #06182f, #0a0d1c);
    font: inherit;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.5;
  }

  .gk-mobile-footer-links button > span,
  .gk-mobile-footer-links button > b {
    color: #ffd65d;
    font-size: 17px;
  }

  .gk-mobile-footer-links button[data-gk-mobile-footer-action="tracking"] {
    grid-column: 2;
    grid-row: 2;
  }

  .gk-mobile-footer-signature {
    min-height: 218px;
    margin: 10px -10px -12px;
    padding: 22px 14px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background:
      linear-gradient(180deg, rgba(36, 0, 20, 0.2) 0%, rgba(18, 0, 13, 0.08) 42%, rgba(8, 0, 7, 0.34) 100%),
      url("./mobile-footer-city-v13.webp") center bottom / cover no-repeat;
  }

  .gk-mobile-footer-emblem {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
    align-items: center;
    gap: 12px;
  }

  .gk-mobile-footer-emblem i {
    position: relative;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 225, 102, 0.96));
    box-shadow: 0 0 7px rgba(255, 190, 39, 0.52);
  }

  .gk-mobile-footer-emblem i:last-child {
    background: linear-gradient(90deg, rgba(255, 225, 102, 0.96), transparent);
  }

  .gk-mobile-footer-emblem i::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2px;
    width: 5px;
    height: 5px;
    border: 1px solid #ffe169;
    border-radius: 50%;
    background: #8a3705;
    box-shadow: 0 0 8px rgba(255, 205, 63, 0.78);
    transform: translateY(-50%);
  }

  .gk-mobile-footer-emblem i:last-child::after {
    right: auto;
    left: -2px;
  }

  .gk-mobile-footer-emblem img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    filter:
      drop-shadow(0 0 2px #1b0500)
      drop-shadow(0 0 11px rgba(255, 196, 60, 0.62));
  }

  .gk-mobile-footer-signature span {
    color: rgba(255, 255, 255, 0.88);
    font-size: 10px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95);
  }
}

@media (max-width: 380px) {
  .gk-mobile-special-detail-window {
    padding-right: 6px;
    padding-left: 6px;
  }

  .gk-mobile-special-detail-summary-head,
  .gk-mobile-special-detail-summary > p {
    width: 58%;
  }

  .gk-mobile-special-detail-price-row strong {
    font-size: 18px;
  }

  .gk-mobile-special-detail-seller {
    padding-right: 7px;
    padding-left: 7px;
    grid-template-columns: 45px minmax(65px, 0.75fr) minmax(118px, 1.3fr);
    gap: 6px;
  }

  .gk-mobile-special-detail-avatar {
    width: 45px;
    height: 45px;
  }

  .gk-mobile-special-detail-seller button {
    min-height: 45px;
    padding: 6px;
    font-size: 9px;
  }

  #featuredAds .gk-mobile-featured-hero {
    height: 282px;
  }

  .gk-mobile-featured-grid .ad-card,
  .gk-public-board .gk-public-card {
    height: 143px !important;
  }

  .gk-public-board .gk-public-image {
    height: 80px !important;
  }

  .gk-public-board .gk-public-info {
    height: 63px !important;
  }

  .gk-mobile-footer-benefits article {
    min-height: 122px;
  }
}

@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .services-menu,
  .gk-mobile-menu-backdrop,
  #featuredAds .ad-card {
    transition: none !important;
    animation: none !important;
  }
}

/*
 * هماهنگی نهایی سربرگ و آگهی شاخص موبایل با طرح مرجع.
 * این بلوک عمداً در انتهای فایل است تا قواعد قدیمی کارت‌ها نتوانند
 * نشان ویژه، قلب و شیشهٔ جست‌وجو را جابه‌جا یا کشیده کنند.
 */
@media (max-width: 720px) {
  .gk-mobile-search {
    bottom: 68px !important;
    isolation: isolate;
    border: 1.5px solid rgba(255, 218, 111, 0.96) !important;
    background:
      radial-gradient(circle at 12% 18%, rgba(255, 207, 115, 0.31), transparent 31%),
      radial-gradient(circle at 86% 74%, rgba(255, 92, 88, 0.2), transparent 34%),
      linear-gradient(112deg, rgba(123, 68, 54, 0.3), rgba(104, 18, 55, 0.24) 50%, rgba(31, 12, 47, 0.28)) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.85) brightness(1.13) !important;
    backdrop-filter: blur(24px) saturate(1.85) brightness(1.13) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.5),
      inset 0 -1px 0 rgba(255, 187, 77, 0.24),
      inset 0 0 32px rgba(255, 255, 255, 0.08),
      0 0 18px rgba(255, 184, 54, 0.42),
      0 14px 34px rgba(0, 0, 0, 0.34) !important;
  }

  .gk-mobile-search::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 1px;
    border-radius: inherit;
    pointer-events: none;
    background:
      linear-gradient(118deg, rgba(255, 255, 255, 0.18), transparent 28% 66%, rgba(255, 196, 95, 0.13)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 44%);
  }

  .gk-mobile-search-submit,
  .gk-mobile-search input {
    position: relative;
    z-index: 1;
  }

  #featuredAds > .special-ads-title {
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #featuredAds > .special-ads-title .gk-mobile-featured-crown {
    display: grid !important;
    order: 0;
  }

  #featuredAds > .special-ads-title h2 {
    width: auto !important;
    margin: 0 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffe276 !important;
    line-height: 1.35 !important;
    white-space: nowrap;
  }

  #featuredAds > .special-ads-title .gk-desktop-section-title {
    display: none !important;
  }

  #featuredAds > .special-ads-title .gk-mobile-section-title {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-badge {
    position: absolute !important;
    z-index: 20 !important;
    top: 11px !important;
    right: auto !important;
    left: 11px !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100% - 76px) !important;
    height: 31px !important;
    padding: 5px 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    direction: rtl !important;
    border: 1px solid rgba(255, 240, 167, 0.88) !important;
    border-radius: 999px !important;
    color: #241301 !important;
    background: linear-gradient(145deg, #fff0a1 0%, #ffd35c 48%, #eda92c 100%) !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.76),
      0 4px 12px rgba(0, 0, 0, 0.34),
      0 0 10px rgba(255, 199, 60, 0.24) !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-featured-badge svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
    overflow: visible;
    fill: currentColor;
    stroke: currentColor;
    stroke-width: 0.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-favorite {
    position: absolute !important;
    z-index: 21 !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    display: grid !important;
    color: #ffffff !important;
    background: rgba(8, 9, 19, 0.14) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .gk-mobile-favorite.is-saved {
    color: #ffd45c !important;
  }

  #featuredAds .gk-mobile-featured-hero > .ad-card .ad-actions {
    right: 12px !important;
    bottom: 13px !important;
    left: auto !important;
  }
}