/* MouSou Product Detail Mobile Fix */

@media (max-width: 768px) {

 body.mousou-product-detail-page {
  overflow-x: hidden !important;
 }

 body.mousou-product-detail-page main,
 body.mousou-product-detail-page .container,
 body.mousou-product-detail-page .page-content,
 body.mousou-product-detail-page .content,
 body.mousou-product-detail-page .product-detail,
 body.mousou-product-detail-page .product-details,
 body.mousou-product-detail-page .single-product,
 body.mousou-product-detail-page .product-page,
 body.mousou-product-detail-page .product-info {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
 }

 body.mousou-product-detail-page .row,
 body.mousou-product-detail-page .product-row,
 body.mousou-product-detail-page .product-detail-row,
 body.mousou-product-detail-page .single-product-row {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
 }

 body.mousou-product-detail-page [class*="col-"],
 body.mousou-product-detail-page .product-gallery,
 body.mousou-product-detail-page .product-images,
 body.mousou-product-detail-page .product-summary,
 body.mousou-product-detail-page .product-info {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
 }

 /* الصور لا تكون ضخمة */
 body.mousou-product-detail-page .product-image,
 body.mousou-product-detail-page .main-product-image,
 body.mousou-product-detail-page .product-gallery,
 body.mousou-product-detail-page .product-images,
 body.mousou-product-detail-page .gallery-main,
 body.mousou-product-detail-page .image-box {
  max-height: 380px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: #f7f8fb !important;
 }

 body.mousou-product-detail-page .product-image img,
 body.mousou-product-detail-page .main-product-image img,
 body.mousou-product-detail-page .product-gallery img,
 body.mousou-product-detail-page .product-images img,
 body.mousou-product-detail-page .gallery-main img,
 body.mousou-product-detail-page .image-box img,
 body.mousou-product-detail-page img {
  max-width: 100% !important;
  height: auto !important;
  max-height: 360px !important;
  object-fit: contain !important;
  border-radius: 20px !important;
 }

 /* عنوان المنتج */
 body.mousou-product-detail-page h1,
 body.mousou-product-detail-page .product-title {
  font-size: 22px !important;
  line-height: 1.45 !important;
  margin: 14px 0 8px !important;
  color: #10213f !important;
  font-weight: 900 !important;
 }

 /* السعر */
 body.mousou-product-detail-page .price,
 body.mousou-product-detail-page .product-price,
 body.mousou-product-detail-page .current-price,
 body.mousou-product-detail-page .sale-price {
  font-size: 21px !important;
  line-height: 1.4 !important;
  margin: 8px 0 !important;
  font-weight: 900 !important;
  color: #10213f !important;
 }

 body.mousou-product-detail-page .old-price,
 body.mousou-product-detail-page del {
  font-size: 14px !important;
  color: #8b93a5 !important;
 }

 /* كارت بيانات المنتج */
 body.mousou-product-detail-page .product-summary,
 body.mousou-product-detail-page .product-info,
 body.mousou-product-detail-page .product-details {
  background: #fff !important;
  border-radius: 22px !important;
  padding: 14px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.05) !important;
  margin-top: 12px !important;
 }

 /* المقاسات والألوان */
 body.mousou-product-detail-page .variants,
 body.mousou-product-detail-page .variant-options,
 body.mousou-product-detail-page .size-options,
 body.mousou-product-detail-page .color-options,
 body.mousou-product-detail-page .product-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 10px 0 !important;
 }

 body.mousou-product-detail-page .variants label,
 body.mousou-product-detail-page .variant-options label,
 body.mousou-product-detail-page .size-options label,
 body.mousou-product-detail-page .color-options label,
 body.mousou-product-detail-page .product-options label {
  min-height: 40px !important;
  border-radius: 14px !important;
 }

 /* أزرار المنتج */
 body.mousou-product-detail-page form[action*="cart"] button,
 body.mousou-product-detail-page form[action*="cart"] input[type="submit"],
 body.mousou-product-detail-page .add-to-cart,
 body.mousou-product-detail-page .add-to-cart-btn,
 body.mousou-product-detail-page .btn-add-cart,
 body.mousou-product-detail-page .product-add-to-cart {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 18px !important;
  font-size: 16px !important;
  margin-top: 10px !important;
  background: #10213f !important;
  color: #fff !important;
 }

 /* الوصف والتفاصيل */
 body.mousou-product-detail-page .description,
 body.mousou-product-detail-page .product-description,
 body.mousou-product-detail-page .tabs,
 body.mousou-product-detail-page .product-tabs {
  font-size: 14px !important;
  line-height: 1.8 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
 }

 /* منع أي عنصر من كسر عرض الشاشة */
 body.mousou-product-detail-page * {
  max-width: 100%;
  box-sizing: border-box;
 }

 /* رفع زر الشراء الثابت فوق شريط الموبايل */
 body.mousou-product-detail-page .mousou-mobile-buy-bar {
  bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
  right: 10px !important;
  left: 10px !important;
  border-radius: 20px !important;
 }

 body.mousou-product-detail-page .mousou-mobile-buy-button {
  min-width: 125px !important;
 }
}

