.elementor-247 .elementor-element.elementor-element-eef76e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-247 .elementor-element.elementor-element-9bd3aa6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}/* Start custom CSS for html, class: .elementor-element-a5789b6 *//* ===== APOLLO SHOP: Force proper product grid width (all sources) ===== */

/* WooCommerce classic shortcode/grid */
#apollo-shop ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; /* غيّر 260 إذا حبيت */
  gap: 16px !important;
  margin: 0 !important;
}
#apollo-shop ul.products::before,
#apollo-shop ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after{ display:none !important; }

#apollo-shop ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column;
  transform: none !important;
}

/* WooCommerce Blocks (Gutenberg) */
.wc-block-grid__products{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
}
.wc-block-grid__product{ width:auto !important; }

/* Elementor products widget / grid */
.elementor-widget-woocommerce-products .products,
.elementor-products-grid ul.products{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
}
.elementor-products-grid ul.products li.product{ width:auto !important; }

/* Kill slider/carousel width rules if any were applied */
.swiper-wrapper,
.slick-track,
.owl-stage{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  transform: none !important;
  width: auto !important;
}
.swiper-slide,
.slick-slide,
.owl-item{
  width: auto !important;
  float: none !important;
}

/* Image & button sane defaults */
#apollo-shop ul.products li.product a img,
.woocommerce ul.products li.product a img{
  width: 100% !important;
  height: auto !important;
  object-fit: cover;
  border-radius: 12px;
}
#apollo-shop ul.products li.product .button{ width: 100%; }

/* Optional: أخفِ تكرار مكون الترتيب داخل البانيل إن ظهر اثنين */
#apollo-shop .panel .woocommerce-ordering{ display:none; }/* End custom CSS */