/* ================================================= */
/*   VELAR — معرض صور المنتج (مقاسات موحدة + شكل حديث)  */
/* ================================================= */

:root{
  --vg-img-ratio: 1/1;
  --vg-img-radius: 16px;
  --vg-img-max: 800px;
}

/* ================================================= */
/*   الصورة الرئيسية — مربع 800×800 بحد أقصى            */
/* ================================================= */

.p_gallery_container .w-full.min-h-\[min\(85vw\,58vh\)\]{
  min-height:0 !important;
  max-width:var(--vg-img-max);
  aspect-ratio:var(--vg-img-ratio);
  margin:0 auto;
}

.sphinx_product_active_img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:var(--vg-img-ratio);
  border-radius:var(--vg-img-radius) !important;
  border:1px solid rgba(17,24,39,.08);
  cursor:zoom-in;
  overflow:hidden !important;
}

.sphinx_product_active_img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:var(--vg-img-radius) !important;
  transition:transform .4s cubic-bezier(.25,.8,.25,1) !important;
}

/* تأثير التكبير عند الوقوف على الصورة */
.sphinx_product_active_img:hover img{
  transform:scale(1.35);
}

@media (prefers-reduced-motion: reduce){
  .sphinx_product_active_img img{
    transition:none !important;
  }
  .sphinx_product_active_img:hover img{
    transform:none;
  }
}

/* على الموبايل نلغي التكبير (مفيش hover حقيقي باللمس) */
@media (hover:none){
  .sphinx_product_active_img:hover img{
    transform:none;
  }
  .sphinx_product_active_img{
    cursor:default;
  }
}

/* ================================================= */
/*   الصور المصغّرة — نفس النسبة بالظبط                */
/* ================================================= */

.sphinx_product_images_grid{
  gap:10px !important;
}

.sphinx_product_images_grid button{
  aspect-ratio:var(--vg-img-ratio);
  border-radius:12px !important;
  overflow:hidden;
}

.sphinx_product_images_img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:var(--vg-img-ratio);
  object-fit:cover !important;
  border-radius:12px !important;
  outline:none !important;
  border:2px solid transparent;
  transition:border-color .2s ease, opacity .2s ease;
}

/* الصورة المصغّرة المختارة — حد أزرق بدل outline الافتراضي */
.sphinx_product_images_grid button[aria-selected="true"] .sphinx_product_images_img{
  border-color:#0a58ff !important;
}

.sphinx_product_images_grid button[aria-selected="false"] .sphinx_product_images_img{
  opacity:.55;
}

.sphinx_product_images_grid button:hover .sphinx_product_images_img{
  opacity:1;
  border-color:rgba(10,88,255,.4) !important;
}

/* ================================================= */
/*   ترتيب العرض — زي الأصل بالظبط (الكبيرة فوق)        */
/* ================================================= */

.p_gallery_container .hidden.md\:flex.flex-col-reverse{
  gap:14px;
}