:root {
  --col-width-raw: calc(1008px + (100vw - 1280px) * 0.784375);
  --col-width: clamp(1008px, var(--col-width-raw), 1510px);
  --scale: calc(var(--col-width) / 1510px);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Manrope-Regular';
  font-size: calc(18px * var(--scale));
  margin: 0;
  padding: 0;
}

.col {
  width: var(--col-width);
  margin: 0 auto;
}

.header {
  background: #262626 url("../images/header_pc.jpg") no-repeat top center;
  background-size: cover;
  width: 100%;
}

.headerBody {
  display: grid;
  height: calc(660px * var(--scale));
}

.headerBodyTitle {
  grid-column: 1;
  grid-row: 1;
  font-size: calc(70px * var(--scale));
  font-family: 'Manrope-ExtraBold';
  padding-top: calc(88px * var(--scale));
}

.headerBodyRezhim {
  grid-column: 1;
  grid-row: 2;
  font-family: 'Manrope-ExtraBold';
  font-size: calc(36px * var(--scale));
  color: #fff;
  padding-top: calc(112px * var(--scale));
}

.headerBodyRezhim span {
  color: #fde200;
}

.headerBodyPhoneBox {
  grid-column: 2;
  grid-row: 1;
  margin-left: auto;
  margin-top: calc(40px * var(--scale));
}

.headerBodyPhone a {
  font-family: 'Manrope-Bold';
  font-size: calc(50px * var(--scale));
  width: calc(480px * var(--scale));
  height: calc(110px * var(--scale));
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: calc(110px * var(--scale));
}

.headerIcon {
  display: flex;
  gap: calc(40px * var(--scale));
}

.iconItem {
  background-color: #fade01;
  background-repeat: no-repeat, repeat;
  background-position: center left calc(40px * var(--scale)), top left;
  height: calc(150px * var(--scale));
  display: block;
  width: calc(476px * var(--scale));
  font-family: 'Manrope-Medium';
  font-size: calc(18px * var(--scale));
  padding-left: calc(200px * var(--scale));
  line-height: 140%;
  padding-top: calc(37px * var(--scale));
  box-sizing: border-box;
}

.iconItem1 {
  background-image: url("../images/icon_price.svg"), url("../images/yellow_big.jpg");
  background-size: calc(107px * var(--scale)), auto;
}

.iconItem2 {
  background-image: url("../images/icon_perevozka.svg"), url("../images/yellow_big.jpg");
  background-size: calc(106px * var(--scale)), auto;
}

.iconItem3 {
  background-image: url("../images/icon_oplata.svg"), url("../images/yellow_big.jpg");
  background-size: calc(94px * var(--scale)), auto;
}

.headerPrice {
  display: flex;
  gap: calc(40px * var(--scale));
}

/* Обёртка для позиционирования внешних стрелок */
.slider-wrapper {
  position: relative;
  max-width: var(--col-width);
  margin: 0 auto;
}

/* Контейнер слайдера */
.slider-container {
  width: 100%;
  overflow: hidden;
}

/* Лента слайдов */
.slider-track {
  display: flex;
  gap: calc(40px * var(--scale));
  transition: transform 0.4s ease-in-out;
}

/* Фиксированный размер каждого слайда */
.slide {
  flex: 0 0 calc(735px * var(--scale));
  height: calc(550px * var(--scale));
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Кнопки-стрелки вынесены за пределы картинок */
.btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(41px * var(--scale));
  height: calc(84px * var(--scale));
  background: url('../images/icon_arrow.png') no-repeat center / contain;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
}

.btn-prev {
  left: calc(-130px * var(--scale));
}

.btn-next {
  right: calc(-130px * var(--scale));
  transform: translateY(-50%) rotate(180deg);
}

.btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.priceItem {
  background: #fff url("../images/white_big.jpg");
  width: calc(476px * var(--scale));
  height: calc(550px * var(--scale));
  margin-top: calc(40px * var(--scale));
  padding: calc(60px * var(--scale));
  padding-top: calc(70px * var(--scale));
  padding-bottom: 0;
  box-sizing: border-box;
  position: relative;
}

.priceItem::before {
  content: '';
  background: url("../images/yellow_small.jpg");
  height: calc(10px * var(--scale));
  position: absolute;
  top: 0;
  left: 0;
  width: calc(476px * var(--scale));
}

.priceItemLocation {
  display: inline-block;
  height: calc(50px * var(--scale));
  line-height: calc(50px * var(--scale));
  background: #000;
  color: #fde101;
  padding: 0 calc(20px * var(--scale));
  margin-bottom: calc(38px * var(--scale));
}

.priceItemPrice {
  font-size: calc(32px * var(--scale));
  font-family: 'Manrope-Light';
}

.priceItemPrice span {
  font-family: 'Manrope-ExtraBold';
  font-size: calc(42px * var(--scale));
}

.priceItemPriceText {
  padding-bottom: calc(37px * var(--scale));
}

.priceItem2 .priceItemPriceText,
.priceItem3 .priceItemPriceText {
  padding-top: calc(22px * var(--scale));
  line-height: 160%;
}

.chestno {
  font-family: 'Manrope-ExtraBold';
  font-size: calc(32px * var(--scale));
  color: #fff;
  padding-top: calc(84px * var(--scale));
  padding-bottom: calc(90px * var(--scale));
  text-align: center;
}

.chestno span {
  color: #fde102;
}

.sliderBox {
  background: url("../images/white_big.jpg");
  padding-top: calc(100px * var(--scale));
}

.preim {
  display: flex;
  align-content: center;
  align-items: center;
  padding-top: calc(86px * var(--scale));
  padding-bottom: calc(92px * var(--scale));
  gap: calc(100px * var(--scale));
}

.preimTitle {
  font-size: calc(34px * var(--scale));
  font-family: 'Manrope-ExtraBold';
  line-height: 120%;
}

.preimItemBox {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding-right: calc(60px * var(--scale));
  gap: calc(150px * var(--scale));
}

.preimItem {
  font-size: calc(18px * var(--scale));
  font-family: 'Manrope-Regular';
}

.preimItem span {
  font-size: calc(42px * var(--scale));
  font-family: 'Manrope-ExtraBold';
}

.footer {
  background: #262626;
  padding-top: calc(73px * var(--scale));
  position: relative;
}

.footer::before {
  content: '';
  background: url("../images/yellow_small.jpg");
  height: calc(10px * var(--scale));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.footerTitle {
  font-size: calc(70px * var(--scale));
  color: #fff;
  font-family: 'Manrope-ExtraBold';
  text-align: center;
  padding-bottom: calc(80px * var(--scale));
}

.footerPhone {
  padding: calc(10px * var(--scale));
  background: url("../images/yellow_small.jpg");
  display: flex;
  text-align: center;
  box-sizing: border-box;
  width: calc(700px * var(--scale));
  margin: 0 auto;
  margin-bottom: calc(100px * var(--scale));
}

.footerPhone a {
  width: calc(680px * var(--scale));
  height: calc(140px * var(--scale));
  line-height: calc(140px * var(--scale));
  text-align: center;
  display: block;
  font-family: 'Manrope-ExtraBold';
  font-size: calc(70px * var(--scale));
  color: #fff;
  background: #000;
  text-decoration: none;
}

.copy {
  border-top: 1px solid #404040;
  color: #404040;
  padding-top: calc(41px * var(--scale));
  padding-bottom: calc(45px * var(--scale));
}

.copy .col {
  display: flex;
  justify-content: space-between;
}

.copy .col a {
  color: #404040;
  text-decoration: none;
}