/* Мобильная адаптация для страницы debut */

/* Основные стили для мобильных устройств */
@media (max-width: 768px) {
  /* Заголовок секции */
  .debut-section-header {
    margin-top: -100px !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 20px !important;
  }

  .debut-arrow {
    width: 40px !important;
    margin: 0 15px 20px 15px !important;
  }

  .debut-title {
    font-size: 28px !important;
    text-align: center !important;
  }

  /* Описание */
  .debut-description {
    margin: 20px auto 0 !important;
    padding: 0 20px !important;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 1.5 !important;
  }

  /* Галерея с тремя картинками */
  .debut-gallery {
    flex-direction: column !important;
    margin: 40px 20px 0 !important;
    gap: 30px !important;
  }

  .gallery-item {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }

  .gallery-item img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
  }

  .gallery-caption {
    margin-top: 15px !important;
  }

  .gallery-caption span {
    font-size: 24px !important;
  }

  /* Секция с изображением и текстом */
  .debut-image-text-section {
    min-height: auto !important;
    padding: 40px 20px !important;
  }

  .debut-image-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    gap: 30px !important;
  }

  .debut-image-container {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
  }

  .debut-featured-image {
    margin: 10px !important;
    width: calc(100% - 20px) !important;
  }

  /* Текстовые блоки */
  .debut-text-block {
    position: static !important;
    text-align: center !important;
    margin: 20px 0 !important;
    padding: 0 20px !important;
  }

  .debut-text-line1 {
    font-size: 22px !important;
    margin-bottom: 10px !important;
  }

  .debut-text-line2 {
    font-size: 18px !important;
  }

  /* Правый блок с изображением и текстом */
  .debut-image-right-block {
    margin: 0 !important;
    width: 100% !important;
    max-width: 300px !important;
    align-items: center !important;
  }

  .debut-image-right-img {
    width: 100% !important;
    border-radius: 8px !important;
  }

  .debut-right-text-block {
    position: static !important;
    margin: 20px 0 !important;
    width: 100% !important;
    right: auto !important;
    text-align: center !important;
    padding: 0 20px !important;
  }

  .debut-right-title {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }

  .debut-right-subtitle {
    font-size: 16px !important;
  }

  .debut-right-small-photo {
    width: 100% !important;
    max-width: 200px !important;
    margin: 20px auto 0 !important;
  }

  /* Блок с тремя изображениями */
  .three-images-section {
    padding: 40px 20px !important;
  }

  .three-images-title h2 {
    font-size: 24px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
  }

  .three-images-container {
    flex-direction: column !important;
    gap: 20px !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }

  .three-images-container .image-block {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .three-images-container img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
  }

  /* Слайдер */
  .swiper-section {
    padding: 40px 20px !important;
  }

  .debut-slider .slider-title {
    font-size: 24px !important;
    margin-bottom: 30px !important;
  }

  .swiper-container {
    padding: 0 20px !important;
  }

  .swiper-slide {
    padding-bottom: 15px !important;
  }

  .slide-content img {
    height: 250px !important;
  }

  .debut-slide .debut-product-name {
    font-size: 18px !important;
  }

  .debut-slide .debut-product-price {
    font-size: 18px !important;
  }

  /* Стрелки слайдера */
  .custom-prev,
  .custom-next {
    width: 40px !important;
    height: 40px !important;
  }

  .custom-prev img,
  .custom-next img {
    width: 20px !important;
    height: 20px !important;
  }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 480px) {
  .debut-section-header {
    margin-top: -80px !important;
    padding: 0 15px !important;
  }

  .debut-title {
    font-size: 24px !important;
  }

  .debut-description {
    font-size: 16px !important;
    padding: 0 15px !important;
  }

  .debut-gallery {
    margin: 30px 15px 0 !important;
    gap: 25px !important;
  }

  .gallery-caption span {
    font-size: 20px !important;
  }

  .debut-image-text-section {
    padding: 30px 15px !important;
  }

  .debut-text-line1 {
    font-size: 20px !important;
  }

  .debut-text-line2 {
    font-size: 16px !important;
  }

  .debut-right-title {
    font-size: 18px !important;
  }

  .debut-right-subtitle {
    font-size: 14px !important;
  }

  .three-images-section {
    padding: 30px 15px !important;
  }

  .three-images-title h2 {
    font-size: 20px !important;
  }

  .three-images-container {
    gap: 15px !important;
  }

  .three-images-container .image-block {
    max-width: 280px !important;
  }

  .swiper-section {
    padding: 30px 15px !important;
  }

  .debut-slider .slider-title {
    font-size: 20px !important;
  }

  .swiper-container {
    padding: 0 15px !important;
  }

  .slide-content img {
    height: 200px !important;
  }

  .debut-slide .debut-product-name {
    font-size: 16px !important;
  }

  .debut-slide .debut-product-price {
    font-size: 16px !important;
  }
}

/* Стили для ландшафтной ориентации на мобильных */
@media (max-width: 768px) and (orientation: landscape) {
  .debut-section-header {
    margin-top: -60px !important;
  }

  .debut-gallery {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
  }

  .gallery-item {
    width: calc(33.333% - 20px) !important;
    max-width: 200px !important;
  }

  .three-images-container {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
  }

  .three-images-container .image-block {
    width: calc(33.333% - 15px) !important;
    max-width: 150px !important;
  }
}

@media (max-width: 768px) {
  .three-images-container {
    display: none !important;
  }
  .three-images-container .image-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 480px) {
  .three-images-container {
    gap: 5px !important;
  }
  .three-images-container .image-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
} 

@media (min-width: 769px) {
  .debut-right-text-block {
    position: relative;
    right: -100px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    transition: right 0.3s;
  }
}