/* Уменьшена ширина блока второго слайда (top-part + bottom-part) */
.angled-rectangle.two-colors {
  width: 75% !important;
  max-width: 500px !important;
}
@media (min-width: 768px) {
  .angled-rectangle.two-colors {
    width: 55% !important;
    max-width: 450px !important;
  }
}
@media (min-width: 1025px) {
  .angled-rectangle.two-colors {
    width: 32% !important;
    max-width: 450px !important;
  }
}
@media (min-width: 1440px) {
  .angled-rectangle.two-colors {
    width: 35% !important;
    max-width: 500px !important;
  }
}

/* Только для ноутбуков: блок «НОВИНКИ TIREI!» и кнопка ЗАКАЗАТЬ на втором слайде */
@media (min-width: 1500px) and (max-width: 1699px) {
  .slider .angled-rectangle.two-colors {
    top: 38% !important;
    width: 28% !important;
    min-width: 30% !important;
    max-width: 28% !important;
  }
  html body .slider .slide:nth-child(2) .details-button.details-button-second,
  html body .slider .slide .details-button.details-button-second,
  html body .slide .details-button.details-button-second,
  .slider .slide .details-button.details-button-second {
    bottom: 38% !important;
  }
}

/* Уменьшен межстрочный интервал текста второго слайда */
.angled-rectangle.two-colors .bottom-part p {
  line-height: 1.35 !important;
}

/* Вторая кнопка слайда (Заказать) — та же анимация при наведении, поднята выше */
@media (min-width: 1025px) {
  html body .slider .slide:nth-child(2) .details-button.details-button-second,
  html body .slider .slide .details-button.details-button-second,
  html body .slide .details-button.details-button-second,
  .slider .slide .details-button.details-button-second {
    bottom: 32% !important;
    transition: all 0.3s ease;
  }
  html body .slider .slide .details-button.details-button-second:hover,
  html body .slide .details-button.details-button-second:hover {
    background-color: #4a5560 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  html body .slider .slide .details-button.details-button-second:active,
  html body .slide .details-button.details-button-second:active {
    transform: translateY(0);
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  html body .slider .slide:nth-child(2) .details-button.details-button-second,
  html body .slider .slide .details-button.details-button-second,
  html body .slide .details-button.details-button-second,
  .slider .slide .details-button.details-button-second {
    bottom: 40% !important;
  }
}