.elementor-29117 .elementor-element.elementor-element-a2d0f5f{--display:flex;--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-0220ee1{--display:flex;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-2cd3c8e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;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:#eaeaea;--border-color:#eaeaea;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-ca2e0ec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-012963c .promo-banner:not(.banner-content-background) .content-banner, .elementor-29117 .elementor-element.elementor-element-012963c .promo-banner.banner-content-background .wrapper-content-banner{max-width:70%;}.elementor-29117 .elementor-element.elementor-element-85b94da > .elementor-widget-container{background-color:#ffffff;margin:-30px 20px 0px 20px;padding:5% 5% 0% 5%;}.elementor-29117 .elementor-element.elementor-element-fb5bac9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-9eebb2b .promo-banner:not(.banner-content-background) .content-banner, .elementor-29117 .elementor-element.elementor-element-9eebb2b .promo-banner.banner-content-background .wrapper-content-banner{max-width:70%;}.elementor-29117 .elementor-element.elementor-element-9ad98f3 > .elementor-widget-container{background-color:#ffffff;margin:-30px 20px 0px 20px;padding:5% 5% 0% 5%;}.elementor-29117 .elementor-element.elementor-element-e98f0e8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-5b4357e .promo-banner:not(.banner-content-background) .content-banner, .elementor-29117 .elementor-element.elementor-element-5b4357e .promo-banner.banner-content-background .wrapper-content-banner{max-width:70%;}.elementor-29117 .elementor-element.elementor-element-019c555 > .elementor-widget-container{background-color:#ffffff;margin:-30px 20px 0px 20px;padding:5% 5% 0% 5%;}.elementor-29117 .elementor-element.elementor-element-fa55863{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-fb95a62 .promo-banner:not(.banner-content-background) .content-banner, .elementor-29117 .elementor-element.elementor-element-fb95a62 .promo-banner.banner-content-background .wrapper-content-banner{max-width:70%;}.elementor-29117 .elementor-element.elementor-element-477ac35 > .elementor-widget-container{background-color:#ffffff;margin:-30px 20px 0px 20px;padding:5% 5% 0% 5%;}.elementor-29117 .elementor-element.elementor-element-d5beedd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-3f59f11 .promo-banner:not(.banner-content-background) .content-banner, .elementor-29117 .elementor-element.elementor-element-3f59f11 .promo-banner.banner-content-background .wrapper-content-banner{max-width:70%;}.elementor-29117 .elementor-element.elementor-element-9bad789 > .elementor-widget-container{background-color:#ffffff;margin:-30px 20px 0px 20px;padding:5% 5% 0% 5%;}.elementor-29117 .elementor-element.elementor-element-6df49ac{--display:flex;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-b49dc10{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-1c58a90{--display:flex;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-228cfdf > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-29117 .elementor-element.elementor-element-fa5dfa9{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-a51fede{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:25px 20px;--row-gap:25px;--column-gap:20px;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-90e59c3{--display:flex;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-fbdcc1b{--display:flex;overflow:visible;}.elementor-29117 .elementor-element.elementor-element-4785c15{--display:flex;overflow:visible;}@media(min-width:769px){.elementor-29117 .elementor-element.elementor-element-90e59c3{--width:25%;}.elementor-29117 .elementor-element.elementor-element-fbdcc1b{--width:75%;}}@media(max-width:1024px){.elementor-29117 .elementor-element.elementor-element-2cd3c8e{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}}@media(max-width:768px){.elementor-29117 .elementor-element.elementor-element-a2d0f5f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29117 .elementor-element.elementor-element-0220ee1{--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29117 .elementor-element.elementor-element-2cd3c8e{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-29117 .elementor-element.elementor-element-85b94da > .elementor-widget-container{margin:-25px 20px 0px 20px;}.elementor-29117 .elementor-element.elementor-element-9ad98f3 > .elementor-widget-container{margin:-25px 20px 0px 20px;}.elementor-29117 .elementor-element.elementor-element-019c555 > .elementor-widget-container{margin:-25px 20px 0px 20px;}.elementor-29117 .elementor-element.elementor-element-477ac35 > .elementor-widget-container{margin:-25px 20px 0px 20px;}.elementor-29117 .elementor-element.elementor-element-9bad789 > .elementor-widget-container{margin:-25px 20px 0px 20px;}.elementor-29117 .elementor-element.elementor-element-6df49ac{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-29117 .elementor-element.elementor-element-228cfdf > .elementor-widget-container{margin:20px 20px 20px 20px;}.elementor-29117 .elementor-element.elementor-element-a51fede{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-2cd3c8e *//* 1. المسار الانسيابي مع تمكين السحب */

.elementor-element-2cd3c8e .e-con-inner {

    display: flex !important;

    flex-wrap: nowrap !important;

    gap: 40px !important;

    padding: 30px 20px !important;

    background: transparent !important;

    width: max-content !important;

    will-change: transform; 

    cursor: grab; 

    user-select: none;

    transition: transform 0s linear !important;

}



.elementor-element-2cd3c8e .e-con-inner:active { cursor: grabbing; }



/* 2. الكارت الفاخر (الإطار الخارجي) */

.elementor-element-2cd3c8e .e-child {

    flex: 0 0 380px !important;

    background: #ffffff !important;

    border-radius: 55px !important; 

    padding: 12px !important;

    border: 1px solid #f2f2f2 !important;

    box-shadow: 0 10px 40px rgba(0,0,0,0.03) !important;

    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1) !important;

    position: relative;

    overflow: hidden;

}



/* 3. حاوية الصورة */

.elementor-element-2cd3c8e .banner-image {

    border-radius: 45px !important;

    overflow: hidden !important;

    height: 450px !important;

    position: relative;

}



.elementor-element-2cd3c8e .banner-image img {

    transition: transform 1.2s ease !important;

    object-fit: cover !important;

    height: 100% !important;

    width: 100% !important;

}



/* 4. مربع الكلام الزجاجي (Glassmorphism المطور) */

.elementor-element-2cd3c8e .info-box-content {

    position: absolute !important;

    bottom: 0 !important;

    left: 0 !important;

    right: 0 !important;

    

    /* جعل الخلفية شفافة جداً للسماح بظهور الصورة */

    background: rgba(255, 255, 255, 0.25) !important; 

    

    /* زيادة التغبيش لإعطاء مظهر كريستالي احترافي */

    backdrop-filter: blur(12px) !important; 

    -webkit-backdrop-filter: blur(12px) !important;

    

    /* إضافة حواف بيضاء خفيفة جداً لتعريف المربع */

    border: 1px solid rgba(255, 255, 255, 0.4) !important;

    

    margin: 18px !important; 

    border-radius: 40px !important;

    padding: 35px 20px !important;

    

    /* ظل خفيف جداً لمنع التداخل */

    box-shadow: 0 15px 35px rgba(0,0,0,0.08) !important;

    

    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;

    z-index: 5;

}



/* 5. تجميل النصوص داخل الزجاج */

.elementor-element-2cd3c8e .info-box-title {

    font-family: 'Cairo', sans-serif !important;

    font-weight: 900 !important;

    color: #1a1a1a !important;

    font-size: 22px !important;

    margin-bottom: 10px !important;

}



.elementor-element-2cd3c8e .info-box-inner p {

    color: #222 !important; /* لون داكن للوضوح فوق الشفافية */

    font-weight: 700 !important;

    font-size: 14px !important;

    line-height: 1.6 !important;

    margin-bottom: 20px !important;

}



/* 6. الزرار الذهبي الاحترافي */

.elementor-element-2cd3c8e .info-btn-wrapper a {

    display: inline-block !important;

    padding: 12px 35px !important;

    background: #D4AF37 !important;

    color: #ffffff !important;

    border-radius: 50px !important;

    text-decoration: none !important;

    font-weight: 900 !important;

    font-size: 13px !important;

    text-transform: uppercase !important;

    letter-spacing: 2px !important;

    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25) !important;

    transition: all 0.4s ease !important;

    border: none !important;

}



