.elementor-11698 .elementor-element.elementor-element-952fa2d{--display:flex;}.elementor-11698 .elementor-element.elementor-element-952fa2d:not(.elementor-motion-effects-element-type-background), .elementor-11698 .elementor-element.elementor-element-952fa2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11698 .elementor-element.elementor-element-524db3a > .elementor-widget-container{margin:16px 0px 0px 0px;}.elementor-11698 .elementor-element.elementor-element-b536d3e{--display:flex;}.elementor-11698 .elementor-element.elementor-element-b536d3e:not(.elementor-motion-effects-element-type-background), .elementor-11698 .elementor-element.elementor-element-b536d3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-11698 .elementor-element.elementor-element-9eea144.elementor-wc-products ul.products li.product{text-align:left;}.elementor-11698 .elementor-element.elementor-element-9eea144.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-11698 .elementor-element.elementor-element-9eea144.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-11698 .elementor-element.elementor-element-9eea144.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-11698 .elementor-element.elementor-element-9eea144.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-524db3a *//* container */
.custom-product-search .search-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 420px;
    background: #fff;
    padding: 6px;
    border-radius: 40px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

/* input */
.custom-product-search input[type="search"] {
    width: 100%;
    border: none;
    outline: none;
    padding: 10px 14px;
    border-radius: 40px;
    font-size: 14px;
    background: transparent;
}

/* placeholder */
.custom-product-search input[type="search"]::placeholder {
    color: #999;
}

/* focus effect */
.custom-product-search input[type="search"]:focus {
    box-shadow: none;
}

/* button (modern, not black heavy) */
.custom-product-search .search-btn {
    
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 25px;
    cursor: pointer;

    font-size: 14px;
    transition: 0.3s;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
box-shadow: 0 4px 10px rgba(30, 60, 114, 0.3);
}

/* hover effect */
.custom-product-search .search-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 15px rgba(79,172,254,0.4);
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-9eea144 *//* ===== BUTTONS ===== */
.elementor-11698 .elementor-element.elementor-element-9eea144 .button.product_type_simple, 
.elementor-11698 .elementor-element.elementor-element-9eea144 .button.add_to_cart_button,
.elementor-11698 .elementor-element.elementor-element-9eea144 .button.read_details {
    background-color: #275CAC !important;
    color: #ffffff !important;
}

/* ===== PAGINATION ===== */
.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 35px;
    padding: 0 10px;

    border: none !important;    
    outline: none !important;
    box-shadow: none !important;

    background: #f3f4f6;
    color: #111;
    font-size: 13px;
    font-weight: 500;

    border-radius: 6px;
    text-decoration: none !important;
}

/* HOVER */
.woocommerce-pagination ul.page-numbers li a:hover {
    background: #204681 !important;
    color: #fff !important;
}

/* ACTIVE */
.woocommerce-pagination ul.page-numbers li span.current {
    background: #275CAC !important;
    color: #fff !important;
}

/* next / prev */
.woocommerce-pagination .next,
.woocommerce-pagination .prev {
    background: #e5e7eb;
    border: none !important;
}

/* ============================= */
/* 🔥 SOLUTION IMAGE (IMPORTANT) */
/* ============================= */

/* container image product */
.elementor-11698 .elementor-element.elementor-element-9eea144 .astra-shop-thumbnail-wrap {
    height: 320px !important; /* تقدر تبدلها */
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
}

/* image product */
.elementor-11698 .elementor-element.elementor-element-9eea144 .astra-shop-thumbnail-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* هذا هو الحل */
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* nombre de lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}/* End custom CSS */