/* =============================================================================
   NetYadak v6.5.48 — final home-page corrections.
   Loaded after every earlier layer, so it only has to settle the leftovers:
   hero copy placement, RTL arrow direction, de-stretched typography and the
   select/rating icons that were rendering as solid squares.
   ========================================================================== */

/* -----------------------------------------------------------------------
   1) اسلایدر: متن و دکمه در سمت راست و وسط ارتفاع اسلاید
   نسخه قبلی .ny-hero-copy را position:relative کرده بود و متن به کف اسلاید
   می‌افتاد. اینجا دوباره به همان جایگاه طراحی (راست/وسط) قفل می‌شود.
   -------------------------------------------------------------------- */
@media (min-width: 768px) {
  html body .ny-home .ny-hero-slider .ny-hero-copy,
  html body .ny-home .ny-hero-slides .ny-hero-copy {
    position: absolute !important;
    top: 50% !important;
    right: 14% !important;
    bottom: auto !important;
    left: auto !important;
    width: min(410px, 42%) !important;
    transform: translateY(-50%) !important;
    text-align: right !important;
  }

  html body .ny-home .ny-hero-slider .ny-hero-kicker,
  html body .ny-home .ny-hero-slider .ny-hero-copy h1,
  html body .ny-home .ny-hero-slider .ny-hero-copy p.ny-hero-title {
    text-align: right !important;
  }

  /* دکمه هم زیر همان متن، از لبه راست شروع می‌شود. */
  html body .ny-home .ny-hero-slider .ny-hero-copy .ny-primary-btn {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
}

/* هر اسلاید یک لایه کامل است؛ چیدمان flex نباید متن را جابه‌جا کند. */
html body .ny-home .ny-hero-slide {
  display: block !important;
}

/* -----------------------------------------------------------------------
   2) فلش‌های ناوبری در RTL
   جفت دکمه‌ها [قبلی ›] [بعدی ‹] رندر می‌شدند؛ یعنی دکمه سمت چپ فلش راست
   داشت. آینه‌کردن آیکون‌ها هر دو را در جهت درست قرار می‌دهد.
   -------------------------------------------------------------------- */
html body .ny-home .ny-slider-controls .ny-arrow-btn svg,
html body .ny-home .ny-slider-controls .ny-arrow-btn .nyp-icon {
  transform: scaleX(-1) !important;
}

/* -----------------------------------------------------------------------
   3) گزینه انتخاب‌شده فرم خودرو: تیک، نه مربع توپر
   ماسک قبلی به‌خاطر کوتیشن‌های انکد‌نشده بی‌اثر می‌شد و ::after به شکل یک
   مربع ۱۴×۱۴ رنگ‌شده دیده می‌شد.
   -------------------------------------------------------------------- */
html body .ny-select-option.is-selected::after {
  width: 15px !important;
  height: 15px !important;
  margin-right: 8px !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001b3e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* -----------------------------------------------------------------------
   4) تایپوگرافی بدون کشیدگی افقی
   scaleX() صادرشده از فایل طراحی، عنوان «پیشنهاد شگفت‌انگیز» و قیمت‌ها را
   پهن می‌کرد. اندازه فونت جای آن را می‌گیرد تا عرض کادر تغییر نکند.
   -------------------------------------------------------------------- */
html body .ny-home .ny-section--flash .ny-flash-promo h2 span,
html body .ny-home .ny-section--flash .ny-flash-promo h2 span:first-child,
html body .ny-home .ny-section--flash .ny-flash-promo h2 span:last-child {
  transform: none !important;
}

html body .ny-home .ny-best-price__now strong,
html body .ny-home .ny-flash-card .ny-best-price__now strong,
html body .ny-home #nyTopProducts .ny-best-price__now strong,
html body .ny-home #nyTopProducts .ny-unified-cards > .ny-best-card .ny-best-price__now strong,
html body .ny-home .ny-unified-cards > .ny-best-card .ny-best-price__now strong,
html body .ny-home .ny-section--second-products .ny-best-price__now strong,
html body .ny-home .ny-section--second-products .ny-unified-cards > .ny-best-card .ny-best-price__now strong,
html body .ny-home .ny-section--second-products .ny-price strong,
html body .ny-home .ny-section--flash .ny-price strong {
  font-size: 20px !important;
  letter-spacing: -.2px !important;
  transform: none !important;
}

html body .ny-home .ny-best-price__old del,
html body .ny-home .ny-best-price__now small,
html body .ny-home .ny-section--flash .ny-price del,
html body .ny-home .ny-section--flash .ny-price small,
html body .ny-home .ny-section--second-products .ny-price del,
html body .ny-home .ny-section--second-products .ny-price small,
html body .ny-home .ny-mini-price strong,
html body .ny-home .ny-mini-price del,
html body .ny-home .ny-mini-price small {
  transform: none !important;
}

/* -----------------------------------------------------------------------
   5) ستاره‌های بخش «نظر مشتریان»
   تا این نسخه SVG ستاره‌ها escape می‌شد و به‌جای آیکون، کد خام چاپ می‌شد.
   مارک‌آپ در PHP اصلاح شد؛ اینجا فقط ابعاد و رنگ آن قفل می‌شود.
   -------------------------------------------------------------------- */
html body .ny-home .ny-review .ny-stars,
html body .ny-home #nyReviews .ny-stars,
html body .ny-home #nyReviews .ny-review .ny-stars,
html body .ny-home #nyReviews .ny-review-author .ny-stars {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  width: auto !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  direction: ltr !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body .ny-home .ny-review .ny-stars svg,
html body .ny-home #nyReviews .ny-stars svg,
html body .ny-home #nyReviews .ny-stars .nyp-star {
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* fill/stroke داخل خود SVG روی currentColor است؛ فقط رنگ را می‌دهیم تا
   ستاره پر و ستاره خالی هر دو شکل درست خود را نگه دارند. */
html body .ny-home #nyReviews .ny-stars .nyp-star--on { color: #ffb800 !important; }
html body .ny-home #nyReviews .ny-stars .nyp-star--off { color: rgba(0, 27, 62, .28) !important; }
/* کارت میانی زمینه سرمه‌ای دارد؛ ستاره خالی باید روشن باشد تا دیده شود. */
html body .ny-home #nyReviews .ny-review.is-active .ny-stars .nyp-star--off { color: rgba(255, 255, 255, .38) !important; }

/* -----------------------------------------------------------------------
   6) نوار مزیت‌ها با آیکون آماده (بدون تصویر آپلودی)
   -------------------------------------------------------------------- */
html body .ny-home .ny-trust-item .ny-trust-icon:has(.ny-trust-svg) {
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgba(255, 184, 0, .12) !important;
}

html body .ny-home .ny-trust-item .ny-trust-icon .ny-trust-svg {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  color: #ffb800 !important;
  stroke: currentColor !important;
  fill: none !important;
}

/* fallback برای مرورگرهای بدون :has() — آیکون همچنان وسط کادر می‌ماند. */
html body .ny-home .ny-trust-item .ny-trust-icon .ny-trust-svg {
  margin: 11px auto !important;
}