.elementor-4662 .elementor-element.elementor-element-23a0acd2{--display:flex;--min-height:35vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-astglobalcolor6 );--border-color:var( --e-global-color-astglobalcolor6 );--padding-top:140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4662 .elementor-element.elementor-element-23a0acd2:not(.elementor-motion-effects-element-type-background), .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alakhawin.net/wp-content/uploads/2026/07/2025052817221491233.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4662 .elementor-element.elementor-element-23a0acd2::before, .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .elementor-background-video-container::before, .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .e-con-inner > .elementor-background-video-container::before, .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .elementor-background-slideshow::before, .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4662 .elementor-element.elementor-element-b54684d{text-align:center;}.elementor-4662 .elementor-element.elementor-element-b54684d .elementor-heading-title{font-size:30px;font-weight:600;color:var( --e-global-color-astglobalcolor5 );}.elementor-4662 .elementor-element.elementor-element-196eae4b{text-align:center;font-size:16px;font-weight:600;color:var( --e-global-color-astglobalcolor6 );}.elementor-4662 .elementor-element.elementor-element-196eae4b p{margin-block-end:0px;}.elementor-4662 .elementor-element.elementor-element-1acbf244{--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-4662 .elementor-element.elementor-element-7befe6d8 .elementor-icon-wrapper{text-align:center;}.elementor-4662 .elementor-element.elementor-element-7befe6d8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-4662 .elementor-element.elementor-element-7befe6d8.elementor-view-framed .elementor-icon, .elementor-4662 .elementor-element.elementor-element-7befe6d8.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor6 );border-color:var( --e-global-color-astglobalcolor6 );}.elementor-4662 .elementor-element.elementor-element-7befe6d8.elementor-view-framed .elementor-icon, .elementor-4662 .elementor-element.elementor-element-7befe6d8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor6 );}.elementor-4662 .elementor-element.elementor-element-7befe6d8 .elementor-icon{font-size:25px;}.elementor-4662 .elementor-element.elementor-element-7befe6d8 .elementor-icon svg{height:25px;}.elementor-4662 .elementor-element.elementor-element-239fac5d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4662 .elementor-element.elementor-element-239fac5d .woocommerce-breadcrumb{color:var( --e-global-color-astglobalcolor6 );font-style:normal;text-decoration:none;}.elementor-4662 .elementor-element.elementor-element-239fac5d .woocommerce-breadcrumb > a{color:var( --e-global-color-astglobalcolor6 );}.elementor-4662 .elementor-element.elementor-element-3f613626{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4662 .elementor-element.elementor-element-3f613626.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4662 .elementor-element.elementor-element-a5e85bb{--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-4662 .elementor-element.elementor-element-a5e85bb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4662 .elementor-element.elementor-element-858aeac{--grid-columns:4;}.elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination{text-align:center;font-size:20px;font-weight:600;margin-top:15px;}.elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-astglobalcolor1 );}.elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination .page-numbers.current{color:var( --e-global-color-astglobalcolor1 );}body:not(.rtl) .elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-4662 .elementor-element.elementor-element-858aeac .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-4662 .elementor-element.elementor-element-1acbf244{--width:88%;}.elementor-4662 .elementor-element.elementor-element-3f613626{--width:100%;}.elementor-4662 .elementor-element.elementor-element-a5e85bb{--width:99.596%;}}@media(max-width:1024px){.elementor-4662 .elementor-element.elementor-element-23a0acd2{--min-height:25vh;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4662 .elementor-element.elementor-element-b54684d .elementor-heading-title{font-size:35px;}.elementor-4662 .elementor-element.elementor-element-858aeac{--grid-columns:2;}}@media(max-width:767px){.elementor-4662 .elementor-element.elementor-element-23a0acd2{--min-height:25vh;--justify-content:center;--padding-top:100px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4662 .elementor-element.elementor-element-23a0acd2:not(.elementor-motion-effects-element-type-background), .elementor-4662 .elementor-element.elementor-element-23a0acd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4662 .elementor-element.elementor-element-b54684d .elementor-heading-title{font-size:25px;}.elementor-4662 .elementor-element.elementor-element-196eae4b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4662 .elementor-element.elementor-element-196eae4b{font-size:15px;}.elementor-4662 .elementor-element.elementor-element-3f613626{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4662 .elementor-element.elementor-element-858aeac{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-858aeac */.elementor-heading-title.elementor-size-default{
    display: -webkit-box;
    -webkit-line-clamp: 1; /* عدد الأسطر */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3em; /* تقريباً سطرين */
    line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS *//* ==============================================
   تنسيق صفحة المنتجات (Shop Page)
   ============================================== */

/* ----------------------------------------------
   1. تنسيق القسم الأول (Hero Section)
   ---------------------------------------------- */
.elementor-element-2f3d05b2 {
    background: linear-gradient(135deg, rgba(8, 26, 47, 0.85), rgba(16, 42, 76, 0.85), rgba(38, 72, 122, 0.85)) !important;
    backdrop-filter: blur(20px) !important;
    padding: 60px 20px !important;
    margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
}

.elementor-element-2f3d05b2 .e-con-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.elementor-element-7443f417 .elementor-heading-title {
    color: #ffffff !important;
    font-size: 3rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    position: relative !important;
    display: inline-block !important;
}

.elementor-element-7443f417 .elementor-heading-title::after {
    content: '' !important;
    position: absolute !important;
    bottom: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 80px !important;
    height: 3px !important;
    background: linear-gradient(90deg, #f5a623, #3aa3d9) !important;
    border-radius: 3px !important;
}

.elementor-element-540a412c {
    max-width: 700px !important;
    margin: 0 auto !important;
}

.elementor-element-540a412c .elementor-text-editor p {
    color: rgba(255, 246, 224, 0.85) !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

/* Breadcrumb */
.elementor-element-35eaeff2 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 30px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    padding: 10px 22px !important;
    border-radius: 50px !important;
    display: inline-flex !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.elementor-element-3b25ae2 .elementor-icon {
    color: #f5a623 !important;
    font-size: 16px !important;
}

.elementor-element-4ea60cae .woocommerce-breadcrumb {
    color: rgba(255, 246, 224, 0.8) !important;
    font-size: 0.85rem !important;
}

.elementor-element-4ea60cae .woocommerce-breadcrumb a {
    color: #f5a623 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.elementor-element-4ea60cae .woocommerce-breadcrumb a:hover {
    color: #f8c460 !important;
}

/* ----------------------------------------------
   2. تنسيق شبكة المنتجات - 4 منتجات في الصف
   ---------------------------------------------- */
.elementor-element-504b7a7 {
    padding: 50px 20px !important;
    margin: 0 !important;
    width: 100% !important;
}

.elementor-element-504b7a7 .e-con-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 4 منتجات في الصف */
.elementor-element-b2f62bf .elementor-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
}

/* بطاقة المنتج */
.elementor-loop-container .elementor-element-abfdb31 {
    background: #ffffff !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.34, 1.2, 0.64, 1) !important;
    border: 1px solid rgba(245, 166, 35, 0.1) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
}

.elementor-loop-container .elementor-element-abfdb31:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 45px rgba(16, 42, 76, 0.12) !important;
    border-color: #f5a623 !important;
}

/* ==========================================
   صورة المنتج
   ========================================== */

.elementor-loop-container .uc_banner_image {
    width: 100% !important;

    height: 240px !important;

    overflow: hidden !important;

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* أهم تعديل */
    background-size: contain !important;

    transition: transform .4s ease !important;
}

/* إذا كانت الصورة عنصر img */
.elementor-loop-container .uc_banner_image img,
.elementor-loop-container img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;
}

.elementor-loop-container .effect-5:hover .uc_banner_image {
    transform: scale(1.08) !important;
}

/* عنوان المنتج */
.elementor-loop-container .title-prod {
    padding: 18px 12px 15px 12px !important;
    text-align: center !important;
}

.elementor-loop-container .title-prod .elementor-heading-title {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.elementor-loop-container .title-prod a {
    color: #1a2638 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.elementor-loop-container .title-prod a:hover {
    color: #f5a623 !important;
}

/* ----------------------------------------------
   3. تنسيق أرقام الصفحات (Pagination)
   ---------------------------------------------- */
.elementor-pagination {
    margin-top: 40px !important;
    text-align: center !important;
}

.elementor-pagination .page-numbers {
    background: rgba(246, 248, 251, 0.6) !important;
    backdrop-filter: blur(20px) !important;
    color: #1a2638 !important;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(245, 166, 35, 0.15) !important;
    display: inline-block !important;
    margin: 0 3px !important;
}

.elementor-pagination .page-numbers:hover,
.elementor-pagination .page-numbers.current {
    background: linear-gradient(135deg, #f5a623, #d18715) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

/* ----------------------------------------------
   4. التصميم المتجاوب (Responsive)
   ---------------------------------------------- */
@media (max-width: 1024px) {
    .elementor-element-7443f417 .elementor-heading-title {
        font-size: 2.5rem !important;
    }
    
    /* 3 منتجات في الصف للتابلت */
    .elementor-element-b2f62bf .elementor-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
    
    .elementor-loop-container .uc_banner_image {
        height: 220px !important;
    }
}

@media (max-width: 768px) {
    .elementor-element-2f3d05b2 {
        padding: 50px 15px !important;
    }
    
    .elementor-element-7443f417 .elementor-heading-title {
        font-size: 2rem !important;
    }
    
    .elementor-element-540a412c .elementor-text-editor p {
        font-size: 0.9rem !important;
    }
    
    .elementor-element-35eaeff2 {
        padding: 8px 16px !important;
    }
    
    .elementor-element-504b7a7 {
        padding: 40px 15px !important;
    }
    
    /* 2 منتجات في الصف للجوال الكبير */
    .elementor-element-b2f62bf .elementor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
    
    .elementor-loop-container .uc_banner_image {
        height: 230px !important;
    }
    
    .elementor-loop-container .title-prod .elementor-heading-title {
        font-size: 0.8rem !important;
    }
}

@media (max-width: 480px) {
    .elementor-element-7443f417 .elementor-heading-title {
        font-size: 1.5rem !important;
    }
    
    /* منتج واحد في الصف للجوال الصغير */
    .elementor-element-b2f62bf .elementor-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .elementor-loop-container .uc_banner_image {
        height: 250px !important;
    }
    
    .elementor-pagination .page-numbers {
        padding: 8px 12px !important;
        font-size: 0.8rem !important;
    }
}
/* ==========================================================
   الإصلاح الأول: جعل صفحة أرشيف المنتجات بعرض الشاشة
   Elementor + Astra + WooCommerce
   ========================================================== */

/* إزالة الحد الأقصى الذي يفرضه قالب Astra على صفحة المنتجات */
body.woocommerce-shop .site-content .ast-container,
body.post-type-archive-product .site-content .ast-container,
body.tax-product_cat .site-content .ast-container,
body.tax-product_tag .site-content .ast-container {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* جعل منطقة المحتوى الرئيسية بعرض الصفحة */
body.woocommerce-shop #primary,
body.post-type-archive-product #primary,
body.tax-product_cat #primary,
body.tax-product_tag #primary {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* منع منطقة المحتوى من فرض عرض محدود */
body.woocommerce-shop .site-main,
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* جعل قسم الصورة العلوية بعرض الصفحة */
.elementor-element-2f3d05b2 {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* يبقى نص القسم العلوي منظمًا في المنتصف */
.elementor-element-2f3d05b2 > .e-con-inner,
.elementor-element-2f3d05b2 .e-con-inner {
    width: 100% !important;
    max-width: 1200px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* جعل قسم المنتجات بعرض الصفحة */
.elementor-element-504b7a7 {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* إلغاء حد 1200px عن محتوى قسم المنتجات */
.elementor-element-504b7a7 > .e-con-inner,
.elementor-element-504b7a7 .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

/* جعل عنصر شبكة المنتجات يستفيد من العرض المتاح */
.elementor-element-b2f62bf {
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-element-b2f62bf .elementor-grid {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */