.elementor-771 .elementor-element.elementor-element-12758b8{--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-771 .elementor-element.elementor-element-e087799 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:700;}.elementor-771 .elementor-element.elementor-element-7815067{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-0e518ed{width:var( --container-widget-width, 100.087% );max-width:100.087%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100.087%;--container-widget-flex-grow:0;}.elementor-771 .elementor-element.elementor-element-0e518ed.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-0e518ed *//* الكارت الرئيسي */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    height: auto !important;
    background: #ffffff; /* خلفية فاتحة */
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1); /* شادو خفيف */
    padding: 15px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* تأثير Hover للكارت */
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* صورة المنتج */
.woocommerce-js ul.products li.product a img {
    width: 100%;
    height: 250px !important;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* محتوى النصوص داخل الكارت */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: bold;
    color: #333333; /* نص داكن */
    margin-bottom: 8px;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    font-size: 14px;
    color: #555555; /* نص متوسط */
    margin-bottom: 10px;
}

/* زر الإضافة للسلة */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    background: #1e88e5; /* زر أزرق جذاب */
    color: #fff;
    border-radius: 8px;
    padding: 10px 15px;
    font-weight: bold;
    text-align: center;
    transition: background 0.3s ease, color 0.3s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
    background: #1565c0;
}

/* Responsive للتابلت */
@media (max-width: 1024px) {
    .woocommerce-js ul.products li.product a img {
        height: 220px !important;
    }
}

/* Responsive للموبايل */
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        padding: 10px;
        margin-bottom: 20px;
    }

    .woocommerce-js ul.products li.product a img {
        height: 180px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 14px;
    }

    .woocommerce ul.products li.product .price {
        font-size: 13px;
    }

    .woocommerce ul.products li.product .button {
        padding: 8px 12px;
        font-size: 14px;
    }
}
/* منع قصّ الصورة داخل كروت المنتج */
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
    width: 100% !important;         /* تملأ عرض الكارت */
    height: auto !important;        /* الارتفاع يتظبط تلقائي */
    object-fit: contain !important; /* تظهر الصورة بالكامل بدون قص */
    object-position: center !important; /* الصورة تتوسّط */
    aspect-ratio: auto !important;  /* منع أي إجبار على أبعاد ثابتة */
}

/* التأكد أن container الصورة لا يفرض قص */
.woocommerce ul.products li.product a {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7815067 *//* جعل ارتفاع الكارت يعتمد على المحتوى */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    height: auto !important;
    padding: 15px; /* مسافة داخلية */
    background: #fff; /* خلفية بيضاء */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* ظل خفيف */
    border-radius: 8px; /* حواف دائرية بسيطة */
    margin-bottom: 20px; /* مسافة بين الكروت */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* ضبط صورة المنتج */
.woocommerce-js ul.products li.product a img {
    height: 250px !important;
    object-fit: cover; /* الصورة تغطي الكرت بشكل جميل */
    border-radius: 5px;
    margin-bottom: 10px; /* مسافة بين الصورة وباقي المحتوى */
}

/* ضبط النصوص داخل الكارت */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    margin: 5px 0; /* مسافة بين العنوان والسعر */
    text-align: left; /* الكلام يبقى على الشمال */
}/* End custom CSS */