/* =========================================================
   NetYadak v6.5.50 — real sliders instead of raw scroll areas.

   1) «پرفروش‌ترین محصولات» روی دسکتاپ یک ردیف افقی با فلش است،
      نه گریدِ چندردیفه.
   2) هیچ‌کدام از ریل‌های محصول نوار اسکرول سیستمی نشان نمی‌دهند؛
      حرکت با فلش، سوایپ و چرخ ماوس انجام می‌شود.
   ========================================================= */

/* ---------------------------------------------------------
   Home — bestsellers rail
   --------------------------------------------------------- */
html body .ny-home #nyTopProducts .ny-section-head {
  gap: 12px;
}

html body .ny-home #nyTopProducts .ny-best-head-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (min-width: 901px) {
  html body .ny-home #nyTopProducts .ny-best-products {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    direction: rtl !important;
    /* Keep the 407px shell the section was designed around, but let a taller
       card grow the rail instead of being clipped by the horizontal scroller. */
    height: auto !important;
    min-height: 407px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
  }

  html body .ny-home #nyTopProducts .ny-best-products > .ny-best-card {
    scroll-snap-align: start;
  }
}

/* Below 901px the rail keeps its own mobile behaviour, so the injected
   arrows would only ever render disabled. Hide them, keep «مشاهده همه». */
@media (max-width: 900px) {
  html body .ny-home #nyTopProducts .ny-best-head-tools .ny-slider-controls {
    display: none;
  }
}

/* ---------------------------------------------------------
   Every home rail: no system scrollbar, the arrows drive it.
   --------------------------------------------------------- */
html body .ny-home #nyTopProducts .ny-best-products,
html body .ny-home .ny-section--flash .ny-flash-products,
html body .ny-home .ny-section--second-products .ny-product-grid,
html body .ny-home .ny-category-track,
html body .ny-home .ny-vehicle-row {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body .ny-home #nyTopProducts .ny-best-products::-webkit-scrollbar,
html body .ny-home .ny-section--flash .ny-flash-products::-webkit-scrollbar,
html body .ny-home .ny-section--second-products .ny-product-grid::-webkit-scrollbar,
html body .ny-home .ny-category-track::-webkit-scrollbar,
html body .ny-home .ny-vehicle-row::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* At either end the matching arrow is visibly inert. */
html body .ny-home .ny-arrow-btn[disabled],
html body .ny-home .ny-arrow-btn[aria-disabled="true"] {
  opacity: .38;
  box-shadow: none;
  cursor: default;
  transform: none;
}

/* ---------------------------------------------------------
   Vehicle filter list inside «پرفروش‌ترین محصولات»
   --------------------------------------------------------- */
html body .ny-home #nyTopProducts .ny-car-list {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body .ny-home #nyTopProducts .ny-car-list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}

/* ---------------------------------------------------------
   Product page — «کالا های مشابه»
   --------------------------------------------------------- */
.nyp-figma-product .nyp-related-track {
  scroll-behavior: smooth;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.nyp-figma-product .nyp-related-track::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.nyp-figma-product .nyp-related-head-tools {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  direction: ltr;
}

.nyp-figma-product .nyp-related-arrow {
  display: grid;
  width: 30px;
  height: 30px;
  padding: 0;
  place-items: center;
  flex: 0 0 30px;
  border: 1px solid rgba(9, 46, 89, .12);
  border-radius: 7px;
  color: #172335;
  background: #ffc21a;
  box-shadow: 0 4px 9px rgba(25, 33, 43, .10);
  cursor: pointer;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.nyp-figma-product .nyp-related-arrow--outline {
  background: #fff;
  box-shadow: none;
}

.nyp-figma-product .nyp-related-arrow svg {
  width: 15px;
  height: 15px;
}

.nyp-figma-product .nyp-related-arrow:hover {
  background: #ffd14a;
  box-shadow: 0 7px 14px rgba(25, 33, 43, .14);
  transform: translateY(-1px);
}

.nyp-figma-product .nyp-related-arrow--outline:hover {
  background: #fffaf0;
}

.nyp-figma-product .nyp-related-arrow[disabled] {
  opacity: .38;
  box-shadow: none;
  cursor: default;
  transform: none;
}