.elementor-21834 .elementor-element.elementor-element-cd5f933{--display:flex;--min-height:462px;--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:flex-start;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--overlay-opacity:0.5;}.elementor-21834 .elementor-element.elementor-element-cd5f933:not(.elementor-motion-effects-element-type-background), .elementor-21834 .elementor-element.elementor-element-cd5f933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://digital-electric.top/wp-content/uploads/2026/05/black-white-pic.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-21834 .elementor-element.elementor-element-cd5f933::before, .elementor-21834 .elementor-element.elementor-element-cd5f933 > .elementor-background-video-container::before, .elementor-21834 .elementor-element.elementor-element-cd5f933 > .e-con-inner > .elementor-background-video-container::before, .elementor-21834 .elementor-element.elementor-element-cd5f933 > .elementor-background-slideshow::before, .elementor-21834 .elementor-element.elementor-element-cd5f933 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21834 .elementor-element.elementor-element-cd5f933 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-21834 .elementor-element.elementor-element-0cf3308{--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;}.elementor-21834 .elementor-element.elementor-element-0cf3308.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21834 .elementor-element.elementor-element-da17db2{column-gap:0px;font-family:"Alef", Sans-serif;font-size:18px;}.elementor-21834 .elementor-element.elementor-element-7490d8f{--display:flex;--margin-top:52px;--margin-bottom:0px;--margin-left:0px;--margin-right:-100px;}.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-menu-toggle{margin-left:auto;}.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main .elementor-item{color:#FBF6F6;fill:#FBF6F6;}.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main .elementor-item:hover,
					.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-21834 .elementor-element.elementor-element-e242cfe .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#38C91F;}.elementor-21834 .elementor-element.elementor-element-e242cfe .e--pointer-framed .elementor-item:before,
					.elementor-21834 .elementor-element.elementor-element-e242cfe .e--pointer-framed .elementor-item:after{border-color:#38C91F;}.elementor-21834 .elementor-element.elementor-element-e242cfe div.elementor-menu-toggle{color:#4AA7EB;}.elementor-21834 .elementor-element.elementor-element-e242cfe div.elementor-menu-toggle svg{fill:#4AA7EB;}.elementor-21834 .elementor-element.elementor-element-1ae42fc{--display:flex;--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:center;--align-items:flex-start;--overlay-opacity:0.5;}.elementor-21834 .elementor-element.elementor-element-1ae42fc::before, .elementor-21834 .elementor-element.elementor-element-1ae42fc > .elementor-background-video-container::before, .elementor-21834 .elementor-element.elementor-element-1ae42fc > .e-con-inner > .elementor-background-video-container::before, .elementor-21834 .elementor-element.elementor-element-1ae42fc > .elementor-background-slideshow::before, .elementor-21834 .elementor-element.elementor-element-1ae42fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-21834 .elementor-element.elementor-element-1ae42fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-21834 .elementor-element.elementor-element-4438d77{--display:flex;}.elementor-21834 .elementor-element.elementor-element-0a00048 .elementor-button{background-color:#635bff;font-family:"Alef", Sans-serif;font-size:14px;fill:#FFF;color:#FFF;border-style:none;}.elementor-21834 .elementor-element.elementor-element-0a00048{margin:310px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-21834 .elementor-element.elementor-element-0a00048.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-21834 .elementor-element.elementor-element-0a00048 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-21834 .elementor-element.elementor-element-1f45602{--display:flex;}@media(min-width:768px){.elementor-21834 .elementor-element.elementor-element-cd5f933{--content-width:1400px;}.elementor-21834 .elementor-element.elementor-element-0cf3308{--width:34%;}.elementor-21834 .elementor-element.elementor-element-1ae42fc{--width:82%;}}@media(min-width:1200px){.elementor-21834 .elementor-element.elementor-element-cd5f933:not(.elementor-motion-effects-element-type-background), .elementor-21834 .elementor-element.elementor-element-cd5f933 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for stripe-button, class: .elementor-element-0a00048 */.elementor-21834 .elementor-element.elementor-element-0a00048 .elementor-button-text {
    white-space: nowrap !important;
    display: block !important;
}