/* Strong Product Image Mobile Size Fix */
@media (max-width: 768px) {

 body.mousou-product-detail-page {
  overflow-x: hidden !important;
 }

 /* تقليل حجم منطقة صورة المنتج */
 body.mousou-product-detail-page .product-gallery,
 body.mousou-product-detail-page .product-images,
 body.mousou-product-detail-page .product-image,
 body.mousou-product-detail-page .main-product-image,
 body.mousou-product-detail-page .gallery-main,
 body.mousou-product-detail-page .image-box,
 body.mousou-product-detail-page .product-media,
 body.mousou-product-detail-page .product-photo,
 body.mousou-product-detail-page .product-cover,
 body.mousou-product-detail-page .carousel,
 body.mousou-product-detail-page .carousel-inner,
 body.mousou-product-detail-page .carousel-item,
 body.mousou-product-detail-page .swiper,
 body.mousou-product-detail-page .swiper-wrapper,
 body.mousou-product-detail-page .swiper-slide,
 body.mousou-product-detail-page .ratio {
  width: 100% !important;
  max-width: 100% !important;
  height: 260px !important;
  max-height: 260px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #f7f8fb !important;
  margin: 0 auto 12px auto !important;
 }

 /* إصلاح Bootstrap ratio لو مستخدم */
 body.mousou-product-detail-page .ratio::before {
  display: none !important;
  padding-top: 0 !important;
 }

 body.mousou-product-detail-page .ratio > * {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
 }

 /* إجبار صورة المنتج نفسها على حجم مناسب */
 body.mousou-product-detail-page .product-gallery img,
 body.mousou-product-detail-page .product-images img,
 body.mousou-product-detail-page .product-image img,
 body.mousou-product-detail-page .main-product-image img,
 body.mousou-product-detail-page .gallery-main img,
 body.mousou-product-detail-page .image-box img,
 body.mousou-product-detail-page .product-media img,
 body.mousou-product-detail-page .product-photo img,
 body.mousou-product-detail-page .product-cover img,
 body.mousou-product-detail-page .carousel img,
 body.mousou-product-detail-page .carousel-inner img,
 body.mousou-product-detail-page .carousel-item img,
 body.mousou-product-detail-page .swiper img,
 body.mousou-product-detail-page img[src*="/media/"] {
  width: 100% !important;
  height: 260px !important;
  max-height: 260px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 20px !important;
  background: #f7f8fb !important;
 }

 /* تقليل المسافة حول الصورة */
 body.mousou-product-detail-page .product-detail,
 body.mousou-product-detail-page .product-details,
 body.mousou-product-detail-page .single-product,
 body.mousou-product-detail-page .product-page {
  padding-top: 10px !important;
 }

 /* العنوان والسعر بعد تصغير الصورة */
 body.mousou-product-detail-page h1,
 body.mousou-product-detail-page .product-title {
  font-size: 20px !important;
  margin-top: 8px !important;
  margin-bottom: 6px !important;
 }

 body.mousou-product-detail-page .price,
 body.mousou-product-detail-page .product-price,
 body.mousou-product-detail-page .current-price,
 body.mousou-product-detail-page .sale-price {
  font-size: 20px !important;
  margin: 6px 0 !important;
 }
}

@media (max-width: 420px) {

 body.mousou-product-detail-page .product-gallery,
 body.mousou-product-detail-page .product-images,
 body.mousou-product-detail-page .product-image,
 body.mousou-product-detail-page .main-product-image,
 body.mousou-product-detail-page .gallery-main,
 body.mousou-product-detail-page .image-box,
 body.mousou-product-detail-page .product-media,
 body.mousou-product-detail-page .product-photo,
 body.mousou-product-detail-page .product-cover,
 body.mousou-product-detail-page .carousel,
 body.mousou-product-detail-page .carousel-inner,
 body.mousou-product-detail-page .carousel-item,
 body.mousou-product-detail-page .swiper,
 body.mousou-product-detail-page .swiper-wrapper,
 body.mousou-product-detail-page .swiper-slide,
 body.mousou-product-detail-page .ratio {
  height: 230px !important;
  max-height: 230px !important;
 }

 body.mousou-product-detail-page .product-gallery img,
 body.mousou-product-detail-page .product-images img,
 body.mousou-product-detail-page .product-image img,
 body.mousou-product-detail-page .main-product-image img,
 body.mousou-product-detail-page .gallery-main img,
 body.mousou-product-detail-page .image-box img,
 body.mousou-product-detail-page .product-media img,
 body.mousou-product-detail-page .product-photo img,
 body.mousou-product-detail-page .product-cover img,
 body.mousou-product-detail-page .carousel img,
 body.mousou-product-detail-page .carousel-inner img,
 body.mousou-product-detail-page .carousel-item img,
 body.mousou-product-detail-page .swiper img,
 body.mousou-product-detail-page img[src*="/media/"] {
  height: 230px !important;
  max-height: 230px !important;
 }
}

