/* صفحة المنتج: كل الصور المصغّرة ظاهرة من غير سكرول + ملء الفراغات */

/* ===== المعرض ===== */
.product-layout{grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:40px;}
.gallery-wrap{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;}
.gallery-wrap .gallery-main{grid-column:2;grid-row:1;aspect-ratio:1/1;}
/* عمود الصور المصغّرة بطول الصورة الكبيرة بالظبط، والصور بتصغر لوحدها عشان كلهم يظهروا */
.gallery-wrap .gallery-thumbs{
  grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:8px;
  width:72px;height:0;min-height:100%;max-height:none;overflow:visible;align-items:center;
}
.gallery-wrap .gallery-thumbs .gallery-thumb{
  flex:1 1 0;min-height:0;max-height:72px;width:auto;height:auto;aspect-ratio:1/1;
}
.gallery-wrap .gallery-thumbs .gallery-thumb img{width:100%;height:100%;object-fit:contain;}

@media (max-width:860px){
  .product-layout{grid-template-columns:1fr;gap:20px;}
  .gallery-wrap{display:flex;flex-direction:column;}
  .gallery-wrap .gallery-main{order:1;}
  .gallery-wrap .gallery-thumbs{
    order:2;width:100%;height:auto;min-height:0;flex-direction:row;flex-wrap:wrap;
    align-items:flex-start;gap:8px;overflow:visible;
  }
  .gallery-wrap .gallery-thumbs .gallery-thumb{flex:0 0 auto;width:56px;height:56px;max-height:none;}
}

/* ===== التفاصيل ===== */
.product-highlights{margin-top:18px;padding:18px 20px;border:1px solid var(--border);border-radius:14px;background:#fff;}
.product-highlights h3{font-size:15px;font-weight:800;margin:0 0 12px;color:var(--text);}
.product-highlights ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.product-highlights li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.7;color:var(--text);}
.product-highlights li svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;color:var(--green,#1F9D55);}
.product-highlights .ph-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--navy);background:none;border:0;padding:0;cursor:pointer;}
.product-highlights .ph-more:hover{text-decoration:underline;}

/* مزايا الشراء: 3 كروت جنب بعض بدل 3 سطور فاضية */
.mini-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;}
.mini-trust-item{
  flex-direction:column;text-align:center;justify-content:flex-start;gap:8px;
  padding:16px 10px;background:var(--bg-soft);border-radius:12px;font-size:12.5px;line-height:1.6;
}
.mini-trust-item svg{width:26px;height:26px;}

/* ===== تحت: الوصف والتبويبات ===== */
.product-tabs{margin-top:40px;}
#tab-description,#tab-specs{background:var(--bg-soft);border-radius:14px;padding:22px 26px;margin-top:18px;}
#tab-description p{margin:0;line-height:2;font-size:14.5px;}
.related-section{margin-top:44px;}

@media (max-width:860px){
  .mini-trust-item{padding:12px 6px;font-size:11.5px;}
  .mini-trust-item svg{width:22px;height:22px;}
  .product-highlights{padding:14px 16px;}
  #tab-description,#tab-specs{padding:16px 18px;}
}

/* ===== زرار المفضلة فوق الصورة (شمال) ===== */
.gallery-main{position:relative;}
.gallery-main #mainWishlistBtn{
  position:absolute;top:12px;left:12px;right:auto;z-index:5;width:42px;height:42px;margin:0;padding:0;
  border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px rgba(0,0,0,.18);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.gallery-main #mainWishlistBtn svg{width:20px;height:20px;}