.elementor-element-2cd3c8e .info-btn-wrapper a:hover {

    background: #1a1a1a !important;

    transform: scale(1.05) !important;

    box-shadow: 0 12px 25px rgba(0,0,0,0.2) !important;

}



/* 7. حركة الـ Hover (التفاعل) */

.elementor-element-2cd3c8e .e-child:hover {

    transform: translateY(-20px) scale(1.02) !important;

    border-color: #D4AF37 !important;

    box-shadow: 0 45px 90px rgba(212, 175, 55, 0.15) !important;

}



.elementor-element-2cd3c8e .e-child:hover .info-box-content {

    background: rgba(255, 255, 255, 0.5) !important; /* يتلون أكثر عند الوقوف عليه */

    transform: translateY(-10px) !important;

}



.elementor-element-2cd3c8e .e-child:hover img {

    transform: scale(1.15) rotate(-2deg) !important;

}



.elementor-element-2cd3c8e { overflow: hidden !important; }/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-c1b43e7 *//* ================================================================ 
   THE CRYSTAL LUXURY SHOWCASE (TARGETED: .nb-mini-section)
   تصميم مذهل بجاذبية بصرية عالية وتأثيرات ضوئية
   ================================================================ */

/* 1. تنسيق الكارت: مظهر زجاجي ببرواز ذهبي متحرك */
.nb-mini-section .wd-product.product-grid-item {
    position: relative !important;
    background: #fff !important;
    border-radius: 30px !important;
    padding: 15px !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    overflow: visible !important; /* للسماح بظهور التوهج */
}

