/** Shopify CDN: Minification failed

Line 180:16 Unexpected "{"
Line 180:25 Expected ":"
Line 342:16 Unexpected "{"
Line 342:25 Expected ":"
Line 1403:0 Unexpected "}"

**/
.specification-block .specification-banner {  display: flex;  width: 100%;}
.specification-block .specification-banner.specification-container.position-vertical-center{align-items: center;}
.specification-block .specification-banner.specification-container.position-default{align-items: flex-start;}
.specification-block .specification-banner.specification-container.position-vertical-bottom{align-items: flex-end;}
.specification-block .specification-banner.specification-container{  justify-content: space-between;  column-gap: var(--grid-desktop-horizontal-spacing);  row-gap: var(--grid-desktop-vertical-spacing);}
.specification-block .dt-sc-additional-grids{  width: calc(.5 *50%); display: grid;  height: 100%;  column-gap: var(--grid-desktop-horizontal-spacing);  row-gap: var(--grid-desktop-vertical-spacing);}
.specification-block-main-grid { width: calc(50% - 30px); text-align: center;}
.specification-block-support-block{    display: flex; flex-wrap: wrap; margin-bottom:3rem; /* height: 100%;*/}
.specification-block .specification-block-support-content {  padding-left: 20px; padding-right: 0;}
.specification-block .specification-block-support-content { width: calc(100% - 50px);}
.specification-block-support-icon-image {  width: 50px;  height: 50px;  border-radius: 0px;}
.specification-block-support-icon-image { display: flex; justify-content: center; align-items: center;}
.specification-block .specification-block-image{width:100%;}
.specification-block .specification-block-image img{width:100%; height:100%;}
.specification-block-content{  display: flex;  justify-content: center;}
.specification-block-banner.grid .specification-block-content{align-items: center;width: 100%;}
.dt-sc-grid-banner-inner.Left{ text-align: left;}
.dt-sc-grid-banner-inner.Right{ text-align: right;}
.dt-sc-grid-banner-inner.Center{ text-align: center;}
/*Additional grid*/
.specification-banner.specification-container.style3 .specification-block-main-grid{ width: calc(50% - 30px);}
.specification-banner.specification-container.style3 .dt-sc-additional-grids{ width: calc(50% - 30px);}
/*Overlay*/

.specification-block-banner.overlay{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    padding: 0;
    overflow: hidden;
}
.specification-block .specification-block-banner.overlay .specification-block-image{  width:100%;  position: absolute;  height: 100%;}
.specification-block .specification-block-banner.overlay  .specification-block-content{position:relative; height:auto;  padding: 20px;margin:15px;}
.specification-block  h5.specification-block-support-heading{margin:0;}
.specification-block .specification-block-main-grid h4.specification-block-main-title{ margin: 0;}
.specification-block .specification-block-main-grid p.specification-block-description{ margin: 0;}
.specification-block-banner.center {align-items: center; justify-content: center;}
.specification-block-banner.center-left {align-items: flex-start; justify-content: center;}
.specification-block-banner.center-right {  align-items: flex-end; justify-content: center;}
.specification-block-banner.top-left { justify-content: flex-start; align-items: flex-start;}
.specification-block-banner.top-center { justify-content: flex-start; align-items: center;}
.specification-block-banner.top-right { justify-content: flex-start; align-items: flex-end;}
.specification-block-banner.bottom-left { justify-content: flex-end; align-items: flex-start;}
.specification-block-banner.bottom-center { justify-content: flex-end; align-items: center;}
.specification-block-banner.bottom-right { justify-content: flex-end; align-items: flex-end;}
.specification-block-support-content .specification-block-support-description{margin-bottom:0; margin-top:5px;}
@media (max-width: 1540px){
  .specification-block .dt-sc-additional-grids{ width: calc(.5 *60%);}
  .specification-block-main-grid{    width: calc(40% - var(--grid-desktop-vertical-spacing));}
}
@media (max-width: 1199px){
   .specification-block .dt-sc-additional-grids{ width: calc(.5 *65%);}
  .specification-block-main-grid{    width: calc(35% - var(--grid-desktop-vertical-spacing));}
}
@media screen and (max-width: 990px){
  .specification-block-main-grid {width:100%;}
  .specification-block .dt-sc-additional-grids{  width: calc(50% - calc(.5 *30px));}
  .specification-block .specification-banner{  display: flex; flex-wrap: wrap;}
  .specification-block-main-grid, .specification-banner.specification-container.style3 .specification-block-main-grid{    width: 100%; margin-bottom: 0px; order: -1;}
}
@media screen and (max-width: 749px){
.specification-block .dt-sc-additional-grids{column-gap: calc(var(--grid-desktop-horizontal-spacing) / 2);row-gap: calc(var(--grid-desktop-vertical-spacing) / 2);}
}
@media screen and (max-width: 576px){
  .specification-block .dt-sc-additional-grids,
  .specification-banner.specification-container.style3 .dt-sc-additional-grids{width:100%;}
} 
.specification-block .specification-banner.specification-container.style1 .dt-sc-additional-grids{    width: unset;}











