/* SLIDER */

@media (max-width: 540px) {
  .main-slider {
    padding: 0 !important;
  }
}

.f-carousel__dots,
.f-progress {
  display: none !important;
}

.main-slider {
  height: 81vh;
  padding: 0;
}

@media (width: 1440px) {
  .main-slider {
    height: 80vh;
  }
}

@media (max-width: 1366px) {
  .main-slider {
    height: 77vh;
  }
}

@media (max-width: 1024px) {
  .main-slider {
    height: 100%;
  }
}

@media (max-width: 540px) {
  .main-slider {
    height: 80vh;
  }
}

.f-carousel__slide img {
  width: 100%;
}

@media (max-width: 540px) {
  .f-carousel__slide .slide-photo {
    width: 100%;
  }
}

.f-button {
  border: 2px solid black !important;
  border-radius: 5px !important;
  background-color: white !important;
}

.is-next {
  margin-right: 3% !important;
}

.is-prev {
  margin-left: 3% !important;
}

.f-button svg {
  color: black !important;
}

.f-button:hover {
  border: 2px solid #ecba59 !important;
  border-radius: 5px !important;
  background-color: white !important;
}

.f-button:hover svg {
  color: #ecba59 !important;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  top: 42% !important;
}

@media (max-width: 540px) {
  .is-horizontal .f-carousel__nav .f-button.is-prev,
  .is-horizontal .f-carousel__nav .f-button.is-next,
  .is-horizontal .fancybox__nav .f-button.is-prev,
  .is-horizontal .fancybox__nav .f-button.is-next {
    top: 85% !important;
  }
}

.slider-text-wrapper {
  top: 45%;
  left: 13%;
  -webkit-transform: translate(0, -65%);
  -ms-transform: translate(0, -65%);
  transform: translate(0, -65%);
}

@media (max-height: 480px) {
  .slider-text-wrapper {
    top: 60%;
  }
}

@media (max-width: 425px) {
  .slider-text-wrapper {
    top: 50%;
  }
}

.slider-text__main {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 59px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 50px;
  max-width: 830px;
}

@media (max-width: 768px) {
  .slider-text__main {
    max-width: 520px;
    font-size: 40px;
  }
}

@media (max-width: 540px) {
  .slider-text__main {
    font-size: 25px;
    line-height: 35px;
    max-width: 250px;
    margin-bottom: 35px;
  }
}

@media (max-height: 830px) {
  .slider-text__main {
    font-size: 25px;
    line-height: 35px;
  }
}

.slider-text__above {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}

@media (max-width: 540px) {
  .slider-text__above {
    font-size: 12px;
    line-height: 18px;
  }
}

.slider-text__sticker {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  color: #ffffff;
  margin-bottom: 25px;
}

@media (max-width: 540px) {
  .slider-text__sticker {
    font-size: 14px;
    line-height: 16px;
  }
}

.slider-text__sticker span {
  background: #69b436;
  border-radius: 5px;
  padding: 3px 20px;
}

.slider-text__button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #000000;
}

.slider-text__button .slider-text__button-link:hover {
  background: #ca991d;
  text-decoration: none;
  color: #000000;
}

.slider-text__button .slider-text__button-link {
  background: #ffc122;
  border-radius: 5px;
  padding: 20px 40px;
}

@media (max-width: 540px) {
  .slider-text__button .slider-text__button-link {
    padding: 15px 25px;
  }

  .slider-text__main {
    line-height: 28px;
  }
}

@media (max-height: 440px) {
  .slider-text__button .slider-text__button-link {
    padding: 10px 20px;
  }

  .slider-text__sticker {
    margin-bottom: 10px;
  }

  .slider-text__main {
    margin-bottom: 30px;
  }
}

.above-brand {
  top: 40px;
  right: 10%;
}

.above-brand img {
  width: 220px;
}

.above-brand img {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .above-brand img {
    max-width: 150px;
    max-height: 100px;
  }
}

@media (max-width: 540px) {
  .above-brand img {
    max-width: 110px;
    max-height: 90px;
    margin-top: -30px;
  }

  .above-brand {
    right: 5%;
  }
}

@media (max-height: 700px) {
  .above-brand img {
    max-width: 105px;
    max-height: 75px;
    margin-top: -30px;
  }

  .above-brand {
    right: 5%;
  }
}

.under-brands {
  bottom: 24%;
  left: 13%;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  grid-auto-flow: column;
  padding-right: 5%;
}

@media (max-width: 1366px) {
  .under-brands {
    bottom: 26%;
  }
}

@media (max-width: 1024px) {
  .under-brands {
    bottom: 20%;
  }
}

@media (max-width: 540px) {
  .under-brands {
    display: none;
  }
}

.under-brands img {
  /* width: 120px;
  height: 95px; */
  width: 90%;
}

@media (max-height: 570px) {
  .under-brands img {
    width: 90px;
    height: 65px;
  }
}

.slide-photo {
  height: calc(100vh - (85px));
  object-fit: cover;
}

@media (max-height: 700px) {
  .slide-photo {
    height: calc(100vh - (88px + 36px + 95px));
  }
}

