.elementor-2027 .elementor-element.elementor-element-dd6a437{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;}.elementor-2027 .elementor-element.elementor-element-dd6a437:not(.elementor-motion-effects-element-type-background), .elementor-2027 .elementor-element.elementor-element-dd6a437 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F2FF;}.elementor-2027 .elementor-element.elementor-element-72bf7f2{--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;}.elementor-2027 .elementor-element.elementor-element-eb85cc3.elementor-element{--align-self:flex-end;}.elementor-2027 .elementor-element.elementor-element-eb85cc3{text-align:end;}.elementor-2027 .elementor-element.elementor-element-eb85cc3 .elementor-heading-title{font-weight:300;}.elementor-2027 .elementor-element.elementor-element-f253c0b{--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;}.elementor-2027 .elementor-element.elementor-element-31da1eb{text-align:start;}.elementor-2027 .elementor-element.elementor-element-ae17f18{--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;}.elementor-2027 .elementor-element.elementor-element-d39bcb7.elementor-wc-products ul.products li.product{text-align:center;}.elementor-2027 .elementor-element.elementor-element-d39bcb7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-2027 .elementor-element.elementor-element-d39bcb7.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:dotted;border-width:1px 1px 1px 1px;border-color:#999999;border-radius:16px 16px 16px 16px;}.elementor-2027 .elementor-element.elementor-element-d39bcb7.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-2027 .elementor-element.elementor-element-d39bcb7.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-2027 .elementor-element.elementor-element-72bf7f2{--width:50%;}.elementor-2027 .elementor-element.elementor-element-f253c0b{--width:50%;}}@media(max-width:767px){.elementor-2027 .elementor-element.elementor-element-eb85cc3 > .elementor-widget-container{margin:0px 0px -12px 0px;}.elementor-2027 .elementor-element.elementor-element-eb85cc3.elementor-element{--align-self:center;}.elementor-2027 .elementor-element.elementor-element-eb85cc3{text-align:center;}.elementor-2027 .elementor-element.elementor-element-31da1eb > .elementor-widget-container{margin:-21px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2027 .elementor-element.elementor-element-31da1eb.elementor-element{--align-self:center;}.elementor-2027 .elementor-element.elementor-element-31da1eb{text-align:center;}.elementor-2027 .elementor-element.elementor-element-d39bcb7.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:1px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-d39bcb7 *//* --- 1. تنسيق كروت المنتجات (للكمبيوتر والموبايل بشكل عام) --- */

.elementor-widget-archive-products ul.products li.product,
.elementor-widget-wc-archive-products ul.products li.product {
    background-color: #ffffff !important;
    padding: 20px !important; 
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; 
    border: 1px solid #f5f5f5 !important;
    transition: all 0.4s ease-in-out !important;
    overflow: hidden !important;
    text-align: center !important; /* توسيط المحتوى */
}

/* تأثير الارتفاع عند الماوس (للكمبيوتر فقط) */
@media (min-width: 768px) {
    .elementor-widget-archive-products ul.products li.product:hover,
    .elementor-widget-wc-archive-products ul.products li.product:hover {
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1) !important; 
        transform: translateY(-7px) !important;
        border-color: transparent !important;
    }
}

/* --- 2. تأثير الزوم على الصورة --- */
.elementor-widget-archive-products ul.products li.product img,
.elementor-widget-wc-archive-products ul.products li.product img {
     transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
     transform-origin: center center !important;
}

.elementor-widget-archive-products ul.products li.product:hover img,
.elementor-widget-wc-archive-products ul.products li.product:hover img {
    transform: scale(1.12) !important;
}

/* --- 3. إخفاء أيقونة السلة وأي إضافات --- */
.elementor-widget-archive-products li.product .add_to_cart_button,
.elementor-widget-wc-archive-products li.product .add_to_cart_button,
.woocommerce a.added_to_cart,
li.product .yith-wcwl-add-to-wishlist,
.elementor-image-overlay,
.elementor-product-image-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* --- 4. تنسيق خاص للموبايل (شاشات أقل من 767px) --- */
@media (max-width: 767px) {
    /* تصغير المسافات حول المنتج ليعطي مساحة أكبر للصورة */
    .elementor-widget-archive-products ul.products li.product,
    .elementor-widget-wc-archive-products ul.products li.product {
        padding: 10px !important; /* تقليل البادنج */
        border-radius: 10px !important;
        margin-bottom: 15px !important;
    }

    /* ضبط عنوان المنتج (تصغير الخط) */
    .woocommerce-loop-product__title, 
    .elementor-widget-archive-products ul.products li.product h2,
    .elementor-widget-archive-products ul.products li.product h3 {
        font-size: 14px !important; /* حجم خط مناسب للموبايل */
        line-height: 1.3 !important;
        margin-top: 10px !important;
        margin-bottom: 5px !important;
    }

    /* ضبط حجم السعر */
    .woocommerce-loop-product__link .price,
    .elementor-widget-archive-products ul.products li.product .price {
        font-size: 13px !important;
        font-weight: bold !important;
        color: #004a99 !important; /* لون أزرق احترافي */
    }

    /* التأكد من أن الصورة تأخذ عرض مناسب */
    .elementor-widget-archive-products ul.products li.product img {
        max-width: 100% !important;
        height: auto !important;
    }
}/* End custom CSS */