/* slider.css — перенесён дословно с teclog.ru (live dump 2026-10-04).
   Слайдер .swipe2 (топ-слайдер главной и галерея плитки товара).
   Правила намеренно не переписаны: классы совпадают с разметкой шаблонов. */

.swipe2 {
  margin:0;
  touch-action:pan-y;
  user-select:none
}
.swipe2,.swipe2 .slidetrack {
  overflow:hidden;
  position:relative;
  width:100%
}
.swipe2 .slidetrack {
  font-size:0;
  max-height:100%;
  white-space:nowrap
}
.swipe2 .slidetrack>div {
  display:inline-block;
  font-size:1rem;
  position:relative;
  white-space:normal;
  width:100%
}
.swipe2 picture {
  display:block;
  padding-bottom:56.8%;
  position:relative;
  width:100%
}
.swipe2 picture img {
  display:block;
  height:auto;
  left:0;
  max-width:100%;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:1
}
.swipe2 a.lb {
  background-color:#e0ffff;
  border-radius:100%;
  box-shadow:0 4px 6px rgba(0,30,80,.35);
  color:#000;
  cursor:pointer;
  display:block;
  font-size:0;
  line-height:normal;
  padding:7px;
  position:absolute;
  right:10px;
  text-align:center;
  text-decoration:none;
  top:10px;
  z-index:2
}
.swipe2 a.lb svg {
  fill:#123;
  display:inline-block;
  height:22px;
  vertical-align:middle;
  width:22px
}
.swipe2 .slidetrack.topslider {
  height:calc(100vw + 10px)
}
.swipe2 .slidetrack.topslider div.offer {
  display:flex;
  flex-direction:column;
  font-size:1.4rem;
  left:0;
  padding:0 10px;
  position:absolute;
  top:0;
  width:100%
}
.swipe2 .slidetrack.topslider div.offer h1,.swipe2 .slidetrack.topslider div.offer h2,.swipe2 .slidetrack.topslider div.offer p {
  color:#fff;
  display:block;
  letter-spacing:1px;
  position:relative;
  text-shadow:1px 0 0 rgba(0,0,0,.9),-1px 0 0 rgba(0,0,0,.9),0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(0,0,0,.9);
  word-spacing:2px;
  z-index:3
}
.swipe2 .slidetrack>div.swipe-item h1,.swipe2 .slidetrack>div.swipe-item h2 {
  flex:0 0 auto;
  font-weight:900;
  margin:10px 0
}
.swipe2 .slidetrack>div.swipe-item p {
  flex:1 0 auto;
  font-weight:700;
  margin:0
}
.swipebtn {
  box-shadow:0 2px 6px rgba(0,30,80,.35)
}
.swipebtn svg {
  fill:#922c21
}
@media only screen and (min-width:568px) {
  .swipe2 .slidetrack.topslider {
    height:calc(32.6vw + 20px)
  }
  .swipe2 .slidetrack.topslider picture {
    padding-bottom:31.6%
  }

}
@media only screen and (min-width:992px) {
  .swipe2 .slidetrack>div.swipe-item {
    font-size:1.175rem;
    line-height:1.6rem
  }
  .swipe2 .slidetrack>div.swipe-item h1,.swipe2 .slidetrack>div.swipe-item h2 {
    margin:30px 0 10px;
    width:80%
  }
  .swipe2 .slidetrack>div.swipe-item p {
    width:80%
  }

}
@media only screen and (min-width:1024px) {
  .swipe2 .slidetrack.topslider div.offer {
    padding:0 calc(50% - 490px);
    width:82%
  }

}
@media only screen and (min-width:1280px) {
  .swipe2 .slidetrack.topslider div.offer {
    font-size:1.475rem;
    line-height:2rem;
    margin:50px 0 30px;
    padding:0 calc(50% - 600px);
    width:72%
  }
  .swipe2 .slidetrack.topslider div.offer h1,.swipe2 .slidetrack.topslider div.offer h2 {
    font-size:2.1rem;
    line-height:2.5rem
  }

}
@media only screen and (min-width:1536px) {
  .swipe2 .slidetrack.topslider {
    height:26vw
  }
  .swipe2 .slidetrack.topslider picture {
    padding-bottom:24%
  }
  .swipe2 .slidetrack.topslider div.offer {
    padding:0 calc(50% - 650px)
  }

}