/**********************custom code**********************/
/**********************SECTION 1**********************/
/* SPECIFICATION BLOCK – STYLE 3 (SECTION 1) */
/* כותרת למעלה 
.row.specification-block-section-1 .title-wrapper-with-link > h2.title{
  font-size: 42px !important;
  line-height: 1.05 !important;
}*/
/* תיאור למעלה */
.row.specification-block-section-1 .title-wrapper-with-link > p.description{
  font-size: 24px !important;
  line-height: 1.3 !important;
  max-width: 22rem !important;
    text-transform: none !important;

}
.specification-block-section-1 .specification-banner.specification-container.style3 {
  /* Main Block Heading – Title (הטייטל של הבלוק הראשי) */
  .specification-block-main-grid .specification-block-main-title {
    font-size: 20px;
    line-height: 1.2;
     max-width: 26rem !important;
  }
  /* Additional Block Heading – Title (הטייטל של האדישן) */
  .dt-sc-additional-grids .dt-sc-heading .main-title {
    font-size: 30px;
    line-height: 1.3;
    max-width: 36rem !important;
    margin-top: -1rem;
    margin-left: 20rem !important;
    /*text-align: left;*/
  }
  /* Primary Image במיין בלוק */
  .specification-block-main-grid .specification-block-image img {
    margin-right: 14rem !important;
    width: 55%;
    /*max-width: 420px;*/
    height: auto;
    margin-top: -7rem;
  }
}
/* MOBILE ONLY */
@media screen and (max-width: 749px) {
  /* כותרת למעלה */
.row.specification-block-section-1 .title-wrapper-with-link > h2.title{
  padding-top: 14px !important;
  font-size: 42px !important;
  line-height: 1 !important;
    max-width: 23rem !important;
}
  .specification-block-section-1 .specification-banner.specification-container.style3 {
    .title-wrapper-with-link .title {
      font-size: 26px;
    }
    .title-wrapper-with-link .description {
      font-size: 14px;
    }
    .specification-block-main-grid .specification-block-main-title {
      font-size: 20px;
        line-height: 1.5 !important;

    }
    .dt-sc-additional-grids .dt-sc-heading .main-title {
      font-size: 24px;
        line-height: 1.5 !important;

        /* center */
  max-width: 30rem !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
    }
    .specification-block-main-grid .specification-block-image img {
      max-width: 100% !important;
      width: 80% !important;
      margin-top: -2rem;
  margin-right:0 !important;

    }
  }
}



/* for section 1 in nomster page - remove inner background that stays background-1 */
#specification-{{ section.id }} .specification-block-content{
  background: transparent !important;
}






/* NOMSTER – ENTER + WAVE LOOP + HOVER FLOAT
   Target: primary image in the specification block section*/
/* התמונה הראשית (המפלצת) */
.row.specification-block-section-1 .specification-block-main-grid .specification-block-image img{
  transform-origin: 65% 70%;
  will-change: transform, opacity;
  transition: transform 260ms ease, filter 260ms ease;
  /* 1) כניסה חד פעמית
     2) שלום עדין כל 6 שניות */
  animation:
    nomsterHeyIn 1.25s cubic-bezier(.2,.9,.2,1) both,
    nomsterWaveLoop 4s ease-in-out 1.3s infinite;
}
/* HOVER – ריחוף חי */
.row.specification-block-section-1 .specification-block-main-grid .specification-block-image img:hover{
  animation: nomsterHoverFloat 1.4s ease-in-out infinite !important;
  /*filter: drop-shadow(0 18px 22px rgba(0,0,0,0.14));*/
}
/* כניסה: “היי!” – פופ + קפיצה נעימה */
@keyframes nomsterHeyIn{
  0%{
    opacity: 0;
    transform: translateY(26px) scale(0.88) rotate(-6deg);
  }
  55%{
    opacity: 1;
    transform: translateY(-10px) scale(1.06) rotate(3deg);
  }
  75%{
    transform: translateY(2px) scale(0.98) rotate(-2deg);
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg);
  }
}
/* שלום עדין שחוזר כל 6 שניות */
@keyframes nomsterWaveLoop{
  /* רוב הזמן רגוע */
  0%   { transform: rotate(0deg) translateY(0) scale(1); }
  70%  { transform: rotate(0deg) translateY(0) scale(1); }
  /* ה"שלום" עצמו */
  78%  { transform: rotate(2deg) translateY(-2px) scale(1.01); }
  84%  { transform: rotate(-2deg) translateY(0) scale(1.01); }
  90%  { transform: rotate(2deg) translateY(-1px) scale(1.01); }
  96%  { transform: rotate(-1.5deg) translateY(0) scale(1.005); }
  /* חזרה לרגוע */
  100% { transform: rotate(0deg) translateY(0) scale(1); }
}
/* Hover Float – ריחוף למעלה/למטה + טילט קטן */
@keyframes nomsterHoverFloat{
  0%   { transform: translateY(0) rotate(-1deg) scale(1.02); }
  50%  { transform: translateY(-10px) rotate(2deg) scale(1.04); }
  100% { transform: translateY(0) rotate(-1deg) scale(1.02); }
}




















