/* 1. تثبيت ارتفاع السلايدر لمنع الاهتزاز والقفز */
.product-single__main-media .swiper-autoheight .swiper-wrapper {
    height: 420px !important;
}

/* 2. إعادة الشريحة لوضعها الطبيعي لإصلاح أيقونات سلة */
.product-single__main-media .swiper-slide {
    display: block !important; 
    position: relative !important;
    height: 100% !important;
}

/* 3. توسيط الصور (والفيديوهات داخل السلايدر) باستخدام الموضع المطلق */
.product-single__main-media .swiper-slide img,
.product-single__main-media .swiper-slide video,
.product-single__main-media .swiper-slide .magnify-wrapper {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-height: 100% !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* 4. ضبط الارتفاع الثابت على شاشات الجوال */
@media (max-width: 768px) {
  .product-single__main-media .swiper-autoheight .swiper-wrapper {
      height: 380px !important;
  }
}

/* 5. ضبط أبعاد فيديو اليوتيوب في الوصف بنسبة 16:9 */
#details_table .ql-video,
.product-single-top-description .ql-video,
.quickview-description .ql-video {
    width: 100% !important;
    max-width: 720px !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    border-radius: 12px !important;
}
a.btn.btn--outline-primary {
    border-radius: 12px !important;
}