html { scrollbar-color: #d1d1d1 #fcfcfc; scrollbar-width: thin; } html::-webkit-scrollbar { width: 10px !important; -webkit-appearance: none !important; } html::-webkit-scrollbar-track { background: #fcfcfc !important; } html::-webkit-scrollbar-thumb:hover { background: #0050e6 !important; } html::-webkit-scrollbar-thumb { background: #d1d1d1 !important; border: 0px solid #0366F9 !important; -webkit-border-radius: 10px !important;  box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);  } 
 

.custom-gallery {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}

.gallery-wrapper {
  position: relative;
  width: 340px;
  height: 240px; /* или нужная высота */
  overflow: hidden;
}

.gallery-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
  height: 240px
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.gallery-image.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.gallery-dots {
  position: absolute;
  bottom: -25px;
  right: 0px;
  display: flex;
  gap: 8px;
}

.dot {
  width: 10px;
  height: 10px;
  background-color: #cacaca;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dot.active {
  background-color: #252525;
}

/* Адаптив под мобильные (320–480px) */
@media screen and (min-width: 320px) and (max-width: 480px) {
  .custom-gallery {
    max-width: 280px;
  }

  .gallery-wrapper {
    width: 280px;
    height: 190px;
  }

  .gallery-image {
    width: 280px;
    height: 190px;
    object-fit: cover;
  }

  .gallery-dots {
    bottom: auto;
    top: -25px;
    right: 0;
  }
}



.t706__product-imgdiv {
    background-color: #eee;
    background-position: 50%;
    background-size: cover;
    border-radius: 0px;
    height: 70px;
    width: 70px;
}

.t706__cartpage .t-inputpromocode__btn {
    display: table-cell;
    position: relative;
    height: auto;
    color: rgb(255, 255, 255);
    background: rgb(3 102 249);
}