/* =========================================================
   FRESH DROP MODULE (300x399 + 4.5 items on mobile)
   Safe & Isolated
   ========================================================= */

.freshDrop{
  position:relative;
  border-radius:5px;
  padding:14px 14px 12px;
  margin:20px 0;
  overflow:hidden;
  background: linear-gradient(180deg, #f3e7d7 0%, #f7efe6 100%);
}

/* ================= HEADER ================= */

.freshDropHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
  margin-bottom:8px;
}

.freshDropTitle{
  font-size:18px;       /* ✅ أصغر */
  font-weight:900;
  margin:0;
  line-height:1.1;
  color:#111;
}

.freshDropSub{
  margin-top:4px;
  font-size:12px;       /* ✅ أصغر */
  opacity:.85;
  color:#111;
}

.freshDropMore{
  font-size:13px;       /* ✅ أصغر */
  font-weight:900;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  transition:.2s ease;
  color:#111;
  opacity:.95;
}

.freshDropMore:hover{ opacity:1; text-decoration:underline; }
.freshDropMore:active{ transform: translateY(1px); }

/* ================= PRODUCT ROW ================= */

.freshDropRow{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding-bottom:4px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  margin-top:2px;
  scrollbar-width:none;
}
.freshDropRow::-webkit-scrollbar{ height:0; }

/* ================= PRODUCT ITEM ================= */
/* ✅ 4.5 items visible on phones */
.freshDropItem{
  flex:0 0 calc((100% - (10px * 3)) / 4.5);
  scroll-snap-align:start;
}

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

.freshDropCard{
  display:block;
  border-radius:5px;
  overflow:hidden;
  background:transparent; /* ✅ ما في أبيض */
  box-shadow:none;
}

/* ================= IMAGE ================= */
/* ✅ 300x399 ratio */
.freshDropImg{
  width:100%;
  aspect-ratio: 300 / 399;
  object-fit:cover;
  display:block;
  border-radius:5px;

  /* ✅ شيل أي خلفية بيضاء */
  background:transparent !important;
}

/* ✅ إذا الصورة ما حملت، ما يبين أبيض */
.freshDropImg:not([src]),
.freshDropImg[src=""]{
  opacity:0;
}

/* ================= PRICE ================= */

.freshDropPrice{
  font-size:15px;       /* ✅ أصغر */
  font-weight:900;
  margin-top:6px;
  line-height:1;
  color:#111;
}

.freshDropPrice .oldPrice{
  font-size:10px;       /* ✅ أصغر */
  font-weight:800;
  opacity:.55;
  text-decoration:line-through;
  display:block;
  margin-bottom:3px;
}

/* ================= RESPONSIVE ================= */

@media (max-width:768px){
  .freshDropTitle{ font-size:17px; }
  .freshDropSub{ font-size:12px; }
  .freshDropMore{ font-size:12px; }
}

@media (max-width:420px){
  .freshDropRow{ gap:8px; }

  .freshDropItem{
    flex:0 0 calc((100% - (8px * 3)) / 4.5);
  }

  .freshDropPrice{ font-size:14px; }
}