/** Shopify CDN: Minification failed

Line 234:17 Expected identifier but found whitespace
Line 234:22 Unexpected ";"

**/

.product-item-v1 .img-product .label-sale{
    right:10px !important;
    padding: 5px 20px !important;
    transform: rotate(0deg) !important;
    width: fit-content !important;
    border-radius: 50px !important;
}
/* Product image hover effect for all styles */
.img-product {
  position: relative;
  overflow: hidden;
  perspective: 1000px;
}

.img-product .engoj_find_img {
  position: relative;
  display: block;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.ciloe-size-guide .extra-link a {
    margin-right: 20px;
    font-weight: 600 !important;
    width: 306px !important;
    border: solid 2px #111;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ciloe-size-guide .extra-link a:hover {
background:#111 !important;
color:white !important;
}
.features {
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  color: #000;
}

.feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.feature-item i {
  margin-right: 8px;
  font-size: 16px;
  color: #000;
}
.img-product img {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateZ(0);
  backface-visibility: hidden;
}

.img-product .primary-img {
  opacity: 1;
  transform: scale(1);
}

.img-product .secondary-img,
.img-product .img-product-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.05);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
}

/* Hover effects */
.img-product:hover .primary-img {
  opacity: 0;
  transform: scale(0.95);
}

.img-product:hover .secondary-img,
.img-product:hover .img-product-hover {
  opacity: 1;
  transform: scale(1);
}

/* Specific styling for style_1 with enhanced smoothness */
.product-item-v1 .img-product {
  position: relative;
}

.product-item-v1 .secondary-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(1.05) translateZ(0);
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: opacity, transform;
}

.product-item-v1 .img-product:hover .primary-img {
  opacity: 0;
  transform: scale(0.95);
}

.product-item-v1 .img-product:hover .secondary-img {
  opacity: 1;
  transform: scale(1);
}

/* Ensure proper image display with hardware acceleration */
.engoj_find_img {
  position: relative;
  display: block;
  transform: translateZ(0);
}

.engoj_find_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  backface-visibility: hidden;
}

/* Preload hover images for smoother transition */
.img-product {
  transform-style: preserve-3d;
}



/* Performance optimization */
.img-product {
  transform: translateZ(0);
  will-change: transform;
}

.img-product img {
  transform: translateZ(0);
  will-change: opacity, transform;
}

.stock-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  margin-right: 6px;
  animation: smooth-glow 2s ease-in-out infinite;
}

@keyframes smooth-glow {
  0% {
    box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.4);
  }
  50% {
    box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.9);
  }
  100% {
    box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.4);
  }
}



#header .logo img {
  max-width: 42% !important;
}
#header {
    padding:12px 0;
}
.promo_topbar {
    background: #ed1d24;
}
.promo_topbar .btn_promo {
    display: none;
}
.promo_topbar span {
    font-size: 15px;
    color: #fff;
    padding: 8px 0;
}
.section-info-v1 .banner-img{
    width:50% !important;
    margin-left:15%;
}
.section-info-v1 .banner-img::after {
    content: "";
    display: block; /* or inline-block depending on your layout */
    width: 250px; /* adjust size */
    height: 250px;
    background-image: url('/cdn/shop/files/2_039bd252-3646-49cc-88b0-3dfe7486c326.jpg?v=1756753718');
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px; /* space between image and element */
    position: absolute;
    top: 200px;




    left: 350px;
    box-shadow:0 10px 15px #0000004d;
}
.section-slideshow-v2 .info-slideh2 .picture-slideshow {
    height: 75vh !important;
    overflow: hidden;
}
/*
.section-slideshow-v2 .slick-active .info-slideh2 .picture-slideshow {
  position: relative;
}

.section-slideshow-v2 .slick-active .info-slideh2 .picture-slideshow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.5; /* overlay darkness */
  pointer-events: none; /* keeps clicks working */
}
*/
.section-slideshow-v2 button.next-slide svg, .section-slideshow-v2 button.prev-slide svg {
    width: 25px !important;
    height: auto;
}
.section-slideshow-v2 button.next-slide svg, .section-slideshow-v2 button.prev-slide svg {
    width: 25px !important;
    height: auto;
}
button.shop-button.enj-add-to-cart-btn.engoj-btn-addtocart {
    width: 306px !important;
    height:44px !important;
}

/* Smooth-follow cursor circle (does NOT replace native cursor) 
.cursor-circle {
  position: fixed;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255, 0, 0, 0.55);
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.55);
  pointer-events: none;
  z-index: 2147483647;
  transform: translate3d(0,0,0) translate(-50%, -50%) scale(1);
  will-change: transform;
  transition: background 160ms ease, box-shadow 160ms ease;
}

/* visual when hovering clickable elements 
.cursor-circle.hover {
  background: rgba(255, 0, 0, 0.55);
  box-shadow: 0 0 14px rgba(255, 0, 0, 0.55);
}

/* Click blink / pulse effect (reuses your working css) 
.click-blink {
  position: fixed;
  pointer-events: none;
  width: var(--click-size, 12px);
  height: var(--click-size, 12px);
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) scale(0.6);
  border-radius: 50%;
  background: rgba(255, 0, 0, 0.55);
  box-shadow: 0 0 10px rgba(255,0,0,0.55);
  z-index: 2147483646;
  animation: click-blink-animation var(--click-duration, 600ms) cubic-bezier(.2,.9,.2,1) forwards;
}

/* optional ring style 
.click-blink.ring {
  background: transparent;
  border: 2px solid rgba(255,0,0,0.55);
  box-shadow: 0 0 12px rgba(255,0,0,0.55);
}

@keyframes click-blink-animation {
  0% {
    transform: translate(-50%, -50%) scale(0.6);
    opacity: 1;
  }
  60% {
    transform: translate(-50%, -50%) scale(1.4);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.1);
    opacity: 0;
  }
}
  */
