/** Shopify CDN: Minification failed

Line 14:21 Expected ")" to end URL token
Line 30:21 Expected ")" to end URL token
Line 45:21 Expected ")" to end URL token

**/
/* طريقة بسيطة لتحديد أحجام الصور - موبايل وكمبيوتر */

/* === الموبايل === */
@media (max-width: 767px) {
  img[data-src*="width="] {
    /* قوة الصورة للموبايل */
    content: url(attr(data-src, url) replace("width=1", "width=400"));
  }
  
  .t4s-product-img,
  .t4s-product__media,
  .t4s-product-main-img {
    max-width: 400px !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* === التابلت === */
@media (min-width: 768px) and (max-width: 1024px) {
  img[data-src*="width="] {
    /* قوة الصورة للتابلت */
    content: url(attr(data-src, url) replace("width=1", "width=600"));
  }
  
  .t4s-product-img,
  .t4s-product__media,
  .t4s-product-main-img {
    max-width: 600px !important;
    width: 100% !important;
  }
}

/* === الكمبيوتر === */
@media (min-width: 1025px) {
  img[data-src*="width="] {
    /* قوة الصورة للكمبيوتر */
    content: url(attr(data-src, url) replace("width=1", "width=800"));
  }
  
  .t4s-product-img,
  .t4s-product__media,
  .t4s-product-main-img {
    max-width: 800px !important;
    width: 100% !important;
  }
}