.elementor-15332 .elementor-element.elementor-element-1067df03{--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;--margin-top:-30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-15332 .elementor-element.elementor-element-1734fcf9{--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:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-15332 .elementor-element.elementor-element-11feafdb{--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;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:#1010101A;--border-color:#1010101A;--padding-top:0px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-15332 .elementor-element.elementor-element-6df306c1{--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:35px 35px;--row-gap:35px;--column-gap:35px;}.elementor-15332 .elementor-element.elementor-element-230b6d41{--display:flex;}.elementor-15332 .elementor-element.elementor-element-5cee60c0{--display:flex;--wd-sticky-offset:150px;}.elementor-15332 .elementor-element.elementor-element-1a7e4797{--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;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;}html .elementor-15332 .elementor-element.elementor-element-2fe942e8 .product_title{font-family:"hkgroteskpro", Sans-serif;}.elementor-15332 .elementor-element.elementor-element-4ae979fc img{max-width:80px;}.elementor-15332 .elementor-element.elementor-element-f041c16{--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;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-15332 .elementor-element.elementor-element-5c1a6cb0 .price, .elementor-15332 .elementor-element.elementor-element-5c1a6cb0 .price del, .elementor-15332 .elementor-element.elementor-element-5c1a6cb0 .amount{font-size:28px;}.elementor-15332 .elementor-element.elementor-element-6f77f0df{width:auto;max-width:auto;}.elementor-15332 .elementor-element.elementor-element-50d6b908{--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;}.elementor-15332 .elementor-element.elementor-element-3166848{--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;}.elementor-15332 .elementor-element.elementor-element-3f27129c{width:auto;max-width:auto;}.elementor-15332 .elementor-element.elementor-element-3f27129c .wd-compare-btn[class*="wd-style-"]{--wd-action-icon-size:16px;}.elementor-15332 .elementor-element.elementor-element-55eede8a{width:auto;max-width:auto;}.elementor-15332 .elementor-element.elementor-element-55eede8a .wd-wishlist-btn[class*="wd-style-"]{--wd-action-icon-size:16px;}.elementor-15332 .elementor-element.elementor-element-283b64f2{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15332 .elementor-element.elementor-element-60cbb05{width:auto;max-width:auto;}.elementor-15332 .elementor-element.elementor-element-60cbb05 > .elementor-widget-container{margin:0px -4px 0px 0px;}.elementor-15332 .elementor-element.elementor-element-4383375b{width:auto;max-width:auto;}.elementor-15332 .elementor-element.elementor-element-30216b6c{--divider-border-style:solid;--divider-color:#1010101A;--divider-border-width:1px;}.elementor-15332 .elementor-element.elementor-element-30216b6c .elementor-divider-separator{width:100%;}.elementor-15332 .elementor-element.elementor-element-30216b6c .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-15332 .elementor-element.elementor-element-6240b72a{--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:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:-5px;--margin-left:0px;--margin-right:0px;}.elementor-15332 .elementor-element.elementor-element-222f2f1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-15332 .elementor-element.elementor-element-222f2f1.wd-single-countdown .element-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;}.elementor-15332 .elementor-element.elementor-element-351125ea{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-15332 .elementor-element.elementor-element-351125ea > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-15332 .elementor-element.elementor-element-49b12d0a{--divider-border-style:solid;--divider-color:#1010101A;--divider-border-width:1px;}.elementor-15332 .elementor-element.elementor-element-49b12d0a .elementor-divider-separator{width:100%;}.elementor-15332 .elementor-element.elementor-element-49b12d0a .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-15332 .elementor-element.elementor-element-7ae3a68e{width:auto;max-width:auto;}.elementor-15332 .elementor-element.elementor-element-7ae3a68e > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-15332 .elementor-element.elementor-element-2e8625fa{--wd-brd-radius:0px;}.elementor-15332 .elementor-element.elementor-element-2eeb64a9{--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-15332 .elementor-element.elementor-element-4732143e > .elementor-widget-container{margin:35px 0px 30px 0px;}.elementor-15332 .elementor-element.elementor-element-4732143e .element-title{font-family:"hkgroteskpro", Sans-serif;}.elementor-15332 .elementor-element.elementor-element-1d7e5d53{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-15332 .elementor-element.elementor-element-1d7e5d53.wd-collapsible-content.e-con{max-height:750px;}.elementor-15332 .elementor-element.elementor-element-1d7e5d53.wd-collapsible-content.e-con:not(.wd-opened):after{color:#FFFFFF;}.elementor-15332 .elementor-element.elementor-element-7fbe6b98 .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-15332 .elementor-element.elementor-element-8f4d913{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000001C;--border-color:#0000001C;--margin-top:0px;--margin-bottom:35px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-15332 .elementor-element.elementor-element-7f0f3857 .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-15332 .elementor-element.elementor-element-bd6ce28 .shop_attributes{--wd-attr-col:2;}.elementor-15332 .elementor-element.elementor-element-27965f4{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000001C;--border-color:#0000001C;--padding-top:35px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-15332 .elementor-element.elementor-element-5b61f335 .title{font-family:"hkgroteskpro", Sans-serif;}.elementor-15332 .elementor-element.elementor-element-546e759c{--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--padding-top:35px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}@media(max-width:1024px){.elementor-15332 .elementor-element.elementor-element-1067df03{--margin-top:-20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-15332 .elementor-element.elementor-element-6df306c1{--gap:20px 30px;--row-gap:20px;--column-gap:30px;}.elementor-15332 .elementor-element.elementor-element-1a7e4797{--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;--align-items:flex-start;}.elementor-15332 .elementor-element.elementor-element-4ae979fc img{max-width:60px;}.elementor-15332 .elementor-element.elementor-element-5c1a6cb0 .price, .elementor-15332 .elementor-element.elementor-element-5c1a6cb0 .price del, .elementor-15332 .elementor-element.elementor-element-5c1a6cb0 .amount{font-size:18px;}.elementor-15332 .elementor-element.elementor-element-50d6b908{--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-15332 .elementor-element.elementor-element-283b64f2{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15332 .elementor-element.elementor-element-60cbb05 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15332 .elementor-element.elementor-element-6240b72a{--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-15332 .elementor-element.elementor-element-222f2f1{width:100%;max-width:100%;}.elementor-15332 .elementor-element.elementor-element-222f2f1 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-15332 .elementor-element.elementor-element-351125ea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15332 .elementor-element.elementor-element-351125ea{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-15332 .elementor-element.elementor-element-1d7e5d53.wd-collapsible-content.e-con{max-height:500px;}}@media(max-width:768px){.elementor-15332 .elementor-element.elementor-element-1734fcf9{--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-15332 .elementor-element.elementor-element-6df306c1{--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-15332 .elementor-element.elementor-element-2fe942e8{width:100%;max-width:100%;}}@media(min-width:769px){.elementor-15332 .elementor-element.elementor-element-230b6d41{--width:45%;}.elementor-15332 .elementor-element.elementor-element-5cee60c0{--width:55%;}.elementor-15332 .elementor-element.elementor-element-3166848{--width:58%;}.elementor-15332 .elementor-element.elementor-element-283b64f2{--width:42%;}}@media(max-width:1024px) and (min-width:769px){.elementor-15332 .elementor-element.elementor-element-230b6d41{--width:50%;}.elementor-15332 .elementor-element.elementor-element-5cee60c0{--width:50%;}.elementor-15332 .elementor-element.elementor-element-3166848{--width:100%;}.elementor-15332 .elementor-element.elementor-element-283b64f2{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-1067df03 *//* ===========================================================
   HALA NAV BAR - FINAL INSPECT FIX (wd- classes)
   =========================================================== */

/* 1. الشريط الرئيسي (الكونتينر) */
.hala-nav-bar {
    background-color: #0f0518 !important; /* كحلي غامق */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 20px 30px !important;
    min-height: 80px !important;
    margin-bottom: 30px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}

/* 2. الخلفية المموجة (The Wave Animation) */
.hala-nav-bar::before {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 200%; height: 100%;
    background: linear-gradient(115deg, transparent 40%, rgba(217, 37, 184, 0.1) 48%, rgba(0, 210, 255, 0.2) 50%, rgba(217, 37, 184, 0.1) 52%, transparent 60%);
    animation: navWave 6s linear infinite;
    pointer-events: none;
    z-index: 0; /* خلفية */
}

/* 3. إصلاح الأسهم (Targeting wd-btn-arrow directly) */
/* نرفع الطبقة عشان تبان فوق الموجة */
.hala-nav-bar .wd-nav-arrows {
    position: relative !important;
    z-index: 20 !important;
    display: flex !important;
    gap: 10px !important;
}

/* تصميم زرار السهم (الدائرة نفسها) */
.hala-nav-bar .wd-btn-arrow {
    background-color: #1a0b2e !important; /* لون الخلفية */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    
    opacity: 1 !important; /* إجبار الظهور 100% وإلغاء الشفافية */
    visibility: visible !important;
    
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    
    /* توسيط الأيقونة */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important; /* لون النص الأساسي */
}

/* 4. إجبار الأيقونة الداخلية تكون بيضاء (الحل الجذري) */
/* المشكلة كانت هنا: الثيم يلون الـ after بالرصاصي، الكود ده بيقلبه أبيض */
.hala-nav-bar .wd-btn-arrow::after {
    color: #ffffff !important; /* أبيض ناصع */
    font-size: 18px !important;
    opacity: 1 !important; /* تأكيد الظهور */
}

/* معالجة حالة Disabled (الزرار المعطل) */
/* بدلاً من إخفائه، نجعله نصف شفاف قليلاً لكن أبيض */
.hala-nav-bar .wd-btn-arrow.wd-disabled {
    opacity: 0.5 !important;
    pointer-events: auto !important; /* لكي يظهر للمستخدم أنه موجود */
    background-color: #0f0518 !important;
    border-color: rgba(255,255,255,0.1) !important;
    cursor: not-allowed;
}

/* 5. هوفر الأسهم (عند الوقوف عليها) */
.hala-nav-bar .wd-btn-arrow:not(.wd-disabled):hover {
    background-color: #d925b8 !important; /* ماجنتا */
    border-color: #d925b8 !important;
    transform: scale(1.1);
    box-shadow: 0 0 15px #d925b8 !important;
}

/* 6. إصلاح المسار (Breadcrumbs) */
.hala-nav-bar .woocommerce-breadcrumb {
    position: relative !important;
    z-index: 20 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #a0a0a0 !important;
    font-weight: bold !important;
}

.hala-nav-bar .woocommerce-breadcrumb a {
    color: #ffffff !important;
}

.hala-nav-bar .woocommerce-breadcrumb span:last-child {
    color: #d925b8 !important;
}

/* Animation */
@keyframes navWave {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(150%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cee60c0 *//* ===========================================================
   HALA PRODUCT CARD - MASTER CODE (Container + Buttons + Qty Fix)
   =========================================================== */

/* 1. تصميم الكارت الرئيسي */
.hala-product-card {
    background-color: #0f0518 !important; /* كحلي غامق */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15) !important;
    margin-bottom: 20px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1;
    color: #ffffff !important; /* لون ذكي للأبيض */
}

/* 2. موجة الليزر الخلفية */
.hala-product-card::before {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 200%; height: 100%;
    background: linear-gradient(115deg, transparent 40%, rgba(217, 37, 184, 0.05) 45%, rgba(0, 210, 255, 0.1) 50%, rgba(217, 37, 184, 0.05) 55%, transparent 60%);
    animation: cardBgWave 8s linear infinite;
    pointer-events: none;
    z-index: -1;
}

/* 3. تنسيق النصوص */
.hala-product-card h1, .hala-product-card h2, .hala-product-card h3, 
.hala-product-card .product_title, .hala-product-card label {
    font-family: 'Cairo', sans-serif !important;
    color: inherit !important;
}

.hala-product-card .price, .hala-product-card .amount {
    color: #00d2ff !important;
    font-weight: bold !important;
}

/* 4. حقول الاختيار (Dropdowns) */
.hala-product-card select {
    background-color: #1a0b2e !important;
    color: #ffffff !important;
    border: 1px solid rgba(108, 49, 213, 0.4) !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

/* ===========================================================
   5. إصلاح خانة العدد (Quantity Fix) - الجديد هنا
   =========================================================== */

/* الحاوية بتاعت الكمية */
.hala-product-card .quantity {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 10px !important; /* مسافة بينها وبين الزرار */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50px !important; /* شكل كبسولة */
    padding: 5px !important;
    background-color: #1a0b2e !important; /* خلفية غامقة */
}

/* رقم العدد (Input) */
.hala-product-card .quantity input.qty {
    background-color: transparent !important; /* شفاف عشان ياخد لون الحاوية */
    color: #ffffff !important; /* الرقم أبيض */
    border: none !important;
    font-weight: bold !important;
    width: 40px !important;
    text-align: center !important;
}

/* أزرار الزائد والناقص (+ / -) */
.hala-product-card .quantity .minus,
.hala-product-card .quantity .plus {
    background-color: transparent !important;
    color: #00d2ff !important; /* لون الأزرار تركواز */
    border: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: color 0.3s ease !important;
}

.hala-product-card .quantity .minus:hover,
.hala-product-card .quantity .plus:hover {
    color: #d925b8 !important; /* يقلب ماجنتا في الهوفر */
    background-color: rgba(255,255,255,0.1) !important;
    border-radius: 50% !important;
}

/* ===========================================================
   6. الأزرار (إضافة للسلة + شراء الآن)
   =========================================================== */
.hala-product-card .single_add_to_cart_button,
.hala-product-card .wd-buy-now-btn {
    display: block !important;
    width: 100% !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    margin-top: 10px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    transition: transform 0.3s ease !important;
}

.hala-product-card .single_add_to_cart_button {
    background: linear-gradient(90deg, #9c27b0, #d925b8) !important;
}

.hala-product-card .wd-buy-now-btn {
    background: linear-gradient(90deg, #4caf50, #8bc34a) !important;
}

/* اللمعة */
.hala-product-card .single_add_to_cart_button::after,
.hala-product-card .wd-buy-now-btn::after {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    animation: btnShine 3s infinite linear;
    pointer-events: none;
}

.hala-product-card .single_add_to_cart_button:hover,
.hala-product-card .wd-buy-now-btn:hover {
    transform: translateY(-3px);
}

/* Animations */
@keyframes cardBgWave { 0% { transform: translateX(-50%); } 100% { transform: translateX(50%); } }
@keyframes btnShine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d7e5d53 *//* ===========================================================
   HALA CLICK - PRODUCT DESCRIPTION CARD (Content Area)
   =========================================================== */

/* 1. تصميم البوكس نفسه */
.hala-content-card {
    background-color: #0f0518 !important; /* خلفية كحلي */
    border: 1px solid rgba(255, 255, 255, 0.1) !important; /* حدود خفيفة */
    border-radius: 20px !important; /* زوايا دائرية */
    padding: 40px !important; /* مسافة داخلية واسعة */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    margin-top: 30px !important;
    color: #cccccc !important; /* لون النص الأساسي */
}

/* 2. العناوين جوه الوصف (H2, H3, H4) */
.hala-content-card h2, 
.hala-content-card h3, 
.hala-content-card h4,
.hala-content-card strong {
    color: #ffffff !important; /* أبيض ناصع */
    font-family: 'Cairo', sans-serif !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
}

/* تزيين العناوين الرئيسية (H2) بلمسة "باندا" */
.hala-content-card h2 {
    border-right: 4px solid #d925b8 !important; /* خط ماجنتا يمين العنوان */
    padding-right: 15px !important;
    font-size: 24px !important;
}

/* 3. النصوص والفقرات */
.hala-content-card p {
    color: #e0e0e0 !important; /* رمادي فاتح جداً */
    line-height: 1.8 !important;
    font-size: 15px !important;
    margin-bottom: 20px !important;
}

/* 4. القوائم والنقاط (Lists) */
.hala-content-card ul {
    list-style: none !important; /* إلغاء النقاط التقليدية */
    padding: 0 !important;
    margin: 20px 0 !important;
}

.hala-content-card ul li {
    position: relative !important;
    padding-right: 25px !important; /* مسافة للأيقونة */
    margin-bottom: 10px !important;
    color: #cccccc !important;
}

/* استبدال النقطة السوداء بعلامة صح أو نقطة ملونة */
.hala-content-card ul li::before {
    content: "✔" !important; /* علامة صح */
    color: #00d2ff !important; /* لون تركواز */
    position: absolute !important;
    right: 0 !important;
    top: 2px !important;
    font-weight: bold !important;
}

/* 5. الروابط جوه المحتوى */
.hala-content-card a {
    color: #d925b8 !important; /* ماجنتا */
    text-decoration: underline !important;
}

.hala-content-card a:hover {
    color: #00d2ff !important; /* تركواز عند الهوفر */
}

/* 6. الصور جوه المحتوى (تظبيط الحواف) */
.hala-content-card img {
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    margin: 20px 0 !important;
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-547fded0 *//* ===========================================================
   HALA TECH GRID - FINAL SHINE EDITION (WoodMart)
   =========================================================== */

/* 1. إجبار البوكس يكون غامق ومظبوط مع الليزر */
.product-grid-item .product-wrapper,
.woodmart-hover-base .product-wrapper,
.woodmart-hover-standard .product-wrapper,
.product-grid-item.wd-hover-base .product-wrapper {
  background-color: #0f0518 !important; /* كحلي غامق */
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;
  overflow: hidden !important; /* مهم عشان الليزر */
  padding-bottom: 20px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

/* 2. إصلاح اختفاء الكلام (العنوان والتصنيف والسعر) */
.product-grid-item h3.product-title a,
.product-grid-item .wd-entities-title a,
.product-grid-item .woodmart-product-cats a,
.product-grid-item .price, 
.product-grid-item .price .amount {
  color: #ffffff !important; /* أبيض ناصع */
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  position: relative;
  z-index: 5; /* فوق طبقة الليزر */
}

/* التصنيف بلون رصاصي */
.product-grid-item .woodmart-product-cats a {
  color: #a0a0a0 !important; 
}

/* السعر بالماجنتا */
.product-grid-item .price, 
.product-grid-item .price .amount {
  color: #d925b8 !important;
}

/* ===========================================================
   /* ===========================================================
   3. إصلاح الزرار (إخفاء المربع الخلفي + الموجة المستمرة)
   =========================================================== */

/* 1. تنظيف الحاوية تماماً (إخفاء المربع اللي ورا الزرار) */
.product-grid-item .woodmart-add-btn,
.product-grid-item .wd-add-btn-replace,
.product-grid-item .wd-add-btn-replace .add-to-cart-loop {
  background: transparent !important; /* خلفية شفافة */
  background-color: transparent !important;
  box-shadow: none !important; /* إلغاء أي ضل للمربع */
  border: none !important;
  padding: 0 !important;
  margin-top: 15px !important;
  width: 100% !important;
  text-align: center !important;
  pointer-events: none; /* عشان الضغط يروح للزرار اللي جوه بس */
}

/* 2. تنسيق الزرار نفسه (الكبسولة) */
.product-grid-item .woodmart-add-btn > a,
.product-grid-item .wd-add-btn-replace .add-to-cart-loop span {
  pointer-events: auto; /* تفعيل الضغط هنا */
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  
  /* الأبعاد */
  width: auto !important;
  min-width: 160px !important;
  padding: 12px 30px !important;
  margin: 0 auto !important;
  
  /* الشكل واللون */
  background: linear-gradient(90deg, #6c31d5, #d925b8) !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  border: none !important;
  
  /* الضل للزرار نفسه بس */
  box-shadow: 0 5px 15px rgba(217, 37, 184, 0.4) !important;
  
  font-weight: bold !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  
  position: relative !important;
  overflow: hidden !important; /* عشان الموجة تفضل جوه */
  z-index: 10;
}

/* 3. كود الموجة المضيئة (Shine Animation) */
.product-grid-item .woodmart-add-btn > a::after,
.product-grid-item .wd-add-btn-replace .add-to-cart-loop span::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%; /* عرض الموجة */
  height: 100%;
  
  /* تدرج لوني للموجة (شفاف -> أبيض لامع -> شفاف) */
  background: linear-gradient(
    to right, 
    rgba(255,255,255,0) 0%, 
    rgba(255,255,255,0.2) 40%, 
    rgba(255,255,255,0.6) 50%, 
    rgba(255,255,255,0.2) 60%, 
    rgba(255,255,255,0) 100%
  );
  
  transform: skewX(-20deg); /* ميلان الموجة */
  animation: shinyWave 3s infinite linear; /* حركة لا نهائية */
  pointer-events: none;
}

/* حركة الموجة */
@keyframes shinyWave {
  0% { left: -100%; }
  100% { left: 200%; } /* بتمشي من الشمال لليمين وتختفي وترجع تاني */
}

/* 4. الهوفر (تكبير بسيط) */
.product-grid-item .woodmart-add-btn > a:hover,
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:hover span {
  transform: translateY(-2px) scale(1.02);
  background: linear-gradient(90deg, #00d2ff, #6c31d5) !important;
  box-shadow: 0 8px 20px rgba(0, 210, 255, 0.5) !important;
}
/* 4. الليزر الدوار (الإطار الخلفي) */
.product-grid-item .product-wrapper::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 250%; height: 250%;
  background: conic-gradient(from 0deg, transparent 0%, transparent 50%, #ff0000 70%, #00d2ff 100%);
  transform: translate(-50%, -50%);
  animation: hcSpin 4s linear infinite;
  z-index: 0;
  opacity: 1 !important;
}

/* طبقة تغطي الليزر من جوه (عشان يبان كأنه حدود بس) */
.product-grid-item .product-wrapper::after {
  content: "";
  position: absolute;
  inset: 2px; /* سمك الليزر */
  background: #0f0518; 
  border-radius: 13px;
  z-index: 0;
}

/* رفع المحتوى فوق الخلفيات */
.product-grid-item .product-element-top,
.product-grid-item .product-element-bottom {
  position: relative;
  z-index: 2 !important;
}

/* 5. تظبيط الصورة */
.product-grid-item .product-element-top img {
  border-radius: 10px;
  padding: 5px;
  width: 100%;
  object-fit: contain !important;
}

/* ================= ANIMATIONS ================= */

/* دوران الليزر */
@keyframes hcSpin { 
  from { transform: translate(-50%, -50%) rotate(0deg); } 
  to { transform: translate(-50%, -50%) rotate(360deg); } 
}

/* حركة موجة الزرار */
@keyframes btnShine {
  0% { left: -100%; opacity: 0; }
  10% { opacity: 1; }
  50% { left: 200%; opacity: 0; } /* الموجة بتجري لنهاية الزرار */
  100% { left: 200%; opacity: 0; } /* فترة انتظار قبل التكرار */
}/* End custom CSS */