// Mobile Banner Fix 
@media (max-width: 768px) {
  .scroll-container {
    position: relative !important;
    margin-top: 1px !important;
    height: 24px !important;
    padding: 3px !important;
  }
}

@media (max-width: 991px) {
 .theme-mobile-content-wrap {
 overflow-y: hidden;
 }
}

// GPU-Accelerated Animations 
.slide-in { 
  transform: translateX(100px); 
  transition: transform 0.5s; 
}

// Header Spacing 
.zs-site-header {
  margin-top: 40px !important;
}
.zs-marquee-text-track {
  display: flex;
  animation: scrollColumn 15s linear infinite;
  white-space: nowrap;
}

@keyframes scrollColumn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media only screen and (max-width: 768px) {
  .zs-marquee-text-track {
    animation: scrollColumn 15s linear infinite !important;
  }
}

/* ——— Discount Badge Styles ——— */
.my-discount-badge {
  display: inline-block;
  background: #E02F2F; /* BTC red */
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
  margin-left: 8px;
  padding: 2px 6px;
  border-radius: 3px;
  vertical-align: middle;
}

/* ——— Notify-Me Link & Modal Styles ——— */
.my-notify-wrapper {
  margin-top: 0.75em;
  font-size: 0.95em;
}
#notify-me-btn {
  margin-left: 4px;
  color: #E02F2F;
  text-decoration: underline;
  cursor: pointer;
}

/* Modal */
#notify-modal {
  position: fixed; top:0; left:0; right:0; bottom:0;
  display: none; align-items:center; justify-content:center;
  z-index:10000;
}
#notify-modal.open { display: flex; }
.my-modal-backdrop {
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:rgba(0,0,0,0.5);
}
.my-modal-content {
  position:relative;
  background:#fff;
  padding:1.5em;
  max-width:360px;
  width:90%;
  border-radius:8px;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
  text-align:center;
}
.my-modal-close {
  position:absolute; top:8px; right:8px;
  background:transparent; border:none; font-size:1.5em; cursor:pointer;
}
.my-size-options {
  display:flex; flex-wrap:wrap; gap:0.5em; justify-content:center;
  margin:1em 0;
}
.my-size-btn {
  padding:0.5em 1em; border:1px solid #ccc;
  background:#f9f9f9; cursor:pointer; border-radius:4px;
}
.my-size-btn.selected {
  background:#E02F2F; color:#fff; border-color:#E02F2F;
}
#notify-phone {
  width:100%; padding:0.5em; margin:0.75em 0; border:1px solid #ccc; border-radius:4px;
}
#notify-submit {
  background:#E02F2F; color:#fff; padding:0.5em 1.2em;
  border:none; border-radius:4px; cursor:pointer;
}

window.pagesense = window.pagesense||[];
window.pagesense.push(['trackEvent','<div class="theme-payment-thank-message"> Thank you for shopping with us. </div>']);


.theme-product-detail-image-container:hover .img-zoom-lens {
        opacity : 1;
     }
    .img-zoom-container {
        position: relative;
        display: flex;
         width: 100%;
        height: 100%;
     }
     .img-zoom-lens {
        position: absolute;
        width: 250px;
        height: 250px;
        opacity : 0;
        background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbC1vcGFjaXR5PSIuMDUiIGZpbGw9IiNGRkYiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZD0iTTAgMGgxdjFIMHoiIGZpbGw9IiM4REFDREEiLz48L2c+PC9zdmc+) repeat;
        cursor: -webkit-zoom-in;
      }
      .img-zoom-result {
          background:#ffffff;
          border: 15px solid #ffffff;
          outline: 4px solid #E7E7E7;
          border-radius: 10px;
          position: absolute;
          left: 100%; /*match width of #myimage*/
          width: 100%;
          top: 0;
          height: 100%;
          background-repeat: no-repeat;
          z-index:999999;
          box-shadow : 0 4px 20px 2px rgba(0,0,0,.2);
      }
      [data-zs-product-details-primary-section]{
        position: relative;
      }