/** Shopify CDN: Minification failed

Line 67:61 Expected identifier but found whitespace
Line 67:63 Unexpected "{"
Line 67:72 Expected ":"

**/
    .dt-sc-hotspot { position: relative; max-width: 100%; margin: auto;  margin-bottom: 0px; }
    .dt-sc-hotspot-heading { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex; flex-direction: column; align-items: flex-start; padding: 30px;
      flex-wrap: wrap; }
    .dt-sc-hotspot-heading *, .dt-sc-hotspot-heading *:not(:only-child) { margin: 0; }
    .dt-sc-hotspot-heading *:not(:last-child) { margin: 0 0 20px 0; }
    .dt-sc-hotspot-heading.text-center { align-items: center; align-content: flex-start; }
    .dt-sc-hotspot-heading.text-end { align-items: flex-end; align-content: flex-start; }
    .dt-sc-hotspot-heading.top-left { align-items: flex-end; }
    .dt-sc-hotspot-heading.top-center, .dt-sc-hotspot-heading.center, .dt-sc-hotspot-heading.bottom-center { align-items: center; }
    .dt-sc-hotspot-heading.center { justify-content: center; }
    .dt-sc-hotspot-heading.top-right, .dt-sc-hotspot-heading.center-right, .dt-sc-hotspot-heading.bottom-right { align-items: flex-end; }
    .dt-sc-hotspot.with-overlay:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; }
    .dt-sc-hotspot img.dt-sc-hotspot-image { width: 100%; }
    .dt-sc-hotspot-item { position: absolute; }
    .dt-sc-hotspot-item .dt-sc-hotspot-marker { top: auto; left: auto; }
    .dt-sc-hotspot.numbered, .dt-sc-hotspot.alphabets { counter-reset: dt-sc-hotspot-counter; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item, .dt-sc-hotspot.alphabets .dt-sc-hotspot-item { counter-increment: dt-sc-hotspot-counter; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span,
    .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span { font-family: inherit; transform: none; font-weight: 700; }
    .dt-sc-hotspot.numbered .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, decimal); }
    .dt-sc-hotspot.alphabets .dt-sc-hotspot-item .dt-sc-hotspot-icon span:before { content: counter(dt-sc-hotspot-counter, upper-alpha); }
    .dt-sc-hotspot-popup { position: absolute; padding: 2em; transition:all var(--duration-default) linear; opacity: 0; visibility: hidden; z-index: 2;border-radius: var(--buttons-radius);box-shadow: 0 0 20px #00000026; }
    .dt-sc-hotspot-popup:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; }
    .dt-sc-hotspot-popup.on-right { left: 20px; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-right:before { left: -10px; border-width: 10px 10px 10px 0; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-right.dt-sc-popup-open { left: 34px; }
    .dt-sc-hotspot-popup.on-left { right: 20px; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-left:before { right: -10px; border-width: 10px 0 10px 10px; top: 50%; transform: translateY(-50%); }
    .dt-sc-hotspot-popup.on-left.dt-sc-popup-open { right: 34px; }
    .dt-sc-hotspot-popup.on-bottom { top: 20px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-bottom:before { top: -10px; border-width: 0 10px 10px 10px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-bottom.dt-sc-popup-open { top: 34px; }
    .dt-sc-hotspot-popup.on-top { bottom: 20px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-top:before { bottom: -10px; border-width: 10px 10px 0 10px; left: 50%; transform: translateX(-50%); }
    .dt-sc-hotspot-popup.on-top.dt-sc-popup-open { bottom: 34px; }
/*     .dt-sc-hotspot-content * { display: inline-block; } */
/*     .dt-sc-hotspot-content *, .dt-sc-hotspot-content *:not(:only-child) { margin: 0; } */
/*     .dt-sc-hotspot-content *:not(:last-child) { margin: 0 0 15px 0; }
    .dt-sc-hotspot-content *:not(.dt-sc-btn) { width: 100%; } */
    .dt-sc-hotspot-popup.dt-sc-popup-open { opacity: 1; visibility: visible;  }
    .dt-sc-hotspot-marker, .dt-sc-hotspot-icon span { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; }
    .dt-sc-hotspot-icon { height: 100%; }
    .dt-sc-hotspot-icon span { left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 50%; transition: var(--DTBaseTransition); }
    .dt-sc-hotspot.simple-round .dt-sc-hotspot-icon span:before { display: none; }
    .dt-sc-popup-open + .dt-sc-hotspot-icon span[class*="fa-plus"],
    .dt-sc-hotspot-icon:hover span[class*="fa-plus"] { transform: rotate(45deg); }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon span:after { display: block; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0;transform-origin: 50% 50%;
      -webkit-animation: pulsate-animation 3s ease-out infinite; animation: pulsate-animation 3s ease-out infinite; content: ""; transition: var(--DTBaseTransition);
        }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-2 span:after { opacity: 1; -webkit-animation: rotate-animation 10s ease-out infinite;
      animation: rotate-animation 10s ease-out infinite; }
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-3 span:after,
    .dt-sc-hotspot-item .dt-sc-hotspot-icon.style-4 span:after { display: none; }
    .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span:after, .dt-sc-popup-open + .dt-sc-hotspot-icon span:after,
    .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon.style-2 span:after, .dt-sc-popup-open + .dt-sc-hotspot-icon.style-2 span:after {
      animation-play-state: paused; -webkit-animation-play-state: paused; }
    /* Animation */
    @keyframes pulsate-animation {
      0% { transform: scale(1); opacity: 0.8; }
      45% { transform: scale(1.75); opacity: 0; border-width: {{ section.settings.hotspot_outer_size | times: 5 }}; }
    }
    @keyframes rotate-animation {
      from { transform: rotate(0); }
      to { transform: rotate(360deg); }
    }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 34px; }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-popup { opacity: 1; visibility: visible; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-right { left: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-left { right: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-bottom { top: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-popup.on-top { bottom: 20px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-right { left: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-left { right: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-bottom { top: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup.on-top { bottom: 34px; }
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item:hover .dt-sc-hotspot-popup { opacity: 1; visibility: visible;  }
    .dt-sc-hotspot.style-3.icon .dt-sc-hotspot-item:hover .dt-sc-hotspot-icon span[class*="fa-plus"] { transform: rotate(45deg); }
    .dt-sc-hotspot.style-2 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .dt-sc-hotspot.style-2 .dt-sc-hotspot-icon,
    .dt-sc-hotspot.style-3 .dt-sc-hotspot-item .dt-sc-hotspot-marker, .dt-sc-hotspot.style-3 .dt-sc-hotspot-icon { /*pointer-events: none;*/ }
    .hotspot-block .dt-sc-hotspot-content.text-center{text-align: center;} 
    .hotspot-block .dt-sc-hotspot-content.text-start{text-align: left;} 
    .hotspot-block .dt-sc-hotspot-content.text-end{text-align: right;} 
    .hotspot-product-contant .hotspot-product-lists .variant-option-color{display:none;}
    .hotspot-product-section ul.dt-sc-hotspot-content .card-wrapper { margin: 0;} 

   .mfp-content .dt-sc-hotspot-popup,
   .dt-sc-hotspot-popup{background: rgb(var(--color-background)); background: var(--gradient-background);}
   .dt-sc-hotspot-popup.on-right:before{color: var(--gradient-background);border-color: transparent currentcolor transparent transparent;}
   .dt-sc-hotspot-popup.on-left:before{color: var(--gradient-background);border-color: transparent transparent transparent currentcolor;}
   .dt-sc-hotspot-popup.on-bottom:before{color: var(--gradient-background);border-color: transparent transparent currentcolor transparent;}
   .dt-sc-hotspot-popup.on-top:before{color: var(--gradient-background);border-color: currentcolor transparent transparent transparent;}
   .hotspot-block .dt-sc-hotspot-content > *{margin-top:15px;}
   .dt-sc-hotspot-item1.block-type-product.open{z-index: 999;}
   .fa-plus:before {content: "+";font-size: 20px;}
   .dt-sc-hotspot-icon span {    transition: all var(--duration-default) linear;}















/* Smaller Hotspot Image */
.hotspot-product-images .dt-sc-hotspot img.dt-sc-hotspot-image{
  max-width: 90% !important;
  margin: 0 auto !important;
  display: block !important;
}





/* Premium Mobile Hotspot List */
@media (max-width: 767px) {
.hotspot-product-images .dt-sc-hotspot img.dt-sc-hotspot-image{
  max-width: 90% !important;
  margin-top: -80px  !important;
  display: block !important;
}





  /* מסתירים את ההתנהגות הקלאסית של הבלונים במובייל */
  .dt-hotspot-product-images .dt-sc-hotspot-popup,
  .dt-hotspot-product-images .dt-sc-hotspot-marker,
  .mfp-content .dt-sc-hotspot-popup{
    display: none !important;
  }  
  /* MOBILE: remove hotspot circles COMPLETELY */
  /* hide the whole clickable marker + icon */
  .dt-hotspot-product-images .dt-sc-hotspot-marker,
  .dt-hotspot-product-images .dt-sc-hotspot-icon{
    display: none !important;
  }
  /* kill the pseudo elements that draw circles/rings */
  .dt-hotspot-product-images .dt-sc-hotspot-icon span:after,
  .dt-hotspot-product-images .dt-sc-hotspot-marker:before,
  .dt-hotspot-product-images .dt-sc-hotspot-marker:after{
    display: none !important;
    content: none !important;
  }
  /* just in case the item keeps size */
  .dt-hotspot-product-images .dt-sc-hotspot-item{
    width: 0 !important;
    height: 0 !important;
  }

  /* משאירים את המספרים עצמם על התמונה (רק האייקון) */
  .dt-hotspot-product-images .dt-sc-hotspot-item {
    pointer-events: none;
  }

  .dt-hotspot-product-images .dt-sc-hotspot-icon span {
    pointer-events: none;
  }

  /* הרשימה שמתחת לתמונה */
  .hotspot-mobile-list {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .hotspot-mobile-item {
    background: rgb(var(--color-background));
    border-radius: 999px;
    padding: 10px 14px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  }

  .hotspot-mobile-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-align: left;
  }

  .hotspot-mobile-number {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    background: var(--gradient-base-background-1);
  }

  .hotspot-mobile-title {
    font-weight: 800;
    font-size: 14px;
    line-height: 1.2;
  }

  .hotspot-mobile-panel {
    display: none;
    padding: 10px 0 0;
  }

  .hotspot-mobile-item.is-open .hotspot-mobile-panel {
    display: block;
  }

  .hotspot-mobile-text {
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.9;
  }

  .hotspot-mobile-link {
    margin-top: 10px;
    width: max-content;
  }
}



@media (max-width: 767px) {
  .hotspot-mobile-list {
    margin-top: 18px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .hotspot-mobile-item {
    width: 100%;
    background: rgb(var(--color-background));
    border-radius: 999px;
    padding: 14px 16px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    box-sizing: border-box;
  }
  /* שומר שכל פריט יהיה אותו "עובי" */
  .hotspot-mobile-trigger {
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
  }
  .hotspot-mobile-number {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-heading-family) !important;
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    flex: 0 0 36px;
    background: var(--gradient-base-background-1);
  }
  /* הכותרת בפונט של האתר */
  .hotspot-mobile-title {
    font-family: var(--font-body-family) !important;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
  }
  /* מבטל לחיצות */
  .hotspot-mobile-trigger{
    pointer-events: none !important;
    cursor: default !important;
  }
  /* מבטל אפקטים של כפתור */
  .hotspot-mobile-trigger:focus,
  .hotspot-mobile-trigger:active{
    outline: none !important;
    box-shadow: none !important;
  }
  /* סוגר את כל האקורדיון תמיד */
  .hotspot-mobile-panel{
    display: none !important;
  }
  /* צבע טקסט כמו האתר */
  .hotspot-mobile-title,
  .hotspot-mobile-text{
    color: rgb(var(--color-foreground)) !important;
  }
  /* גם המספר באותו צבע טקסט של האתר */
  .hotspot-mobile-number{
    color: rgb(var(--color-foreground)) !important;
  }
  /* אם יש לינק בפנים */
  .hotspot-mobile-link{
    color: rgb(var(--color-foreground)) !important;
  }

}