/* ==================================

   عرض واسع مثل قولدن سنت — الكمبيوتر

   ================================== */



@media (min-width: 1024px) {



  /* توسيع مساحة الصفحة */

  main .container,

  .home-block,

  .s-block,

  salla-products-list {

    width: 100% !important;

    max-width: 1580px !important;

    margin-inline: auto !important;

    padding-inline: 20px !important;

    box-sizing: border-box !important;

  }



  /* توسيع البنر */

  .main-slider,

  .s-block--banners,

  .banner-entry {

    width: calc(100% - 40px) !important;

    max-width: 1550px !important;

    margin-inline: auto !important;

    border-radius: 12px !important;

    overflow: hidden !important;

  }



  .main-slider img,

  .s-block--banners img,

  .banner-entry img {

    display: block !important;

    width: 100% !important;

    height: auto !important;

    max-height: none !important;

    object-fit: cover !important;

  }



  /* توسيع مساحة المنتجات */

  salla-products-list .grid,

  .products-grid,

  .product-grid {

    width: 100% !important;

    max-width: 1500px !important;

    margin-inline: auto !important;

    display: grid !important;

    grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;

    gap: 30px !important;

    align-items: start !important;

  }



  /* إعادة حجم بطاقات المنتجات */

  salla-product-card,

  .s-product-card-entry {

    width: 100% !important;

    max-width: 310px !important;

    height: auto !important;

    min-height: 0 !important;

    margin-inline: auto !important;

  }



  .s-product-card-image {

    width: 100% !important;

    height: 280px !important;

    min-height: 280px !important;

  }



  .s-product-card-image img {

    width: 100% !important;

    height: 100% !important;

    object-fit: contain !important;

  }



  .s-product-card-content {

    padding: 12px !important;

    height: auto !important;

  }



  .s-product-card-content-title {

    font-size: 14px !important;

    line-height: 1.6 !important;

  }



  body salla-add-product-button button {

    min-height: 42px !important;

    height: 42px !important;

    font-size: 14px !important;

  }

}



/* =================

   تنسيق الجوال

   ================= */



@media (max-width: 767px) {



  .main-slider,

  .s-block--banners,

  .banner-entry {

    width: calc(100% - 20px) !important;

    margin-inline: auto !important;

  }



  .main-slider img,

  .s-block--banners img,

  .banner-entry img {

    width: 100% !important;

    height: auto !important;

    max-height: none !important;

    object-fit: cover !important;

  }



  salla-products-list .grid,

  .products-grid,

  .product-grid {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 10px !important;

  }



  salla-product-card,

  .s-product-card-entry {

    width: 100% !important;

    max-width: none !important;

    height: auto !important;

  }



  .s-product-card-image {

    height: 180px !important;

    min-height: 180px !important;

  }



  .s-product-card-content {

    padding: 8px !important;

  }



  .s-product-card-content-title {

    font-size: 12px !important;

  }

}

/* ==================================

   تقليل المساحات البيضاء بين الأقسام

   ================================== */



@media (min-width: 1024px) {



  /* المسافة بين أقسام الصفحة */

  body .home-block,

  body .s-block {

    margin-top: 20px !important;

    margin-bottom: 20px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  /* المسافة أسفل البنرات */

  body .main-slider,

  body .s-block--banners,

  body .banner-entry {

    margin-top: 12px !important;

    margin-bottom: 20px !important;

  }



  /* تقريب قسم المنتجات من البنر */

  body salla-products-list {

    margin-top: 15px !important;

    margin-bottom: 20px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  /* تقليل المسافة حول عنوان القسم */

  body .s-block__title,

  body .s-block__title-nav,

  body .section-title {

    margin-top: 0 !important;

    margin-bottom: 14px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  /* تقليل الفراغ بين المنتجات */

  body salla-products-list .grid,

  body .products-grid,

  body .product-grid {

    column-gap: 22px !important;

    row-gap: 20px !important;

  }



  /* تقليل الفراغ داخل بطاقة المنتج */

  body .s-product-card-image {

    height: 250px !important;

    min-height: 250px !important;

  }



  body .s-product-card-content {

    padding: 8px 10px !important;

  }



  body .s-product-card-content-title {

    margin-top: 3px !important;

    margin-bottom: 3px !important;

  }



  body .s-product-card-content-footer,

  body .s-product-card-footer {

    margin-top: 6px !important;

    padding-top: 0 !important;

  }



  body .s-product-card-entry salla-add-product-button {

    margin-top: 6px !important;

  }

}



/* تقليل المساحات على الجوال */

@media (max-width: 767px) {



  body .home-block,

  body .s-block {

    margin-top: 12px !important;

    margin-bottom: 12px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  body .main-slider,

  body .s-block--banners,

  body .banner-entry {

    margin-top: 8px !important;

    margin-bottom: 12px !important;

  }



  body salla-products-list {

    margin-top: 10px !important;

    margin-bottom: 12px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  body .s-block__title,

  body .s-block__title-nav,

  body .section-title {

    margin-top: 0 !important;

    margin-bottom: 10px !important;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

  }



  body salla-products-list .grid,

  body .products-grid,

  body .product-grid {

    column-gap: 8px !important;

    row-gap: 12px !important;

  }



  body .s-product-card-content {

    padding: 6px !important;

  }



  body .s-product-card-content-footer,

  body .s-product-card-footer,

  body .s-product-card-entry salla-add-product-button {

    margin-top: 5px !important;

  }

}