/* 2. تأثير البرواز الذهبي الناعم عند الهوفر */
.nb-mini-section .wd-product.product-grid-item::before {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(135deg, transparent, #D4AF37, transparent, #D4AF37, transparent);
    background-size: 200% 200%;
    border-radius: 32px;
    z-index: -1;
    opacity: 0;
    transition: 0.4s ease;
}

.nb-mini-section .wd-product.product-grid-item:hover::before {
    opacity: 1;
    animation: goldRotate 3s linear infinite;
}

/* 3. حاوية الصورة: تأثير العمق (Depth) */
.nb-mini-section .wd-product-thumb {
    height: 180px !important;
    min-height: 180px !important;
    border-radius: 20px !important;
    background: radial-gradient(circle, #ffffff 0%, #f9f9f9 100%) !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.02) !important;
}

.nb-mini-section .wd-product-thumb img {
    max-height: 85% !important;
    transform: scale(0.9);
    transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 4. العنوان: خط Cairo بوزن ملكي */
.nb-mini-section .wd-entities-title {
    font-family: 'Cairo', sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

/* 5. السعر: كبسولة ضوئية */
.nb-mini-section .price {
    display: flex !important;
    justify-content: center !important;
    background: #111 !important;
    color: #D4AF37 !important;
    padding: 6px 20px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    width: fit-content !important;
    margin: 5px auto !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

/* 6. زرار الإضافة: أنيق ومخفي يظهر عند الهوفر */
.nb-mini-section .wd-add-btn {
    opacity: 0;
    transform: translateY(10px);
    transition: 0.4s ease;
}

.nb-mini-section .wd-product.product-grid-item:hover .wd-add-btn {
    opacity: 1;
    transform: translateY(0);
}

.nb-mini-section .wd-add-btn > a {
    background: var(--gold, #D4AF37) !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 10px !important;
    font-weight: 900 !important;
    font-size: 11px !important;
}

/* 🔥 حركات الأنميشن */
@keyframes goldRotate {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* تأثير الهوفر الشامل للكارت */
.nb-mini-section .wd-product.product-grid-item:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 25px 50px rgba(212, 175, 55, 0.15) !important;
}

.nb-mini-section .wd-product.product-grid-item:hover .wd-product-thumb img {
    transform: scale(1.1) rotate(2deg);
}/* End custom CSS */