.toouch-product-wrapper {
  font-family: Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  
}
.toouch-product-card {
  position: relative;
  overflow: hidden;
}
.toouch-product-img {
  position: relative;
  width: 100%;
}
.toouch-product-img img {
  width: 100%;
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: block;
}
.toouch-product-img .hover-img {
  position: absolute;
  top: 0; left: 0;
  opacity: 0;
}
.toouch-product-card:hover .hover-img {
  opacity: 1;
  transform: scale(1.05);
}
.toouch-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: white;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
  pointer-events: none;
}
.toouch-arrow-left { left: 10px; }
.toouch-arrow-right { right: 10px; }
.toouch-product-card:hover .toouch-arrow {
  opacity: 1;
}
.toouch-product-info {
  padding: 10px 0;
  text-align: center;
}


.product-title {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .product-title {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .product-title {
    font-size: 9px;
  }
}

@media (max-width: 1024px) {
  
.product-title {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .product-title {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .product-title {
    font-size: 9px;
  }
}

}
@media (max-width: 768px) {
  
.product-title {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .product-title {
    font-size: 11px;
  }
}
@media (max-width: 768px) {
  .product-title {
    font-size: 9px;
  }
}

}


.price {
  font-size: 11px;
  color: #555;
}



/* Font adjustments */
.toouch-product-title, .toouch-product-price {
    font-family: 'Archivo', sans-serif !important;
    font-size: 12px !important;
}

@media (max-width: 768px) {
    .toouch-product-title, .toouch-product-price {
        font-size: 10px !important;
    }
}

/* === v1.7.2: No gaps, CSS-variable fonts/colors, no arrows, no zoom === */
.toouch-product-wrapper{
  padding: 0 !important;
  background: transparent;
  /* Title variables */
  --toouch-title-font-family: inherit;
  --toouch-title-font-size: 12px;
  --toouch-title-font-weight: 700;
  --toouch-title-color: inherit;
  --toouch-title-transform: uppercase;

  /* Price variables */
  --toouch-price-font-family: inherit;
  --toouch-price-font-size: 12px;
  --toouch-price-font-weight: 500;
  --toouch-price-color: inherit;
  --toouch-price-transform: none;

  /* Ratio (you can override per widget) */
  --toouch-ratio: 4 / 5;
}

/* Uniform frame & gap fix */
.toouch-product-img{
  position: relative !important;
  aspect-ratio: var(--toouch-ratio);
  width: 100%;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
.toouch-product-img img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  max-width: none !important;
  transform: none !important;
}
/* Fade only, no zoom */
.toouch-product-card:hover .hover-img{ transform: none !important; }

/* Hide arrows */
.toouch-arrow{ display: none !important; opacity: 0 !important; pointer-events:none !important; }

/* Hairline fix for Swiper */
.toouch-product-wrapper .swiper-slide{ background: transparent; margin: 0 !important; }
.toouch-product-wrapper .swiper-wrapper{ backface-visibility: hidden; transform: translateZ(0); }

/* Title/Price use variables */
.toouch-product-info .product-title{
  font-family: var(--toouch-title-font-family) !important;
  font-size:   var(--toouch-title-font-size) !important;
  font-weight: var(--toouch-title-font-weight) !important;
  color:       var(--toouch-title-color) !important;
  text-transform: var(--toouch-title-transform) !important;
  margin: 0;
}
.toouch-product-info .price{
  font-family: var(--toouch-price-font-family) !important;
  font-size:   var(--toouch-price-font-size) !important;
  font-weight: var(--toouch-price-font-weight) !important;
  color:       var(--toouch-price-color) !important;
  text-transform: var(--toouch-price-transform) !important;
  margin: 0;
}
@media (max-width:768px){
  .toouch-product-wrapper{
    --toouch-title-font-size: calc(var(--toouch-title-font-size) - 2px);
    --toouch-price-font-size: calc(var(--toouch-price-font-size) - 2px);
  }
}

/* === v1.7.3: enforce no gap & border-box === */
.toouch-product-wrapper .swiper-slide{ margin:0 !important; box-sizing:border-box; }