/* شبكة ذات الصلة */
.related.products ul.products{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.5rem;
  list-style:none;
  margin:0;
  padding:0;
}
@media (max-width:992px){ .related.products ul.products{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:768px){ .related.products ul.products{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:480px){ .related.products ul.products{ grid-template-columns:repeat(2,1fr);} }

/* اجعل <li> يملأ عمود الشبكة */
.related.products ul.products li.product{
  display:block;
  width:100% !important;
}

/* طبّق نفس أبعاد الكارد */
.related.products li.product .menu-item{
  background:#fff;
  border-radius:16px;
  padding:1.5rem;
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  width:100%;
  max-width:unset;
  min-width:unset;
  height:100%;
  transition:transform .3s;
}
.related.products li.product .menu-item:hover{ transform:translateY(-5px); }

.related.products li.product .img{ width:100%; display:flex; justify-content:center; align-items:center; }
.related.products li.product .img img{ max-width:100%; max-height:180px; object-fit:contain; }

/* أزرار بنفس ألوانك */
.related.products .price-btn{
  display:inline-flex; align-items:center; gap:.5rem;
  border:1px solid var(--y-color-btn); border-radius:25px;
  padding:.5rem 1rem; color:var(--y-color-btn);
}
.related.products .add-btn{
  background:var(--y-color-btn); color:#fff; border-radius:10px;
  padding:.5rem 1rem;
}

/* ألغِ العناصر الوهمية الافتراضية */
.related.products ul.products::before,
.related.products ul.products::after{ content:none !important; display:none !important; }