/**********************SECTION 5**********************/
/* SPECIFICATION BLOCK – STYLE 3 (SECTION 5) */

/* תיאור למעלה */
.row.specification-block-section-5 .title-wrapper-with-link > p.description{
  font-size: 24px !important;
  line-height: 1.3 !important;
  max-width: 22rem !important;
  text-transform: none !important;
}

.specification-block-section-5 .specification-banner.specification-container.style3 {
  /* Main Block Heading – Title */
  .specification-block-main-grid .specification-block-main-title {
    font-size: 20px;
    line-height: 1.2;
    max-width: 26rem !important;
  }
  /* Additional Block Heading – Title */
  .dt-sc-additional-grids .dt-sc-heading .main-title {
    font-size: 30px;
    line-height: 1.3;
    max-width: 40rem !important;
    margin-top: -7rem;
    margin-left: 4rem;
  }
  /* Primary Image במיין בלוק */
  .specification-block-main-grid .specification-block-image img {
    width: 110% !important;
    max-width: 110% !important;
    height: auto;
    margin-bottom: -6rem;
    margin-right: -3 !important;
  }
}


/* MOBILE ONLY */
@media screen and (max-width: 749px) {
  /* כותרת למעלה */
  .row.specification-block-section-5 .title-wrapper-with-link > h2.title{
    padding-top: 14px !important;
    font-size: 42px !important;
    line-height: 1 !important;
    max-width: 23rem !important;
  }
  .specification-block-section-5 .specification-banner.specification-container.style3 {
    .title-wrapper-with-link .title {
      font-size: 26px;
    }
    .title-wrapper-with-link .description {
      font-size: 14px;
    }
    .specification-block-main-grid .specification-block-main-title {
      font-size: 20px;
      line-height: 1.4 !important;

    }
    .dt-sc-additional-grids .dt-sc-heading .main-title {
      font-size: 24px;
      line-height: 1.4 !important;
      max-width: 30rem !important;
      text-align: center !important;
      margin-left: auto !important;
      margin-right: auto !important;
margin-bottom: 10rem !important;
    }
    .specification-block-main-grid .specification-block-image img {
      max-width: 105% !important;
      width: 105% !important;
      margin-top: 2rem !important;
      margin-bottom: 4rem !important;
      margin-left: -1rem !important;

    }
  }
}
/* remove inner background */
#specification-{{ section.id }} .specification-block-content{
  background: transparent !important;
}





























