.elementor-6030 .elementor-element.elementor-element-2a64256 > .elementor-container{max-width:1367px;}.elementor-6030 .elementor-element.elementor-element-2a64256 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6030 .elementor-element.elementor-element-2a64256{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 10em 0em 10em;}.elementor-6030 .elementor-element.elementor-element-7e96a35 > .elementor-element-populated{border-style:none;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;}.elementor-6030 .elementor-element.elementor-element-7e96a35 > .elementor-element-populated, .elementor-6030 .elementor-element.elementor-element-7e96a35 > .elementor-element-populated > .elementor-background-overlay, .elementor-6030 .elementor-element.elementor-element-7e96a35 > .elementor-background-slideshow{border-radius:36px 36px 36px 36px;}.elementor-6030 .elementor-element.elementor-element-7e96a35 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6030 .elementor-element.elementor-element-573163f > .elementor-container{max-width:1367px;}.elementor-6030 .elementor-element.elementor-element-573163f > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6030 .elementor-element.elementor-element-573163f{box-shadow:0px 0px 72px 0px rgba(0, 30.599999999999998, 1.4634782608695633, 0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0em 17em 0em 17em;}.elementor-6030 .elementor-element.elementor-element-665d94f7 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6030 .elementor-element.elementor-element-665d94f7:not(.elementor-motion-effects-element-type-background), .elementor-6030 .elementor-element.elementor-element-665d94f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d1ff93d );}.elementor-6030 .elementor-element.elementor-element-665d94f7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;}.elementor-6030 .elementor-element.elementor-element-665d94f7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6030 .elementor-element.elementor-element-54b6870 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6030 .elementor-element.elementor-element-54b6870{border-style:dotted;border-width:0px 0px 1px 0px;border-color:#9b9b9b;margin-top:0px;margin-bottom:30px;padding:0px 0px 30px 0px;}.elementor-6030 .elementor-element.elementor-element-65b86f1 > .elementor-element-populated{text-align:left;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-6030 .elementor-element.elementor-element-95bfec9{text-align:center;}.elementor-6030 .elementor-element.elementor-element-95bfec9 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-size:53px;font-weight:700;line-height:37px;color:var( --e-global-color-secondary );}.elementor-6030 .elementor-element.elementor-element-d21244f{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;color:var( --e-global-color-secondary );}.elementor-6030 .elementor-element.elementor-element-92725fe{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-b42c9b8{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-eceb859{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-6687adc{text-align:center;}.elementor-6030 .elementor-element.elementor-element-6687adc .elementor-heading-title{font-family:"Rubik", Sans-serif;font-weight:700;color:var( --e-global-color-secondary );}.elementor-6030 .elementor-element.elementor-element-d9e89fb{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-8d46dd9{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-bf69f85{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-228668f{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-5d605c0{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-d28253f{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-939b2d0{text-align:center;}.elementor-6030 .elementor-element.elementor-element-939b2d0 .elementor-heading-title{font-family:"Rubik", Sans-serif;font-weight:700;color:var( --e-global-color-secondary );}.elementor-6030 .elementor-element.elementor-element-66b3f17{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-823f039{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-99f47f0{text-align:center;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-0916260{font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-item{border-width:0px;}.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-icon, .elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-title{color:var( --e-global-color-secondary );}.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-icon svg{fill:var( --e-global-color-secondary );}.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-tab-content{color:#878652;font-family:"Rubik", Sans-serif;font-weight:700;}.elementor-6030 .elementor-element.elementor-element-c3c0d6c .elementor-swiper-button{font-size:20px;}.elementor-6030 .elementor-element.elementor-element-f5900e0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6030 .elementor-element.elementor-element-f5900e0{border-style:dotted;border-width:0px 0px 1px 0px;border-color:#9b9b9b;margin-top:0px;margin-bottom:30px;padding:0px 0px 30px 0px;}.elementor-6030 .elementor-element.elementor-element-7bb6634 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-6030 .elementor-element.elementor-element-17f5d302{text-align:center;}.elementor-6030 .elementor-element.elementor-element-17f5d302 .elementor-heading-title{font-size:13px;font-weight:300;color:#54595f;}.elementor-6030 .elementor-element.elementor-element-c49561a{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-6030 .elementor-element.elementor-element-c49561a .elementor-widget-container{text-align:center;}.elementor-6030 .elementor-element.elementor-element-c49561a .elementor-social-icon{background-color:var( --e-global-color-secondary );border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-6030 .elementor-element.elementor-element-2a64256{padding:0em 0em 0em 0em;}.elementor-6030 .elementor-element.elementor-element-573163f{padding:0em 0em 0em 0em;}.elementor-6030 .elementor-element.elementor-element-665d94f7{padding:30px 20px 30px 20px;}}@media(max-width:767px){.elementor-6030 .elementor-element.elementor-element-2a64256 > .elementor-container{max-width:1600px;}.elementor-6030 .elementor-element.elementor-element-7e96a35{width:100%;}.elementor-6030 .elementor-element.elementor-element-7e96a35 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-6030 .elementor-element.elementor-element-573163f > .elementor-container{max-width:1600px;}.elementor-6030 .elementor-element.elementor-element-665d94f7{padding:25px 20px 25px 20px;}.elementor-6030 .elementor-element.elementor-element-77c55f3{width:100%;}.elementor-6030 .elementor-element.elementor-element-9316629{width:33%;}.elementor-6030 .elementor-element.elementor-element-17f5d302{text-align:center;}.elementor-6030 .elementor-element.elementor-element-17f5d302 .elementor-heading-title{line-height:19px;}}@media(min-width:768px){.elementor-6030 .elementor-element.elementor-element-7e96a35{width:100%;}.elementor-6030 .elementor-element.elementor-element-65b86f1{width:33%;}.elementor-6030 .elementor-element.elementor-element-d5eebd5{width:33.332%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6030 .elementor-element.elementor-element-77c55f3{width:100%;}}/* Start custom CSS for html, class: .elementor-element-39625c7 */<!-- פופאפ מוצר מעוצב בסגנון כרמלה -->
<div id="product-popup" class="popup-overlay">
  <div class="popup-content">
    <button class="popup-close" onclick="closePopup()">×</button>

    <div class="popup-body">

      <!-- צד ימין – תמונה -->
      <div class="popup-image">
        <img id="popup-product-image" src="" alt="">
      </div>

      <!-- צד שמאל – פרטים -->
      <div class="popup-details">

        <h2 id="popup-product-title" class="popup-title">שם מוצר</h2>

        <p id="popup-product-price" class="popup-price">₪ מחיר / יח'</p>

        <div class="popup-actions">
          <label for="popup-qty">כמות</label>
          <input type="number" id="popup-qty" value="1" min="1">
          <button class="add-to-cart">הוספה לסל</button>
        </div>

        <div class="popup-description">
          <h3>כדאי לדעת</h3>
          <p id="popup-short-description">תיאור קצר</p>
        </div>

        <div class="popup-related">
          <h3>שיבוא לך גם</h3>
          <div id="popup-related-products" class="related-grid"></div>
        </div>

      </div>

    </div>
  </div>
</div>

function openPopup(product) {
  document.getElementById("popup-product-image").src = product.image;
  document.getElementById("popup-product-title").innerText = product.title;
  document.getElementById("popup-product-price").innerText = product.price;
  document.getElementById("popup-short-description").innerText = product.shortDesc;

  const related = document.getElementById("popup-related-products");
  related.innerHTML = "";

  product.related.forEach(item => {
    const div = document.createElement("div");
    div.className = "related-item";
    div.innerHTML = `
      <img src="${item.image}">
      <p>${item.title}</p>
      <p style="color:#878652">${item.price}</p>
    `;
    related.appendChild(div);
  });

  document.getElementById("product-popup").classList.add("active");
}

function closePopup() {
  document.getElementById("product-popup").classList.remove("active");
}/* End custom CSS */
/* Start custom CSS for accordion, class: .elementor-element-245a0dd *//* מסיר קווים מפרידים */
.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-item {
    border: none !important;
}

/* מסיר רקעים מיותרים */
.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-title {
    background: transparent !important;
    border: none !important;
}

/* משנה את הפלוס לחץ כלפי מטה */
.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-icon i:before {
    content: "\f107"; /* חץ למטה */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/* כשהאקורדיון פתוח – הופך לחץ למעלה */
.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-active .elementor-accordion-icon i:before {
    content: "\f106"; /* חץ למעלה */
}

/* התאמת גודל וצבע החץ */
.elementor-6030 .elementor-element.elementor-element-245a0dd .elementor-accordion-icon i {
    font-size: 18px;
    color: #5a5a33; /* שנה לצבע שאת רוצה */
}/* End custom CSS */