/* Немного динамики на главной: лёгкое свечение на фото товара (тема — световые
   панели), оживление плиток и картинок при наведении. Появление блоков при
   скролле убрано — застревало невидимым на больших блоках, см. reveal.js. */

.slider-image {
  animation: dl-glow 4s ease-in-out infinite;
}
@keyframes dl-glow {
  0%, 100% { filter: brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0)); }
  50%      { filter: brightness(1.06) drop-shadow(0 0 22px rgba(255,255,255,.25)); }
}

.pdt-index .item,
.pdt-best .item,
.related .item {
  transition: transform .25s ease, box-shadow .25s ease;
}
.pdt-index .item:hover,
.pdt-best .item:hover,
.related .item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .35);
  z-index: 2;
}

.effect-img {
  transition: transform .25s ease, box-shadow .25s ease;
}
.effect-img:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 24px rgba(0, 0, 0, .35);
  z-index: 2;
  position: relative;
}

/* после товарной сетки текст начинался почти вплотную (35px) — остальные секции
   разделены заметно шире (~200px+), выравниваем ритм */
.pdt-index + .DescriptionBlock,
.pdt-best + .DescriptionBlock {
  margin-top: 48px;
}

.banner-strip {
  position: relative;
}
.banner-strip-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Arial, sans-serif;
  font-size: clamp(14px, 1.6vw, 20px);
  color: #7b0d1e;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
@media (max-width: 640px) {
  .banner-strip-caption { white-space: normal; font-size: clamp(13px, 3.2vw, 17px); }
}

@media (prefers-reduced-motion: reduce) {
  .slider-image, .pdt-index .item, .pdt-best .item, .related .item, .effect-img {
    animation: none !important;
    transition: none !important;
  }
}