/**********************SECTION 2**********************/
/* SPECIFICATION BLOCK – STYLE1 (SECTION 2) */
/* כותרת למעלה */
.row.specification-block-section-2 .title-wrapper-with-link > h2.title{
  line-height: 1 !important;
}
/* Description למעלה (Richtext) */
.row.specification-block-section-2 .title-wrapper-with-link > .description{
  font-size: 24px !important;
  line-height: 1.6 !important;
  max-width: 34rem !important; 
  margin-left: auto;
  margin-right: auto;
   text-transform: none !important;
}
/*highlight בתוך description */
.row.specification-block-section-2 .title-wrapper-with-link .description .highlight-words{
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (max-width: 1299px) and (min-width: 750px){
  .row.specification-block-section-2 .specification-block-main-grid .specification-block-image img{
    width: 55% !important;
  }
}

@media screen and (max-width: 749px){
  .row.specification-block-section-2 .title-wrapper-with-link > .description{
    font-size: 20px !important;
    max-width: 21rem !important;
    line-height: 1.5 !important;
  }
  .row.specification-block-section-2 .specification-block-main-grid .specification-block-image img{
  width: 70% !important;
  height: auto;
  margin-top: -4rem !important;
  margin-bottom: -5rem !important;

}
.row.specification-block-section-2 .title-wrapper-with-link > .description{
margin-bottom: 2rem;
}
}





/* CONFUSED MONSTER (WHAT AM I?) - entry + wiggle + PAUSE */
.row.specification-block-section-2 
.specification-block-main-grid 
.specification-block-image img{
  width: 55%;
  height: auto;
  margin-top: -6rem;
  margin-bottom: -3rem;

  transform-origin: 50% 80%;
  will-change: transform, opacity;

  animation:
    confusedPopIn 0.75s ease-out both,
    confusedWigglePause 5.9s ease-in-out infinite;
  animation-delay: 0s, 0.9s;
}

@keyframes confusedPopIn{
  0%{ opacity: 0; transform: translateY(16px) scale(.96); }
  100%{ opacity: 1; transform: translateY(0) scale(1); }
}

/* wiggle = 2.9s (0%–49%), pause = 3s (49%–100%) */
@keyframes confusedWigglePause{
  0%, 49%, 100%{ transform: translateY(0) rotate(0deg); }

  7.35%{  transform: translateY(-4px) rotate(-2.2deg); }
  14.7%{  transform: translateY(0) rotate(2deg); }
  22.05%{ transform: translateY(-3px) rotate(-1.2deg); }
  29.4%{  transform: translateY(0) rotate(1.4deg); }
  36.75%{ transform: translateY(-2px) rotate(-0.8deg); }
}







/* CONFUSED NOMSTER – ENTER + CONFUSED LOOP + HOVER FLOAT
   Target: image in specification block section 2 */

.row.specification-block-section-2 .specification-block-main-grid .specification-block-image img{
  transform-origin: 55% 75%;
  will-change: transform, opacity;
  transition: transform 260ms ease, filter 260ms ease;

  /* 1) כניסה חד פעמית
     2) בלבול עדין + הפסקה (3 שניות) */
  animation:
    confusedIn 1.05s cubic-bezier(.2,.9,.2,1) both,
    confusedLoopPause 5.9s ease-in-out 1.15s infinite;
}

/* HOVER – ריחוף חי (כמו שאהבת) */
.row.specification-block-section-2 .specification-block-main-grid .specification-block-image img:hover{
  animation: confusedHoverFloat 1.6s ease-in-out infinite !important;
  /*filter: drop-shadow(0 18px 22px rgba(0,0,0,0.14));*/
}

/* כניסה: “מבולבלת” – פופ קטן עם טילט */
@keyframes confusedIn{
  0%{
    opacity: 0;
    transform: translateY(18px) scale(0.92) rotate(4deg);
  }
  60%{
    opacity: 1;
    transform: translateY(-8px) scale(1.04) rotate(-3deg);
  }
  80%{
    transform: translateY(2px) scale(0.99) rotate(2deg);
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0deg);
  }
}

/* בלבול עדין: תנועה ~2.9s ואז פאוז 3s (סה"כ 5.9s) */
@keyframes confusedLoopPause{
  /* רגוע (כולל פאוז ארוך בסוף) */
  0%, 49%, 100%{
    transform: rotate(0deg) translateY(0) scale(1);
  }

  /* "מה אני??" */
  10%{
    transform: rotate(-2.2deg) translateY(-2px) scale(1.01);
  }
  18%{
    transform: rotate(2.4deg) translateY(0px) scale(1.01);
  }
  26%{
    transform: rotate(-1.4deg) translateY(-1px) scale(1.01);
  }
  34%{
    transform: rotate(1.6deg) translateY(0px) scale(1.01);
  }
  42%{
    transform: rotate(-1deg) translateY(-1px) scale(1.005);
  }
}

/* Hover Float – מרחף יותר "מבולבל" (לא סימטרי מדי) */
@keyframes confusedHoverFloat{
  0%{
    transform: translateY(0) rotate(1deg) scale(1.02);
  }
  45%{
    transform: translateY(-11px) rotate(-2.5deg) scale(1.045);
  }
  100%{
    transform: translateY(0) rotate(1deg) scale(1.02);
  }
}






















