/* =========================================================
   FRESH DROP MODULE (300x399 + 4.5 items on mobile)
   Safe & Isolated
   ========================================================= */
.freshDropRow{ background:transparent !important; }
.freshDropItem{ background:transparent !important; }
.freshDropCard{ background:transparent !important; }
.freshDrop{
  position:relative;
  border-radius:5px;
  padding:5px 5px 5px;
  margin:5px 0;
  overflow:hidden;
background:
  radial-gradient(260px 140px at 0% 0%, rgba(255,255,255,0.35), transparent 60%),
  radial-gradient(320px 180px at 0% 0%, var(--fdBg1, #f3e7d7) 0%, transparent 65%),
 var(--fdBg2, #ffffff) ;
}

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

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

.freshDropTitle{
  font-size:16px;       /* ✅ أصغر */
  font-weight:700;
  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:700;
  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)) / 3.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: 333 / 399;
  object-fit:contain;
  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:14px; }
  .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; }
}

/* ✅ Kill any forced white background/padding around the fresh drop images */
.freshDrop .freshDropItem,
.freshDrop .freshDropCard,
.freshDrop .freshDropImg,
.freshDrop .freshDropImgWrap{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* أوقات الـ <a> بياخد padding من ستايل عام */
.freshDrop .freshDropCard{
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  line-height: 0 !important;   /* ✅ يمنع أي فراغ حوالين الصورة */
}

/* تأكيد إن الصورة ماسكة المساحة وما في baseline gap */
.freshDrop .freshDropImg{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 333 / 399 !important;
  object-fit: cover !important;
  vertical-align: top !important;
}

/* إذا عندك wrapper (اختياري) */
.freshDrop .freshDropImgWrap{
  overflow: hidden !important;
  border-radius: 5px !important;
}
ليش هون gardient  ب background 2 بضل دا يب كا ابيض مع تنني حاطط red