.product-item-v1 .img-product:hover {
    transform: translateY(-10px);
}
.product-item-v1 .img-product {
    box-shadow: 0 0 3px 0px rgba(203, 203, 203, 0.34);
    transition: all .3s ease-in-out;
    max-height:350px !important;
}
.product-item-v1 {
    overflow: visible;
}
.section-slideshow-v2 .info-slideh2 .box-content {
    top: 80%;
}
h3.titlebig.mb-0.animated {
    font-weight: 700 !important;
}
.section-slideshow-v2 .info-slideh2 .box-content .button-main {
    display: none !important;
}
.section-info-v1 .info-content {
    padding-left: 0px !important;
    padding-right: 100px !important;
}

.section-slideshow-v2 .slick-active .info-slideh2 .picture-slideshow a img{
  transform: scale(1.2);          /* start slightly zoomed-in */
  animation: zoomOut 2s ease forwards; /* run animation once */
}

@keyframes zoomOut {
  from {
    transform: scale(1.2);       /* start zoomed-in */
  }
  to {
    transform: scale(1);         /* smoothly return to normal */
  }
}

/* Make sure you already load Font Awesome CSS in your project */

#header .menu ul .nav-item a[title="Sale"] {
  position: relative;
  font-family: inherit;
  display: inline-flex;      /* keep text + icon aligned */
  align-items: center;       /* vertical centering */
  gap: 6px;                  /* space between text and icon */
  text-decoration: none;     /* avoid underline shifting */
}


/* Font Awesome icon */
#header .menu ul .nav-item a[title="Sale"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f02b";          /* fa-tag */
  color:rgb(232, 186, 0);
  font-size: 1rem;

  /* prevent hover shift */
  line-height: 3;
  display: inline-block;
  pointer-events: none;
  transform: rotate(270deg); 
      position: absolute;
    top: -25px;
    left: 35px;

}

/* On hover – only text changes, icon stays fixed */
#header .menu ul .nav-item a[title="Sale"]:hover {
  color: #e60023;            /* or whatever hover text color */
}


.box-title {
    display: flex;
    text-align: center !important;
    justify-content: center;
}
.shopify-payment-button__button--unbranded{
    margin-top: 10px;
    margin-bottom: 10px;

}
.engoj_find_img {
  position: relative;
  display: block;
  overflow: hidden;
}

.engoj_find_img img {
  width: 100%;
  display: block;
  transition: opacity 0.3s ease-in-out;
}

.engoj_find_img .secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.engoj_find_img:hover .secondary-image {
  opacity: 1;
}

.engoj_find_img:hover .primary-image {
  opacity: 0;
}

.menu_moblie {
    padding: 0px 15px 0px 0px !important;
}
.menu_moblie .menuleft {
    width: 70px;
    padding-left: 15px !important;
}

@media only screen and (max-width: 768px) {
  .cursor-circle{
    display:none !important;
  }
.section-info-v1 .banner-img:after {
    content: "";
    display: block;
    width: 150px !important;
    height: 150px !important;
    background-image: url(/cdn/shop/files/2_039bd252-3646-49cc-88b0-3dfe7486c326.jpg?v=1756753718);
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    position: absolute;
    top: 220px !important;
    left: 185px !important;
    box-shadow: 0 10px 15px #0000004d;
}
.section-info-v1 .banner-img {
    width: 50% !important;
    margin-left: 15%;
    margin-top: 15%;
}
.section-info-v1 .info-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.section-info-v1 {
    margin-top: 30px;
    padding-bottom: 30px;
}
#shopify-section-template--18809319063744__rich_text_C9wkef .rich-text {
    padding: 50px 0px 20px 0px !important;
}
.breadcrumb_collection.style1 .bg_bread .title-page h2 {
    font-size: 28px !important;
}
  .img-product:hover .primary-img {
    opacity: 0;
  }
  
  .img-product:hover .secondary-img,
  .img-product:hover .img-product-hover {
    opacity: 1;
  }
}

/* Hide follower on touch devices */
@media (hover: none) and (pointer: coarse) {
  .cursor-circle { display: none !important; }
}
/* Mobile touch devices optimization */
@media (hover: hover) {
  .img-product:hover .primary-img {
    opacity: 0;
    transform: scale(0.95);
  }
  
  .img-product:hover .secondary-img,
  .img-product:hover .img-product-hover {
    opacity: 1;
    transform: scale(1);
  }
}

/* Touch device fallback */
@media (hover: none) {
  .img-product .secondary-img,
  .img-product .img-product-hover {
    opacity: 0;
  }
  
  .img-product:active .primary-img {
    opacity: 0;
  }
  
  .img-product:active .secondary-img,
  .img-product:active .img-product-hover {
    opacity: 1;
  }
}