/**********************SECTION 3**********************/
/* SPECIFICATION BLOCK – STYLE 3 (SECTION 3) */
/* כותרת למעלה 
.row.specification-block-section-3 .title-wrapper-with-link > h2.title{
  font-size: 42px !important;
  line-height: 1.05 !important;
}*/
.specification-block-section-3 .specification-banner.specification-container.style3 {
  /* 3) Main Block Heading – Title (הטייטל של הבלוק הראשי) */
  .specification-block-main-grid .specification-block-main-title {
    font-size: 20px;
    line-height: 1.2;
     max-width: 26rem !important;
  }
/* Specification Block – FIRST description (top description) */
.specification-block-section-3 .title-wrapper-with-link .description{
  font-size: 28px;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
/*Additional Block*/
  /* Additional Block Heading – Title (הטייטל של האדישן) */
  .dt-sc-additional-grids .dt-sc-heading .main-title {
    font-size: 28px;
    line-height: 1.3;
     max-width: 32rem !important;
    margin-top: 0rem;
  }
  /* Primary Image במיין בלוק */
  .specification-block-main-grid .specification-block-image img {
    width: 55%;
    /*max-width: 420px;*/
    height: auto;
    margin-top: -7rem;
  }
}
/* Additional Block Heading – DESCRIPTION (Style 3 / Section 3) */
.row.specification-block-section-3 .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{
  font-size: 24px !important;
  line-height: 1.6 !important;
  max-width: 32rem !important;
  margin-top: -5rem !important;
}


/* MOBILE ONLY */
@media screen and (max-width: 749px) {
  /* כותרת למעלה */
.row.specification-block-section-3 .title-wrapper-with-link > h2.title{
  font-size: 42px !important;
  line-height: 1.05 !important;
}
  .specification-block-section-3 .specification-banner.specification-container.style3 {
    .title-wrapper-with-link .title {
      font-size: 26px;
    }
    .title-wrapper-with-link .description {
      font-size: 18px;    
    }
    .specification-block-main-grid .specification-block-main-title {
      font-size: 20px;
    }
    .dt-sc-additional-grids .dt-sc-heading .main-title {
      font-size: 22px;
    }
    .specification-block-main-grid .specification-block-image img {
      max-width: 65% !important;
      width: 65% !important;
      margin-top: -4rem;
            margin-bottom: -3rem;

    }
  }


/* Additional Block Heading – DESCRIPTION (Style 3 / Section 3) */
.row.specification-block-section-3 .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{
  font-size: 20px !important;
  line-height: 1.6 !important;
  margin-top: -4rem !important;
  /* center */
  max-width: 26rem !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
}
















/* SECTION 3 - RUN IN ONCE + HOVER
   Target: .specification-block-section-3 */
.row.specification-block-section-3
.specification-block-main-grid
.specification-block-image{
  overflow: visible !important;
  position: relative;
}
/* חד פעמי */
.row.specification-block-section-3
.specification-block-main-grid
.specification-block-image
.spec-image--primary{
  opacity: 0;
  transform: translateX(-180px) translateY(10px) scale(.94);
  transform-origin: 50% 80%;
  will-change: transform, opacity, filter;

animation: pinkRunIn 7.05s cubic-bezier(.16,.9,.2,1) infinite;
animation-delay: 1.5s;
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
  transition: transform 260ms ease, filter 260ms ease;
}

@keyframes pinkRunIn{
  0%{
    opacity: 0;
    transform: translateX(-180px) translateY(10px) scale(.94) rotate(-6deg);
  }

  8%{
    opacity: 1;
    transform: translateX(12px) translateY(-4px) scale(1.04) rotate(2deg);
  }

  12%{
    opacity: 1;
    transform: translateX(-6px) translateY(2px) scale(.99) rotate(-1deg);
  }

  15%{
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1) rotate(0deg);
  }

  /* pause */
  100%{
    opacity: 1;
    transform: translateX(0) translateY(0) scale(1) rotate(0deg);
  }
}








































/**********************SECTION 4**********************/
/* SPECIFICATION BLOCK – STYLE 3 (SECTION 4) */
/* כותרת למעלה 
.row.specification-block-section-4 .title-wrapper-with-link > h2.title{
  font-size: 42px !important;
  line-height: 1.05 !important;
}*/
.specification-block-section-4 .specification-banner.specification-container.style3 {
  /* 3) Main Block Heading – Title (הטייטל של הבלוק הראשי) */
  .specification-block-main-grid .specification-block-main-title {
    font-size: 20px;
    line-height: 1.2;
     max-width: 26rem !important;
  }
/* Specification Block – FIRST description (top description) */
.specification-block-section-4 .title-wrapper-with-link .description{
    font-size: 30px;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
/*Additional Block*/
  /* Additional Block Heading – Title (הטייטל של האדישן) */
  .dt-sc-additional-grids .dt-sc-heading .main-title {
    font-size: 30px;
    line-height: 1.3;
     max-width: 32rem !important;
    margin-top: -1rem;
  }
  /* Primary Image במיין בלוק */
  .specification-block-main-grid .specification-block-image img {
    width: 60%;
    /*max-width: 420px;*/
    height: auto;
    margin-top: -7rem;
    margin-left: 15rem;
  }
}
/* Additional Block Heading – DESCRIPTION (Style 3 / Section 3) */
.row.specification-block-section-4 .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{
  font-size: 24px !important;
  line-height: 1.6 !important;
  max-width: 32rem !important;
  margin-top: -0.6rem !important;
}

@media screen and (max-width: 1299px) and (min-width: 750px){
  .row.specification-block-section-4 .specification-block-main-grid .specification-block-image img{
    width: 45% !important;
    margin-left: 6.5rem;
  }
}


/* MOBILE ONLY */
@media screen and (max-width: 749px) {
  /* כותרת למעלה */
.row.specification-block-section-4 .title-wrapper-with-link > h2.title{
  font-size: 42px !important;
  line-height: 1.05 !important;
}

  .specification-block-section-4 .specification-banner.specification-container.style3 {
    .title-wrapper-with-link .title {
      font-size: 26px;
    }
    .title-wrapper-with-link .description {
      font-size: 18px;
    }
    .specification-block-main-grid .specification-block-main-title {
      font-size: 20px;
    }
    .dt-sc-additional-grids .dt-sc-heading .main-title {
      font-size: 22px;
    }
    .specification-block-main-grid .specification-block-image img {
      max-width: 100% !important;
      width: 80% !important;
      margin-top: -2rem !important;
      margin-left: 3.5rem !important;
            margin-bottom: 2.5rem !important;
    }
  }
/* Additional Block  */
  .row.specification-block-section-4 .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{
  font-size: 20px !important;
  line-height: 1.6 !important;
  margin-top: -6rem !important;
  padding-bottom: 0rem !important;
  /* center */
  max-width: 26rem !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 9rem !important;
}
}












/* Overlay second image exactly on top of the first - for .specification-block-section-4 */
.specification-block-section-4 .specification-block-image{
  position: relative;
}
.specification-block-section-4 .specification-block-image .spec-image{
  display: block;
  width: 100%;
  height: auto;
}
.specification-block-section-4 .specification-block-image .spec-image--secondary{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;   /* אם צריך "contain" תגידי לי */
  pointer-events: none;
}











/*Animation*/
.specification-block-section-4 .spec-image--primary{
  opacity: 0;
  transform: translateY(22px) scale(.98);
  transform-origin: 50% 90%;
  will-change: transform, opacity;

  animation:
    monsterBagLanding 0.95s cubic-bezier(.2,.9,.25,1) forwards,
    monsterBagLoop 4.2s ease-in-out infinite;

  /* דיליי כניסה קטן + הלופ מתחיל אחרי הכניסה */
  animation-delay: 0.6s, 1.2s;
}

/* כניסה */
@keyframes monsterBagLanding{
  0%{
    opacity: 0;
    transform: translateY(22px) scale(.98);
  }
  70%{
    opacity: 1;
    transform: translateY(-6px) scale(1);
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* לופ: תנועה קצרה + מנוחה קלה */
@keyframes monsterBagLoop{
  0%, 75%, 100%{
    transform: translateY(0) scale(1);
  }
  86%{
    transform: translateY(-7px) scale(1.02);
  }
}
.specification-block-section-4 .spec-image--secondary{
  opacity: 0;
  transform-origin: 50% 50%;
  will-change: transform, opacity;

  animation:
    fruitIn 0.45s ease-out forwards,
    fruitPopPauseLonger 4.6s ease-in-out infinite;

  /* אותו דיליי כניסה כמו הראשית */
  animation-delay: 0.6s, 1.6s;
}

/* כניסה עדינה למסביב */
@keyframes fruitIn{
  from{ opacity: 0; }
  to{ opacity: 1; }
}

/* פופ קצר + מנוחה ארוכה יותר */
@keyframes fruitPopPauseLonger{
  0%, 82%, 100%{
    transform: translateY(0) scale(1);
  }
  90%{
    transform: translateY(-11px) scale(1.03);
  }
  95%{
    transform: translateY(0) scale(1);
  }
}






































/**********************SECTION 8*********************/
/* SPECIFICATION BLOCK – STYLE 3 (SECTION 8) */
/* כותרת למעלה */
.row.specification-block-section-8 {
  margin-bottom: -5rem !important;
}
.row.specification-block-section-8 .title-wrapper-with-link > h2.title{
  line-height: 1.05 !important;
  max-width: 48rem !important;
  margin-bottom: -6rem !important;

}
.specification-block-section-8 .specification-banner.specification-container.style3 {
  /* 3) Main Block Heading – Title (הטייטל של הבלוק הראשי) */
  .specification-block-main-grid .specification-block-main-title {
    font-size: 20px;
    line-height: 1.2;
     max-width: 26rem !important;
  }
/* Specification Block – FIRST description (top description) */
.specification-block-section-8 .title-wrapper-with-link .description{
    font-size: 30px;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: -20rem !important;
}
/*Additional Block*/
  /* Additional Block Heading – Title (הטייטל של האדישן) */
  .dt-sc-additional-grids .dt-sc-heading .main-title {
    font-size: 30px;
    line-height: 1.3;
     max-width: 32rem !important;
    margin-top: -1rem;
  }
  /* Primary Image במיין בלוק */
  .specification-block-main-grid .specification-block-image img {
    width: 150% !important;
    max-width: 150% !important;
    height: auto;
    margin-top: 3rem;
    margin-left: -15rem;
    margin-bottom: -7.5rem;


  }
}
/* Additional Block Heading – DESCRIPTION (Style 3 / Section 3) */
.row.specification-block-section-8 .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{
  font-size: 24px !important;
  line-height: 1.6 !important;
  max-width: 32rem !important;
  margin-top: -0.6rem !important;
}

@media screen and (max-width: 1299px) and (min-width: 750px){
  .row.specification-block-section-8 .specification-block-main-grid .specification-block-image img{
    width: 55% !important;
    margin-left: 6.5rem;
  }
}


/* MOBILE ONLY */
@media screen and (max-width: 749px) {
  .row.specification-block-section-8{
  padding-bottom: 6rem !important;
}
  /* כותרת למעלה */
.row.specification-block-section-8 .title-wrapper-with-link > h2.title{
  font-size: 36px !important;
  line-height: 1.05 !important;
}
  .specification-block-section-8 .specification-banner.specification-container.style3 {
    .title-wrapper-with-link .title {
      font-size: 26px;
    }
    .title-wrapper-with-link .description {
      font-size: 18px;
    }
    .specification-block-main-grid .specification-block-main-title {
      font-size: 20px;
    }
    .dt-sc-additional-grids .dt-sc-heading .main-title {
      font-size: 22px;
    }
    .specification-block-main-grid .specification-block-image img {
      max-width: 110% !important;
      width: 110% !important;
      margin-top:4rem !important;
      margin-left:-1rem !important;
      margin-bottom: 0rem !important;

    }
  }


/* Additional Block  */
  .row.specification-block-section-8 .dt-sc-additional-grids .dt-sc-heading .dt-sc-heading-description{
  font-size: 20px !important;
  line-height: 1.6 !important;
  margin-top: -6rem !important;
  padding-bottom: 0rem !important;
  /* center */
  max-width: 26rem !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 9rem !important;

}
}
















/* Overlay second image exactly on top of the first - for .specification-block-section-4 */
.specification-block-section-4 .specification-block-image{
  position: relative;
}

.specification-block-section-4 .specification-block-image .spec-image{
  display: block;
  width: 100%;
  height: auto;
}

.specification-block-section-4 .specification-block-image .spec-image--secondary{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;   /* אם צריך "contain" תגידי לי */
  pointer-events: none;
}















/**********************SECTION 5**********************/
/*לא טירגטתי לפי שם מחלקה specification-block-section-5*/
/* Hotspot With Product – bigger section description */

.section-hotspot-product .hotspot-product-contant .title-wrapper-with-link > p.description{
  font-size: 24px !important;
  line-height: 1.45 !important;
  max-width: 34rem;
}

@media (min-width: 768px){
/* DESKTOP: disable mobile list UI */
  /* hide the mobile list */
  .hotspot-mobile-list{
    display: none !important;
  }
  /* bring back the classic hotspot behavior */
  .dt-hotspot-product-images .dt-sc-hotspot-popup,
  .dt-hotspot-product-images .dt-sc-hotspot-marker{
    display: block !important;
  }
  /* restore pointer events (desktop interactive hotspots) */
  .dt-hotspot-product-images .dt-sc-hotspot-item,
  .dt-hotspot-product-images .dt-sc-hotspot-icon span{
    pointer-events: auto !important;
  }
/* DESKTOP: shrink hotspot popup content blocks (title + text) */
 .dt-hotspot-product-images .dt-sc-hotspot-popup{
    padding: 12px 8px !important;
  }
  /* Title inside content hotspot popup */
  .dt-hotspot-product-images .dt-sc-hotspot-content-title{
    font-size: 16px !important;
    line-height: 1.1 !important;
      display: flex !important;
    align-items: center !important;     /* center vertically */
    justify-content: center !important; /* center horizontally */
    text-align: center !important;
    width: 100%;
    margin: 0 auto !important;
  }
  /* Text inside content hotspot popup */
  .dt-hotspot-product-images .dt-sc-hotspot-content p{
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
  }
}
/* Hotspot With Product – MOBILE spacing */
@media (max-width: 767px){
    .hotspot-mobile-list{
    padding-bottom: 10px !important;
  }

  /* ריווח כללי בתוך צד התוכן */
  .section-hotspot-product .hotspot-product-contant{
    padding-top: 18px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
  }
  .section-hotspot-product .hotspot-product-contant .title-wrapper-with-link > .description{
    margin-top: 0px !important;
  }
  /* ריווח בין הטקסט לתמונה */
  .section-hotspot-product .hotspot-product-section{
    padding-bottom: 20px !important;
  }
  /* התמונה עצמה – לתת קצת “אוויר” מלמעלה */
  .section-hotspot-product .hotspot-product-images{
    margin-top: -60px !important;
  }
  /* ריווח בין התמונה לרשימת המובייל */
  .section-hotspot-product .hotspot-mobile-list{
    margin-top: -10px !important;
  }
  /* כל פריט ברשימה – קצת יותר אוויר */
  .section-hotspot-product .hotspot-mobile-item{
    margin-bottom: 10px !important;
  }
}
















/*specification-block-homepage */
@media screen and (min-width: 1200px){
/* MAIN TITLE */
.specification-block .specification-block-homepage 
.specification-block-main-title{
  font-size: 36px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.2px;
  margin-top: -4rem !important;
  max-width: 30rem !important;
  font-weight: 500 !important;
}
/* ICON TITLES */
.specification-block .specification-block-homepage 
.specification-block-support-heading{
  font-size: 36px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.2px;
  max-width: 30rem !important;
  margin-right: -5rem !important;
  margin-top: 14rem !important;
    font-weight: 500 !important;
}
/* IMAGE */
.specification-block .specification-block-homepage 
.specification-block-image img{
  width: 110% !important;
  max-width: 110% !important;
  height: auto !important;
  margin-right: -10rem !important;
  margin-left: 10rem !important;
  margin-top: -2rem !important;
}
/* SECTION HEADING */
.specification-block .specification-block-homepage 
.title-wrapper-with-link > h2.title{
  font-size: 38px !important;
  line-height: 1.05 !important;
  letter-spacing: -0.2px;
  margin-left:-60rem !important;
  margin-bottom: -16rem !important;
  max-width: 24rem !important;
    font-weight: 500 !important;
}
}


@media screen and (max-width: 1199px){
.specification-block .specification-block-homepage 
.specification-block-main-title{
  font-size: 28px !important;
  margin-top: -2rem !important;
}
.specification-block .specification-block-homepage 
.specification-block-support-heading{
  font-size: 26px !important;
  margin-right: 0 !important;
  margin-top: 6rem !important;
  max-width: 24rem !important;
}
.specification-block .specification-block-homepage 
.specification-block-image img{
  width: 140% !important;
  max-width: 140% !important;
  margin: -1rem auto 0 auto !important;
  display:block;
}
.specification-block .specification-block-homepage 
.title-wrapper-with-link > h2.title{
  font-size: 32px !important;
  margin-left: 0 !important;
  margin-bottom: -6rem !important;
  text-align:center;
}
}

@media screen and (max-width: 749px){
.specification-block .specification-block-homepage 
.specification-block-main-title{
  font-size: 22px !important;
  margin-top: 0 !important;
  text-align:center;
}
.specification-block .specification-block-homepage 
.specification-block-support-heading{
  font-size: 20px !important;
  margin: 0 auto !important;
  text-align:center;
  max-width: 18rem !important;
}
.specification-block .specification-block-homepage 
.specification-block-image img{
  width: 100% !important;
  max-width: 100% !important;
  margin: 1rem auto !important;
}
.specification-block .specification-block-homepage 
.title-wrapper-with-link > h2.title{
  font-size: 26px !important;
  margin: 0 auto 1rem auto !important;
  max-width: 20rem !important;
  text-align:center;
}
}
















/* specification-block-homepage-1 */
.specification-block .specification-block-homepage-1
.specification-block-image img{
  width: 160% !important;
  max-width: 160% !important;
  height: auto !important;
  margin-left: -10rem !important;
    margin-right: 10rem !important;
}
@media screen and (max-width: 699px){

.specification-block .specification-block-homepage-1
.specification-block-image img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: -4rem !important;
}
}
}
}