/* Основной блок слайдера */
      .slider {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        overflow: hidden;
      }
      .ic {
        display: block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
      }
      .ic-left{
        background-image: url(/img/left-arr.svg);
      }
      .ic-right{
        background-image: url(/img/right-arr.svg);
      }
      /* Левый блок */
      /* .slider__left-block {
      width: auto;
      max-width: 900px;
    } */

      .slider__image-left {
        width: 100%;
        height: auto;
        object-fit: cover;
      }

      /* Правый блок */
      .slider__right-block {
        width: 49%;
        max-width: 900px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
      }

      .slider__content {
        position: relative;

      }

      .slider__content img {
        margin-bottom: 30px;
      }

      .slider__product-image {
        width: 100%;
        height: auto;
      }
      .right-block--img img{
        /* background-color: #EDEBE9;  */
        border: 1px #EDEBE9 solid;
        border-radius: 5px;
      }
      .product-title__slide{
        padding-top: 20px;
      }
      .slider__product-description {
        /* margin-top: 10px; */
        font-size: 18px;
        color: #333;
      }

      /* Навигационные стрелки */
      .slider__navigation {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
      }

      .slider__arrow {
        background-color: transparent;
        border: none;
        font-size: 24px;
        cursor: pointer;
        padding: 10px;
      }

      .slider__arrow--prev {
        margin-right: 5px;
      }

      .slider__arrow--next {
        margin-left: 5px;
      }

      /* Hover-эффект для стрелок */
      .slider__arrow:hover svg path {
        stroke: var(--main-red);
    }
      .slider__arrow:hover {
        color: var(--main-red);
      }

      /* Навигационные точки */
      .slider__dots {
        display: none;
        justify-content: center;
        margin-top: 10px;
      }

      .slider__dot {
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #3E3E3E33;
        border-radius: 50%;
        margin: 0 5px;
        cursor: pointer;
        transition: background-color 0.3s ease;
      }

      .slider__dot.active {
        background-color: var(--main-red)
      }

      /* Анимации (включение по классу) */
      .fade {
        opacity: 0;
        transition: opacity 1s ease-in-out;
      }

      .active.fade {
        opacity: 1;
      }

      .slide-in-top {
        transition: transform 1s ease-in-out;
        transform: translateY(-100%);
      }

      .active.slide-in-top {
        transform: translateY(0);
      }

      .slide-in-bottom {
        transition: transform 1s ease-in-out;
        transform: translateY(100%);
      }

      .active.slide-in-bottom {
        transform: translateY(0);
      }

      /* Стрелки для слайдера */
      .slider-controls {
        display: flex;
        gap: 10px;
        /* margin-top: 20px; */
        /* margin-bottom: 10px; */
        margin-left: 0;
      }

      .slider-controls button {
        width: 50px;
        height: 50px;
        border: none;
        border-radius: 50%;
        background-color: white;
        cursor: pointer;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #d4d4d4;
      }

      .slider-controls button:hover {
        color: var(--main-red);
      }

      .slider-controls button:focus {
        outline: none;
      }

      /* Адаптивный дизайн для экранов шириной 768px и меньше */
      @media (max-width: 768px) {
        .product-title__slide h3 {
          width: 100%;
          /* font-weight: 300; */
          /* font-size: 32px;
          line-height: 30px; */
        }

        .slider__product-description {
          font-size: 16px;
          font-weight: bold;
        }
      }

      @media (max-width: 600px) {
        .slider {
          flex-wrap: wrap;
          justify-content: center;
          height: auto;
        }

        .left-block {
          width: auto;
          max-width: 440px;
        }

        .slider .left-block img {
          position: relative;
        }

        .right-block {
          width: auto;
          max-width: 440px;
          padding-left: 0;
        }

        .right-block--img {
          display: flex;
          order: 2;
        }

        .product-title__slide {
          /* margin-top: 20px;
          min-height: 100px; */
          margin-top: 0;
          min-height: 20px;
          padding-top: 0;
        }

        .slider .right-block--img img {
          position: relative;
          width: 100%;
          height: auto;
        }

        /* Прячем стрелки и показываем точки на мобильных устройствах */
        .slider-controls {
          display: none;
        }

        .slider__dots {
          margin-top: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
        }
      }