/* Strong Product Image Mobile Size Fix */
@media (max-width: 768px) {

 body.mousou-product-detail-page {
  overflow-x: hidden !important;
 }

 /* تقليل حجم منطقة صورة المنتج */
 body.mousou-product-detail-page .product-gallery,
 body.mousou-product-detail-page .product-images,
 body.mousou-product-detail-page .product-image,
 body.mousou-product-detail-page .main-product-image,
 body.mousou-product-detail-page .gallery-main,
 body.mousou-product-detail-page .image-box,
 body.mousou-product-detail-page .product-media,
 body.mousou-product-detail-page .product-photo,
 body.mousou-product-detail-page .product-cover,
 body.mousou-product-detail-page .carousel,
 body.mousou-product-detail-page .carousel-inner,
 body.mousou-product-detail-page .carousel-item,
 body.mousou-product-detail-page .swiper,
 body.mousou-product-detail-page .swiper-wrapper,
 body.mousou-product-detail-page .swiper-slide,
 body.mousou-product-detail-page .ratio {
  width: 100% !important;
  max-width: 100% !important;
  height: 260px !important;
  max-height: 260px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #f7f8fb !important;
  margin: 0 auto 12px auto !important;
 }

 /* إصلاح Bootstrap ratio لو مستخدم */
 body.mousou-product-detail-page .ratio::before {
  display: none !important;
  padding-top: 0 !important;
 }

 body.mousou-product-detail-page .ratio > * {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
 }

 /* إجبار صورة المنتج نفسها على حجم مناسب */
 body.mousou-product-detail-page .product-gallery img,
 body.mousou-product-detail-page .product-images img,
 body.mousou-product-detail-page .product-image img,
 body.mousou-product-detail-page .main-product-image img,
 body.mousou-product-detail-page .gallery-main img,
 body.mousou-product-detail-page .image-box img,
 body.mousou-product-detail-page .product-media img,
 body.mousou-product-detail-page .product-photo img,
 body.mousou-product-detail-page .product-cover img,
 body.mousou-product-detail-page .carousel img,
 body.mousou-product-detail-page .carousel-inner img,
 body.mousou-product-detail-page .carousel-item img,
 body.mousou-product-detail-page .swiper img,
 body.mousou-product-detail-page img[src*="/media/"] {
  width: 100% !important;
  height: 260px !important;
  max-height: 260px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  border-radius: 20px !important;
  background: #f7f8fb !important;
 }

 /* تقليل المسافة حول الصورة */
 body.mousou-product-detail-page .product-detail,
 body.mousou-product-detail-page .product-details,
 body.mousou-product-detail-page .single-product,
 body.mousou-product-detail-page .product-page {
  padding-top: 10px !important;
 }

 /* العنوان والسعر بعد تصغير الصورة */
 body.mousou-product-detail-page h1,
 body.mousou-product-detail-page .product-title {
  font-size: 20px !important;
  margin-top: 8px !important;
  margin-bottom: 6px !important;
 }

 body.mousou-product-detail-page .price,
 body.mousou-product-detail-page .product-price,
 body.mousou-product-detail-page .current-price,
 body.mousou-product-detail-page .sale-price {
  font-size: 20px !important;
  margin: 6px 0 !important;
 }
}

@media (max-width: 420px) {

 body.mousou-product-detail-page .product-gallery,
 body.mousou-product-detail-page .product-images,
 body.mousou-product-detail-page .product-image,
 body.mousou-product-detail-page .main-product-image,
 body.mousou-product-detail-page .gallery-main,
 body.mousou-product-detail-page .image-box,
 body.mousou-product-detail-page .product-media,
 body.mousou-product-detail-page .product-photo,
 body.mousou-product-detail-page .product-cover,
 body.mousou-product-detail-page .carousel,
 body.mousou-product-detail-page .carousel-inner,
 body.mousou-product-detail-page .carousel-item,
 body.mousou-product-detail-page .swiper,
 body.mousou-product-detail-page .swiper-wrapper,
 body.mousou-product-detail-page .swiper-slide,
 body.mousou-product-detail-page .ratio {
  height: 230px !important;
  max-height: 230px !important;
 }

 body.mousou-product-detail-page .product-gallery img,
 body.mousou-product-detail-page .product-images img,
 body.mousou-product-detail-page .product-image img,
 body.mousou-product-detail-page .main-product-image img,
 body.mousou-product-detail-page .gallery-main img,
 body.mousou-product-detail-page .image-box img,
 body.mousou-product-detail-page .product-media img,
 body.mousou-product-detail-page .product-photo img,
 body.mousou-product-detail-page .product-cover img,
 body.mousou-product-detail-page .carousel img,
 body.mousou-product-detail-page .carousel-inner img,
 body.mousou-product-detail-page .carousel-item img,
 body.mousou-product-detail-page .swiper img,
 body.mousou-product-detail-page img[src*="/media/"] {
  height: 230px !important;
  max-height: 230px !important;
 }
}