/* ===== Top Products: الهوامش والحواف ===== */
.y-c-top-products{
  margin-inline: clamp(32px, 8vw, 120px);
  margin-block:  clamp(24px, 6vw, 64px);
}
.y-c-top-products .y-u-container{
  padding-inline: clamp(12px, 4vw, 36px);
}

/* عند وضع القسم داخل .y-u-container: ألغِ الحواف المزدوجة */
.y-u-container > .y-c-top-products{ margin-inline: 0; }
.y-u-container > .y-c-top-products > .y-u-container{
  padding-inline: 0;
  max-width: unset;
}

/* ===== الشبكة الجديدة للمنتجات المميزة ===== */
.y-c-featured-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(240px,1fr));
  gap: clamp(14px, 2.8vw, 28px);
  margin: 0;
  padding: 0;
}

/* ===== بطاقة المنتج المميز ===== */
.y-c-featured-item{
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(16px, 2vw, 20px);
  border: 1px solid var(--y-color-border, #e8e8e8);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.y-c-featured-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

/* صورة المنتج */
.y-c-featured-image{
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 12px;
}

.y-c-featured-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* محتوى المنتج */
.y-c-featured-content{
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.y-c-featured-title{
  font-size: clamp(16px, 1.2vw, 18px);
  font-weight: 600;
  color: var(--y-color-text-dark, #333);
  margin: 0 0 8px 0;
  line-height: 1.3;
}

.y-c-featured-calories{
  font-size: clamp(13px, 1vw, 14px);
  color: var(--y-color-text-secondary, #666);
  margin: 0 0 12px 0;
  font-weight: 500;
}

/* السعر */
.y-c-featured-price{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: auto;
}

.y-c-featured-price .price-amount{
  font-size: clamp(16px, 1.2vw, 18px);
  font-weight: 700;
  color: var(--y-color-accent, #d33);
}

.y-c-featured-price .price-currency img{
  width: 16px;
  height: 16px;
  display: block;
}

/* رسالة عدم وجود منتجات مميزة */
.y-c-no-featured{
  padding: 40px 20px;
  background: #f8f9fa;
  border-radius: 12px;
  border: 2px dashed #dee2e6;
}

/* مدّ الشبكة لعرض كامل */
.y-c-top-products .y-c-products-grid,
.y-c-top-products .y-c-products-grid > ul.products{ width:100%; }

/* ===== بطاقة المنتج ===== */
.y-c-top-products li.product .menu-item{
  display:flex;
  flex-direction:column;
  height:100%;
  padding: clamp(10px, 1.6vw, 18px);
  border:1px solid var(--y-color-border,#e8e8e8);
  border-radius:12px;
  background:#fff;
}
/* صورة مربعة موحّدة */
.y-c-top-products li.product .img{ width:100%; max-width:100%; aspect-ratio:1/1; }
.y-c-top-products li.product .img img{ width:100%; height:auto; display:block; }

/* نصوص ومسافات */
.y-c-top-products .menu-item-content{ margin-top:8px; }
.y-c-top-products li.product .menu-item p{ font-size:clamp(15px,1.1vw,18px); line-height:1.3; }

/* صف السعر + زر الإضافة في كل الأحجام */
.y-c-top-products li.product .y-u-d-flex.y-u-justify-between{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
}

/* ===== زر السعر + الأيقونة ===== */
.y-c-top-products .price-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  line-height:1;
  font-weight:700;
  font-size:15px;
  padding:4px 10px;
  height:30px;
  min-width:120px;
  border:1px solid #d33;
  border-radius:18px;
  background:#fff;
  color:#d33;
}
.y-c-top-products .price-btn img{ width:16px; height:16px; display:block; }
.y-c-top-products .price-btn span{ display:flex; align-items:center; }

/* زر الإضافة */
.y-c-top-products .add-btn{
  width:30px; height:30px;
  border-radius:8px; font-size:14px;
  display:flex; align-items:center; justify-content:center;
  background:#d33; color:#fff; flex-shrink:0;
}

/* ===== موبايل ≤480px ===== */
@media (max-width:480px){
  .y-c-top-products{
    margin-inline: 0; /* إلغاء المارجن الجانبي في الجوال */
    margin-block: clamp(24px, 6vw, 64px);
  }
  .y-c-top-products .y-u-container{ padding-inline:12px; }

  /* الشبكة الجديدة للمنتجات المميزة */
  .y-c-featured-grid{
    grid-template-columns: repeat(2, minmax(130px,1fr));
    gap: 12px;
  }
  
  .y-c-featured-item{ 
    padding: 12px; 
  }

  .y-c-featured-title{
    font-size: 15px;
  }

  .y-c-featured-calories{
    font-size: 12px;
  }

  .y-c-featured-price .price-amount{
    font-size: 15px;
  }

  .y-c-featured-price .price-currency img{ 
    width: 14px; 
    height: 14px; 
  }
}

/* ===== تابلت ===== */
@media (min-width:481px) and (max-width:820px){
  .y-c-featured-grid{
    grid-template-columns: repeat(2, minmax(180px,1fr));
    gap: 16px;
  }
  
  .y-c-featured-item{ 
    padding: 14px; 
  }
}