@media (max-height: 570px) {
  .slide-photo {
    height: calc(100vh - 130px);
  }

  .under-brands {
    display: none;
  }
}

@media (max-width: 1024px) {
  .slide-photo {
    height: calc(100vh - (88px + 36px + 120px));
  }
}

@media (max-width: 540px) {
  .slide-photo {
    height: calc(100vh - 155px) !important;
  }
}

@media (orientation: landscape) {
  .slide-photo {
    height: calc(100vh - 45px) !important;
  }
  .slider-text-wrapper {
    left: 15%;
  }
}

@media (orientation: landscape) and (max-width: 576px) {
  .horizontal-top-menu {
    display: none !important;
  }
}

.main-slider__bottom-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgba(43, 56, 66, 0.7);
  height: 76px;
  padding-right: 13%;
  padding-left: 13%;
  width: 100%;
  bottom: 0;
  display: none !important;
}

@media (max-height: 570px) {
  .main-slider__bottom-menu {
    display: none;
  }
}

.main-slider__bottom-menu a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #ffffff;
}

@media (max-width: 1440px) {
  .main-slider__bottom-menu a {
    font-size: 13px;
  }
}

@media (max-width: 1280px) {
  .main-slider__bottom-menu a {
    font-size: 11px;
  }
}

@media (max-width: 1024px) {
  .main-slider__bottom-menu a {
    font-size: 10px;
  }

  .main-slider__bottom-menu {
    padding-right: 5%;
    padding-left: 5%;
  }
}

@media (max-width: 768px) {
  .main-slider__bottom-menu a {
    font-size: 9px;
  }

  .main-slider__bottom-menu {
    padding-right: 2%;
    padding-left: 2%;
  }
}

@media (max-width: 675px) {
  .main-slider__bottom-menu a {
    font-size: 7px;
  }
}

@media (max-width: 540px) {
  .main-slider__bottom-menu {
    display: none;
  }
}

.main-slider__bottom-menu a:hover {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}

.our_production_wrap_title {
  text-transform: uppercase;
}
/* Контейнер слайдера */
.myMainSwiper {
    width: 100%;
    position: relative;
    overflow: hidden; /* Чтобы слайды не вылезали за пределы */
}

/* Слайд Swiper — замена .f-carousel__slide */
.myMainSwiper .swiper-slide {
    position: relative;
    flex: 0 0 auto;
    width: 100%; /* По умолчанию во всю ширину */
    max-width: 100%;
    height: auto; /* Или укажи фиксированную высоту, если была переменная */
    outline: 0;
    transform-origin: center center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Растягиваем картинку внутри слайда */
.myMainSwiper .slide-photo {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; /* Заполняет всю область без искажений */
    /* Если картинки должны быть именно "на весь экран" по высоте: */
    min-height: 400px; /* Укажи минимальную высоту для мобилок, если нужно */
}

/* Ссылка внутри слайда */
.myMainSwiper .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
/* Базовые стили кнопок */
.myMainSwiper .swiper-button-next,
.myMainSwiper .swiper-button-prev {
    background-color: #ffffff !important; /* Всегда белый фон */
    border: 2px solid #000000 !important; /* Черный бордер в покое */
    color: #000000 !important;            /* Черная стрелка в покое */
    width: 44px !important;               /* Уменьшено на 25% */
    height: 44px !important;
    border-radius: 10%;
    transition: all 0.3s ease;
}

/* Отступы от краев 80px на десктопе */
.myMainSwiper .swiper-button-prev {
    left: 55px !important;
}
.myMainSwiper .swiper-button-next {
    right: 55px !important;
}

/* Размер самой иконки внутри (через псевдоэлемент after) */
.myMainSwiper .swiper-button-next:after,
.myMainSwiper .swiper-button-prev:after {
    font-size: 14px !important; 
    font-weight: bold;
}

/* СОСТОЯНИЕ ПРИ НАВЕДЕНИИ (Hover) */
.myMainSwiper .swiper-button-next:hover,
.myMainSwiper .swiper-button-prev:hover {
    background-color: #ffffff !important; /* Оставляем белый фон */
    border: 2px solid #ecba59 !important; /* Меняем бордер на золотой */
    color: #ecba59 !important;            /* Меняем цвет стрелки на золотой */
}

/* --- МОБИЛЬНАЯ ВЕРСИЯ (перенос вниз) --- */
@media (max-width: 576px) {
    .myMainSwiper {
        padding-bottom: 50px; /* Увеличиваем место под кнопки */
    }

    .myMainSwiper .swiper-button-next,
    .myMainSwiper .swiper-button-prev {
        top: auto !important;
        bottom: 60px !important;
        left: auto !important;
        right: auto !important;
        margin-top: 0;
    }

    /* Ставим рядом по центру */
    .myMainSwiper .swiper-button-prev {
        left: 20% !important;
        transform: translateX(-45px) !important;
    }
    .myMainSwiper .swiper-button-next {
        left: 80% !important;
        transform: translateX(10px) !important;
    }
}