/* הגדרה שהכפתור יתפוס את כל הרווח וימרכז את עצמו */
.elementor-21834 .elementor-element.elementor-element-0a00048 .elementor-button-content-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.elementor-21834 .elementor-element.elementor-element-0a00048.elementor-button {
    display: flex !important;
    justify-content: center !important;
    min-width: 150px !important; /* מבטיח שהכפתור יהיה רחב מספיק */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ae42fc */.elementor-21834 .elementor-element.elementor-element-1ae42fc,
.elementor-21834 .elementor-element.elementor-element-1ae42fc .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* אילוץ מרכוז לשם ולמחיר שלא יברחו ימינה */
.elementor-21834 .elementor-element.elementor-element-1ae42fc .elementor-heading-title {
    text-align: center !important;
    width: 100% !important;
}

/* הידוק המרווחים כדי לקצר את הגובה הלבן מלמטה */
.elementor-21834 .elementor-element.elementor-element-1ae42fc .elementor-widget {
    margin-bottom: 5px !important;
}
.elementor-21834 .elementor-element.elementor-element-1ae42fc {
    padding-bottom: 5px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cd5f933 *//* =================================================================
   1. מיקום המגה-תפריט: נצמד לימין (תחילת הקטגוריה) ונעול על 577x462
   ================================================================= */
.sub-menu, 
.mega-menu-dropdown, 
.wd-dropdown-menu, 
.wd-dropdown,
.wd-dropdown-menu.wd-design-aside,
.dropdown-file-container {
    width: 577px !important;
    min-width: 577px !important;
    max-width: 577px !important;
    height: 462px !important;
    min-height: 462px !important;
    max-height: 462px !important;
    
    /* 🎯 שינוי מיקום מיושר לימין הקטגוריה כמו בדוגמה */
    right: 0 !important; 
    left: auto !important;
    transform: none !important;
    
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
}

.sub-menu .elementor-container,
.mega-menu-dropdown .elementor-container,
.wd-dropdown-menu .elementor-container,
:host .elementor-container,
.sub-menu .elementor-row,
.wd-dropdown-menu .elementor-row {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    display: flex !important;
}

.sub-menu .elementor-column,
.wd-dropdown-menu .elementor-column,
.sub-menu .elementor-column-gap-default > .elementor-column {
    padding: 0px !important;
    margin: 0px !important;
}

/* =================================================================
   2. אילוץ תמונת הרקע להתלבש בול על המידות
   ================================================================= */
div.elementor-element.elementor-element-populate:has(> #right-menu-box),
.sub-menu .elementor-container,
div#left-product-box,
:host,
.elementor-element {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* =================================================================
   3. הגדרות הקונטיינר השחור (ימין) + פתרון ברזל לכותרת ותפריטים
   ================================================================= */
#right-menu-box,
div#right-menu-box {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    align-self: stretch !important;
    height: 100% !important;
    padding: 25px 15px 30px 15px !important; 
    box-sizing: border-box !important;
    background: transparent !important;
}

/* מניעת שבירת שורות אגרסיבית לכל סוגי האלמנטים בפנים */
#right-menu-box *,
#right-menu-box .elementor-icon-list-text,
#right-menu-box .elementor-icon-list-item,
#right-menu-box .elementor-item,
#right-menu-box .nav-link-text,
#right-menu-box .elementor-heading-title,
#right-menu-box a,
#right-menu-box span {
    white-space: nowrap !important; /* קו אחד פלס ישר ללא שבירה */
    display: inline-block !important;
    max-width: 100% !important;
}

/* =================================================================
   4. קונטיינר המוצר בשמאל - משוחרר לשליטת אלמנטור
   ================================================================= */
#left-product-box,
div#left-product-box {
    display: flex !important; 
    flex-direction: column !important;  
    justify-content: center !important; 
    align-items: center !important;     
    height: 100% !important;
    padding: 30px 15px 20px 15px !important; 
    box-sizing: border-box !important;
    background: transparent !important;
}

/* שחרור העכבר באלמנטור לצורך עריכה והוספת לינקים */
#left-product-box .elementor-widget,
#left-product-box .elementor-widget-container,
#left-product-box .elementor-widget-wrap {
    pointer-events: auto !important; 
    margin-bottom: 8px !important;   
}

/* תמונת המזגן בשמאל */
#left-product-box .elementor-widget-image a,
#left-product-box .elementor-widget-image img {
    display: block !important;
    margin: 0 auto !important; 
    max-width: 80% !important; 
    height: auto !important;
}

/* =================================================================
   5. עיצוב הטקסטים והפונטים בתפריט השחור
   ================================================================= */
#right-menu-box a,
#right-menu-box span,
#right-menu-box .nav-link-text,
.wd-sub-menu li a {
    font-family: 'Alef', sans-serif !important;
    font-size: 15px !important; 
    text-align: right !important;
    transition: color 0.15s ease-in-out !important;
}

#right-menu-box ul, 
#right-menu-box li {
    text-align: right !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

#right-menu-box .elementor-widget-heading {
    margin-bottom: 10px !important;
}

/* אפקט הובר אדום לתפריט */
#right-menu-box a:hover,
#right-menu-box *:hover > a {
    color: #ff0000 !important;
}


AI Reply/* End custom CSS */