/* =========================================
   FENYBCO WHOLESALE – FINAL RESPONSIVE STYLE
========================================= */

/* مسافات عامة للقسم */
#fenybco-wholesale {
  margin-top: 40px;
  margin-bottom: 60px;
  width: 100%;
}

/* =========================
   DESKTOP / LARGE SCREENS
   4 items in one row
========================= */
@media (min-width: 769px) {

  .fenybco-sections {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 32px;
    flex-wrap: nowrap; /* يمنع النزول لسطر تاني */
  }

  .fenybco-item {
    width: 240px;
    flex: 0 0 240px;
  }
}

/* =========================
   MOBILE / SMALL SCREENS
   Horizontal scroll RTL
========================= */
@media (max-width: 768px) {

  .fenybco-sections {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;

    gap: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;

    -webkit-overflow-scrolling: touch;

    /* RTL سليم */
    direction: rtl;

    /* سحب ناعم */
    scroll-snap-type: x mandatory;
  }

  .fenybco-item {
    flex: 0 0 80%;
    max-width: 80%;
    scroll-snap-align: start;
  }

  /* مسافات أمان لأول وآخر كرت */
  .fenybco-sections::before,
  .fenybco-sections::after {
    content: "";
    flex: 0 0 16px;
  }

  /* إلغاء أي spacer قديم */
  .fenybco-spacer {
    display: none !important;
  }
}

/* =========================
   CARD STYLE (مشترك)
========================= */
.fenybco-item {
  background: #ffffff;
  border-radius: 18px;
  padding: 20px 15px 25px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transition: transform .3s ease, box-shadow .3s ease;
}

.fenybco-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 36px rgba(0,0,0,.15);
}

/* =========================
   IMAGE SIZE UNIFICATION (FINAL)
========================= */
.fenybco-item img {
  width: 100%;
  max-width: 200px;     /* نفس العرض لكل الصور */
  height: 160px;        /* نفس الارتفاع لكل الصور */
  object-fit: contain;  /* بدون قص أو تشويه */
  display: block;
  margin: 0 auto;
}

/* =========================
   TEXT STYLE
========================= */
.fenybco-item h3 {
  margin-top: 16px;
  font-size: 18px;
  color: #0a1f44;
}

.fenybco-item p {
  font-size: 14px;
  color: #666;
  margin-top: 6px;
}