.employee-block {
  padding: 20px;
  background-color: #f7f7f7;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin: 20px 0;
}

.header-section {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.employee-image img {
  width: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 15px;
}

.title-line {
  border: 1px solid #000000;
  width: 80px;
  margin: 10px 0;
}

.employee-quote {
  font-style: italic;
  color: #333333;
  margin-bottom: 15px;
}

.employee-details {
  margin-top: 15px;
}

.employee-text {
  color: #333333;
  font-weight: 400;
  line-height: 1.8;
  font-size: 1rem;
  /*margin: 10px 0;*/
}

.contact-info {
  margin-top: 20px;
  text-align: left;
}

.contact-info img {
  vertical-align: middle;
  margin-right: 5px;
}

/* Синие галочки */
.blue-check {
  color: #3366cc; /* Синий цвет для галочек */
  font-weight: bold;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
  .header-section {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }
  .employee-block {
  margin-bottom: 0px;
}
  .employee-image img {
    width: 80px;
    margin-right: 10px;
  }

  .employee-text {
    font-size: 0.9rem;
  }

  .title-line {
    width: 100%;
  }
}

/* Слайдер */
/* Стили для подзаголовка */
  .slider-header-unique4 {
    text-align: left;
    margin-bottom: 20px;
  }

  .dot {
    margin-right: 1vw;
  }
  .oil-type-header h3 {
  text-align: left;
	}

.slider-header-unique4 h4 {
  font-size: 26px;
    color: #000000;
    margin: 5px 0 20px 0;
    text-align: left;
	}
  .centered-text {
    text-align: left;
    font-size: 1rem;
    margin-top: 10px;
  }

  .oil-type-header {
    text-align: center;
    font-size: 20px;
    color: #000000;
    margin: 5px 0 20px 0;
  }

  .custom-slider-unique4 {
	max-width: 100%;
	overflow: hidden;
	position: relative;
}

.custom-slides-unique4 {
	display: flex;
	transition: transform 0.5s ease-in-out;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.custom-slide-unique4 {
	min-width: 100%;
	box-sizing: border-box;
	text-align: center;
	scroll-snap-align: start;
}

.custom-slide-unique4 img {
	max-width: 80%;
	height: auto;
	margin: 0 auto;
}

.custom-dots-unique4 {
	margin-top: 15px;
	/*display: block;*/
	text-align: center;
	/* margin-top: 15px; */
	display: flex;
	justify-content: center;
	/* gap: 10px; */
}

.custom-dot-unique4 {
	height: 15px;
	width: 15px;
	margin: 0 5px;
	background-color: #b7b8b9;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
}

.custom-dot-unique4.active {
	background-color: #3366cc;
}

@media (min-width: 768px) {
	.custom-slides-unique4 {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		overflow: hidden;
	}
	#PPetronas .custom-slides-unique4 {
		grid-template-columns: repeat(3, 1fr); /* Только для Petronas — 3 колонки */
	}
	#podd .custom-slides-unique4 {
		grid-template-columns: repeat(3, 1fr); /* Только для #poddon - 3 колонки */
	}
	#motor .custom-slides-unique4 {
		grid-template-columns: repeat(5, 1fr); /* Только для #poddon - 5 колонки */
	}
	#red .custom-slides-unique4 {
		grid-template-columns: repeat(5, 1fr); /* Только для #poddon - 5 колонки */
	}
	#pnevmo .custom-slides-unique4 {
		grid-template-columns: repeat(5, 1fr); /* Только для #poddon - 5 колонки */
	}
	#amg .custom-slides-unique4 {
		grid-template-columns: repeat(6, 1fr); /* Только для #poddon - 6 колонки */
	}
	.custom-slide-unique4 {
		min-width: auto;
		scroll-snap-align: none;
	}

	/* Скрываем точки на десктопе */
	.custom-dots-unique4 {
		display: none;
	}
}
.titlepetronas {
	    margin-bottom: -1vw !important;
    margin-top: 1vw;
}


@media (max-width: 768px) {
  .titlepetronas {
      margin-bottom: -2.5vw !important;
    margin-top: 1.5vw;
  }
}
/* Petronas */

.extremelyUnique-oil-info-block {
	background-color: #f7f7f7;
	padding: 20px;
	padding-bottom: 0px;
	margin: 20px 0;
	border-radius: 10px;
	text-align: left;
}

.extremelyUnique-oil-info-block {
	background-color: #f7f7f7;
	padding: 20px;
		padding-bottom: 0px;
	margin: 20px 0;
	border-radius: 10px;
	text-align: left;
}
/* h3 только внутри блока Petronas */
.extremelyUnique-oil-info-block h3 {
    font-size: 20px;
    font-weight: 400;
}
.extremelyUnique-oil-info-block h4 {
	color: #3366cc;
	font-size: 1.2rem;
	margin-bottom: 10px;
	text-align: left;
}

.extremelyUnique-oil-photo-gallery {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 25px;
}

.extremelyUnique-oil-photo-gallery img {
	width: 30%;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.extremelyUnique-oil-videos {
	display: flex;
	justify-content: flex-start;
	gap: 15px;
	flex-wrap: wrap;
}

.extremelyUnique-video-item {
	position: relative;
	width: 100%;
	padding-bottom: 170px;
}

.extremelyUnique-video-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.extremelyUnique-video-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.extremelyUnique-play-wrap {
	background: #3366cc;
	width: 5.469vw;
	height: 5.469vw;
	display: grid;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	transition: all 0.4s;
	box-shadow: -23px -23px 71px 0 rgba(51, 102, 204, 0.29);
	position: absolute;
	left: 0;
	right: 0;
	top: 35%;
	margin: 0 auto;
}

.extremelyUnique-play-wrap img {
	width: 2.7vw;
	height: 3vw;
	background: none;
}

.extremelyUnique-play-wrap:before {
	width: 7.813vw;
	height: 7.813vw;
	border: 2px solid #3366cc;
	position: absolute;
	content: '';
	left: -1.042vw;
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation-name: extremelyUniqueRotateRevers;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-timing-function: linear;
}

.extremelyUnique-play-wrap:after {
	width: 6.771vw;
	height: 6.771vw;
	border: 2px solid #3366cc;
	position: absolute;
	content: '';
	left: -0.521vw;
	border-radius: 50%;
	border-top-color: transparent;
	border-bottom-color: transparent;
	animation-name: extremelyUniqueRotate;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	animation-timing-function: linear;
}

@keyframes extremelyUniqueRotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes extremelyUniqueRotateRevers {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.extremelyUnique-video-item video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

/* Mobile Media Queries */
@media (max-width: 567px) {
	.extremelyUnique-play-wrap {
		width: 4.8rem;
		height: 4.8rem;
	}
}

@media (max-width: 900px) {
	.extremelyUnique-play-wrap:before {
		width: 7.9rem;
		height: 7.9rem;
		left: -2rem;
	}

	.extremelyUnique-play-wrap img {
		width: 2rem;
		height: 2.3rem;
	}

	.extremelyUnique-play-wrap:after {
		width: 6.4rem;
		height: 6.4rem;
		left: -1.2rem;
	}
}

@media (min-width: 768px) {
	.extremelyUnique-oil-videos {
		flex-direction: row;
	}

	.extremelyUnique-video-item {
		width: 48%;
		padding-bottom: 21vw;
	}

	.extremelyUnique-oil-photo-gallery img {
		width: 20%;
	}
} /* Обёртка блока текста и сертификата */
.extremelyUnique-certificate-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px;
	margin: 20px 0;
	flex-wrap: nowrap;
	width: 28vw;
}

/* Текст слева */
.extremelyUnique-certificate-text {
	flex: 1 1 auto;
	min-width: 0;
}

/* Картинка справа */
.extremelyUnique-certificate-wrapper {
	position: relative;
	width: 100px;
	flex-shrink: 0;
}

.extremelyUnique-certificate-img {
	width: 100%;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Синий кружок с плюсом */
.extremelyUnique-zoom-icon {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 24px;
	height: 24px;
	background-color: #3366cc;
	color: white;
	font-size: 16px;
	font-weight: bold;
	border-radius: 50%;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	transition: transform 0.2s;
}

.extremelyUnique-zoom-icon:hover {
	transform: scale(1.1);
}

.extremelyUnique-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	padding-top: 10px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.extremelyUnique-modal-content {
	margin: auto;
	display: block;
	max-width: 95%;
	max-height: 95%;
	border-radius: 10px;
}
.extremelyUnique-close {
	position: absolute;
	top: 20px;
	right: 40px;
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.3s;
}

.extremelyUnique-close:hover {
	color: #ccc;
}

/* 📱 Мобильная адаптация — картинка также справа, но меньше */
@media (max-width: 767px) {
	.extremelyUnique-certificate-flex {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 15px;
		width: 100%;
		margin: 20px 0;
		margin-bottom: 0px;
		flex-wrap: nowrap;
	}
	/* Модальное окно */
	.extremelyUnique-modal {
		display: none;
		position: fixed;
		z-index: 9999;
		padding-top: 40vw;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
	}
	.extremelyUnique-modal-content {
		margin: auto;
		display: block;
		max-width: 80%;
		max-height: 80%;
		border-radius: 10px;
	}
	.extremelyUnique-certificate-wrapper {
		width: 80px;
	}

	.extremelyUnique-zoom-icon {
		width: 20px;
		height: 20px;
		font-size: 14px;
		line-height: 18px;
	}
}

#PPetronas .slider-arrow {
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	background-color: #3366cc;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	z-index: 10;
	background-image: url('https://mercedes.union-motors.ru/wp-content/themes/theme/assets/img/general/arrow-top.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
#PPetronas .custom-slides-unique4 {
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	transition: scroll-left 0.3s ease-in-out;
}
#PPetronas .slider-arrow:hover {
	background-color: #264fa7; /* чуть темнее при наведении */
}

#PPetronas .arrow-left {
	left: -15px;
	transform: translateY(-50%) rotate(270deg);
}

#PPetronas .arrow-right {
	right: -15px;
	transform: translateY(-50%) rotate(90deg);
}
#PPetronas {
	position: relative;
	overflow: visible !important;
}
/* Скрываем стрелки на десктопе */
@media (min-width: 768px) {
	#PPetronas .slider-arrow {
		display: none;
	}
}
/* === Petronas: скрываем второй ролик (без постера), оставляем первый === */
.extremelyUnique-oil-videos .extremelyUnique-video-item:nth-of-type(2) {
  display: none !important;
}
.custom-slider-unique4 {
	position: relative;
	overflow: visible; /* важно */
}
.slider-arrow {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	background-color: #3366cc;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	z-index: 10;
	background-image: url('https://mercedes.union-motors.ru/wp-content/themes/theme/assets/img/general/arrow-top.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.slider-arrow:hover {
	background-color: #264fa7;
}

.arrow-left {
	left: -15px;
	transform: translateY(-50%) rotate(270deg);
}

.arrow-right {
	right: -15px;
	transform: translateY(-50%) rotate(90deg);
}

/* Скрывать стрелки на десктопе */
@media (min-width: 768px) {
	.slider-arrow {
		display: none;
	}
}

#priceTable {
    width: 75%;
    border-collapse: collapse;
}

@media (max-width: 768px) {
    #priceTable {
        width: 100%;
    }
}

.price-row {
    font-weight: 400;
}

.white-bg {
    background-color: #ffffff;
}

.blue-bg {
    background-color: #e6f7ff;
}

.service-name {
    padding: 2px;
    text-align: left;
    border: 1px solid #ddd;
    line-height: 1.2;
}

.service-price {
    text-align: center;
    padding: 6px;
    border: 1px solid #ddd;
    white-space: nowrap;
    line-height: 1.2;
    position: relative;
}

.discounted-price {
    text-align: right;
}

.old-price {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

.old-price::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--main-color);
    transform: rotate(-20deg);
    transform-origin: center;
}

.load-more-btn {
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
}
.pulse-container {
    display: inline-flex;
    align-items: center; /* Выравнивание по центру */
    white-space: nowrap; /* Без переноса на ПК */
}

/* Контейнер с кнопкой */
.pulse-phone {
    position: relative;
    width: 35px; /* Размер кнопки */
    height: 35px;
    border-radius: 50%;
    background-color: #3366cc; /* Цвет кнопки */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px; /* Отступ от текста */
}

.pulse-phone a {
    width: 18px;
    height: 18px;
    display: inline-block;
    background-image: url('https://mercedes.union-motors.ru/wp-content/uploads/2022/12/phone.svg'); /* Иконка телефона */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
}

.pulse-phone::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
   background-color: rgba(51, 102, 204, 0.8); /* Новый цвет пульсации #3366cc, немного насыщеннее */
    animation: pulse_2_small 2s linear infinite;
    z-index: -1;
}


/* Стили для текста */
.pulse-text {
    font-size: 18px;
    font-weight: bold;
    color: #333;
	text-align: left;
}

/* Для мобильных устройств убираем nowrap и позволяем тексту переноситься */
@media (max-width: 768px) {
    .pulse-container {
        white-space: normal; /* Разрешаем перенос строк */
        flex-wrap: wrap; /* Позволяем тексту переноситься */
    }

    .pulse-text {
        display: inline-block;
        max-width: 85%; /* Чтобы текст не растягивался слишком сильно */
        line-height: 1.3; /* Немного увеличиваем интерлиньяж */
    }
}


@keyframes pulse_2_small {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.more-info-toggle {
    cursor: pointer;
    color: #1A73E8; /* Синий цвет, как на скрине */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.more-info-toggle:hover {
    color: #0F5BB5; /* Чуть темнее при наведении */
}

.more-info-toggle svg {
    margin-left: 5px;
    transition: transform 0.3s ease-in-out;
}

.more-info-toggle.open svg {
    transform: rotate(180deg); /* Стрелка вверх при раскрытии */
}

.more-info-toggle.underline {
    display: block;
    border-bottom: 1px solid #1A73E8;
    width: fit-content;
    margin-top: -4px;
    transition: border-color 0.3s ease-in-out;
}

.more-info-toggle:hover.underline {
    border-color: #0F5BB5;
}

.more-info-toggle {
    cursor: pointer;
    color: #1A73E8; /* Синий цвет, как на скрине */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.more-info-toggle:hover {
    color: #0F5BB5; /* Чуть темнее при наведении */
}

.more-info-toggle::after {
    content: "";
    font-size: 16px;
    transition: transform 0.3s ease-in-out;
}

.more-info-toggle.open::after {
    transform: rotate(90deg);
}

.more-info-toggle.underline {
    display: block;
    border-bottom: 1px solid #1A73E8;
    width: fit-content;
    margin-top: -4px;
    transition: border-color 0.3s ease-in-out;
}

.more-info-toggle:hover.underline {
    border-color: #0F5BB5;
}
.more-info-toggle {
    cursor: pointer;
    color: #1A73E8; /* Синий цвет */
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s ease-in-out;
}

.more-info-toggle:hover {
    color: #0F5BB5;
}

#toggleLessInfo {
    display: none; /* Изначально скрываем кнопку "Скрыть" */
}

.corp-toggle-text {
        cursor: pointer;
        color: #1A73E8; /* Синий цвет */
        text-decoration: underline;
        font-size: 16px;
        transition: color 0.3s ease-in-out;
    }

    .corp-toggle-text:hover {
        color: #0F5BB5;
    }

    #corpToggleLess {
        display: none; /* Изначально скрываем "Скрыть" */
    }
.price-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}

.price-table-wrapper {
    width: 55%;
}

.price-image {
    width: 50%;
    text-align: right;
}

.price-image img {
    width: 35vw;
    height: auto;
}

/* Скрываем изображение на мобильных устройствах */
@media (max-width: 768px) {
    .price-image {
        display: none;
    }
	.price-table-wrapper {
    width: 100%;
}
}


/* Аккордеон моб. меню «Популярные услуги» */
.toggle-menu-btn{cursor:pointer;text-decoration:underline;color:var(--main-color);display:block;padding:0 0 4vw 15px;font-size:14px;text-align:left}
.nav-item--another-class{margin-bottom:2vw!important}
.nav-item--another-class .nav-link{font-size:14px!important;font-weight:400!important;padding-left:15px}
.nav-item--no-link .nav-link{pointer-events:none;cursor:default;text-decoration:none}

.load-more-btn .btn-arrow {
    transition: transform 0.3s ease;
    transform: rotate(0deg); /* стрелка вправо */
}

.load-more-btn.opened .btn-arrow {
    transform: rotate(-90deg); /* стрелка вверх */
}

.information {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px; /* Универсальные отступы */
    flex-wrap: wrap; /* Позволяет блокам переноситься */
}


.information__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.information__bottom {
    flex: 1;
    max-width: 50%; /* Видео занимает половину ширины */
}

.information__video {
    position: relative;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.information__video-wrapper {
    position: relative; /* Контейнер для плашки */
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.information__video video {
    width: 100%;
    height: auto;
}

.information__top {
    flex: 1;
    max-width: 50%; /* Текст занимает половину ширины */
}


.information__play a{
    position: absolute; /* Абсолютное позиционирование внутри контейнера */
    top: 1.5vw; /* Отступ сверху */
    left: 1.5vw; /* Отступ слева (заменяем right на left) */
    z-index: 2; /* Поверх видео */
    width: 3.125vw;
    height: 3.125vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    border-radius: 50%;
    cursor: pointer;
}
.information__play a img {
    width: .7vw;
    height: .7vw;
}
.information__play a::before {
         width: 3.5vw;
    height: 3.5vw;
    border: 2px solid #3366cc;
    position: absolute;
    content: "";
    left: -0.342vw;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation-name: extremelyUniqueRotateRevers;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
}

.information__play a::after { 
	     width: 4.5vw;
    height: 4.5vw;
    border: 2px solid #3366cc;
    position: absolute;
    content: "";
    left: -0.8vw;
    border-radius: 50%;
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation-name: extremelyUniqueRotate;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
}

.section__title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.3;
}

.section__desc {
    font-size: 20px;
    color: #555;
    line-height: 1.6;
    max-width: 500px;
}

@media (max-width: 768px) {
    .information {
        padding: 30px 0; /* Уменьшение отступов */
		padding-bottom: 0px !important;
    }
	.information__play a {
        position: absolute; /* Абсолютное позиционирование внутри контейнера */
        top: 10px; /* Отступ сверху */
        left: 10px; /* Отступ слева */
        z-index: 2; /* Поверх видео */
        width: 50px; /* Размер кнопки */
        height: 50px; /* Размер кнопки */
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--main-color); /* Цвет фона кнопки */
        border-radius: 50%; /* Закруглённые края кнопки */
        cursor: pointer; /* Курсор указывает на действие */
    }

    .information__play a img {
                width: 2vw;
        height: 2vw;
    }
    
    .information__play a::before {
            width: 14.5vw;
        height: 14.5vw;
        border: 2px solid #3366cc;
        position: absolute;
        content: "";
        left: -1.1vw;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation-name: extremelyUniqueRotateRevers;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
}

.information__play a::after { 
	width: 16.5vw;
        height: 16.5vw;
        border: 2px solid #3366cc;
        position: absolute;
        content: "";
        left: -2vw;
    border-radius: 50%;
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation-name: extremelyUniqueRotate;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-timing-function: linear;
}


    /* Контейнер текста и видео */
    .information__wrap {
        flex-direction: column; /* Вертикальная ориентация блоков */
        align-items: flex-start; /* Текст и видео выравниваются по левому краю */
        gap: 0px; /* Отступы между блоками текста и видео */
    }

    /* Текстовый блок */
    .information__top {
        order: 1; /* Текст первым */
        max-width: 100%; /* Текст занимает всю ширину */
		margin-bottom: 20px;
    }

    /* Видео-блок */
    .information__bottom {
        order: 2; /* Видео вторым */
        max-width: 100%; /* Видео занимает всю ширину */
    }

    .information__video-wrapper {
        width: 100%; /* Видео растягивается на всю ширину */
        position: relative; /* Для позиционирования кнопки Play */
        border-radius: 15px; /* Закруглённые углы */
        overflow: hidden; /* Убираем выходящие элементы */
    }

    .information__video {
        width: 100%; /* Видео занимает всю ширину */
        height: auto; /* Автоматическая высота */
    }

    /* Кнопка Play */
    .information__play a {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 2;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--main-color);
        border-radius: 50%;
        cursor: pointer;
    }

    .information__play a img {
               width: 5vw;
        height: 5vw;
        margin-left: 1vw;
    }

    /*.information__play a::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50%;
        background-color: var(--main-color);
        animation: pulse_2_small 2s linear infinite;
        z-index: -1;
    }*/

    .section__desc {
        font-size: 16px;
        color: #555;
        line-height: 1.6;
        max-width: 500px;
    }
}
 .information {
        padding: 30px 0; /* Уменьшение отступов */
	 padding-top: 0px;
    }

   


@-webkit-keyframes pulse_2_small {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes pulse_2_small {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
    opacity: 0;
  }
}

#motul {
  width: 100%;
}

.examples {
  position: relative;
  padding-bottom: 4vw;
  padding-top: 4vw;
}

.examples__title {
  margin-bottom: 1.0416666667vw;
}

.examples__text {
        font-family: MBCorpoS, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: calc(16px + 8px);
        margin-bottom: 3vw;
text-align: left;
text-wrap: balance;
margin-bottom: 3vw;
}

.examples__slider{
  margin-bottom: 20px;
}

.examples__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: -3.458333vw;
  position: relative;
}

.examples__item .item-img-block {
  width: 40.1041666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.examples__item .item-img-block a {
  width: 9.21875vw;
  height: 7.16677vw;
  margin-right: 1.0416666667vw;
  border-radius: var(--brad-regular);
  overflow: hidden;
}

.examples__item .item-img-block a:first-child {
  width: 100%;
  height: 45.45458vw;
  margin-right: 0;
  margin-bottom: 0.96vw;
  border-radius: var(--brad-regular);
}

.examples__item .item-img-block a:nth-child(5) {
  margin-right: 0;
}

.examples__item .item-img-block a:nth-child(1n+6) {
  display: none;
}

.examples__item .item-img-block a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--brad-regular);
}

.examples__item .item-info-block {
  width: 36.71875vw;
  position: relative;
}

.examples__item .item-info-block .info-title{
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 3.125vw;
  margin-bottom: 2.08vw;
}

.examples__item .item-info-block .info-list{
  display: flex;
	display: none !important;
  justify-content: space-between;
  margin-bottom: 2.08vw; 
}

.examples__item .item-info-block .info-list .info-list-item::before{
  content: '';
  display: block;
  width: 0.36458vw;
  height: 0.36458vw;
  border-radius: 50%;
  background: var(--main-color);
  margin-bottom: 0.78vw;
}

.examples__item .item-info-block .info-list .info-list-item p{
  color: #CCC;
  font-size: 0.83333vw;
  font-weight: 500;
  margin-bottom: 0.78vw;
}

.examples__item .item-info-block .info-list .info-list-item p:last-child{
  color: #000;
  font-size: 1.66667vw;
  font-weight: 600;
}

.examples__item .item-info-block .info-descr{
  margin-bottom: 4.08vw;
}

.examples__item .item-info-block .info-descr p:first-child{
  color: #CCC;
  font-size: 0.83333vw;
  font-weight: 500;
  margin-bottom: 0.78vw;
}

.examples__item .item-info-block .info-descr p:last-child{
  margin-bottom: 0.78vw;
font-size: 16px;
text-wrap: balance;
line-height: 1.45833vw;
}

.examples__item .item-info-block .info-btn-container{
  display: flex;
  align-items: center;
  gap: 2.81vw;
}

.examples__item .item-info-block .md-main-color-btn{
  width: 23.4375vw;
}

.examples__item .item-info-block .right-text{
  font-size: 1.04167vw;
}
.examples__item .item-info-block .right-text span{
  font-weight: 700;
}

@media only screen and (max-width: 768px){
  .examples{
    padding-bottom: 20px;
	          padding-top: 0vw;
  }
	.examples__slider{
  margin-bottom: -20px;
}
  .examples__title{
    margin-bottom: 3vw;
	  text-align: left;
  }
  .examples__text{
    font-size: 16px;
    line-height: 140%;
  }
  .examples__item{
    flex-direction: column;
	          margin-bottom: -1.458333vw;
  }
  .examples__item .item-img-block{
    width: 100%;
    justify-content: space-between;
    margin-bottom: 4vw;
  }
  .examples__item .item-img-block a{
    width: 24%;
    height: 15vw;
    margin-right: 0;
  }
  .examples__item .item-img-block a:first-child{
    height: 55vw;
    margin-bottom: 2vw;
  }

  .examples__item .item-info-block{
    width: 100%;
  }

  .examples__item .item-info-block .info-title{
    font-size: 5vw;
    line-height: 140%;
    margin-bottom: 3vw;
  }
  .examples__item .item-info-block .info-list .info-list-item::before{
    width: 1.5vw;
    height: 1.5vw;
    margin-bottom: 1.5vw;
  }
  .examples__item .item-info-block .info-list .info-list-item p{
    font-size: 2.4vw;
    margin-bottom: 1.5vw;
  }
  .examples__item .item-info-block .info-list .info-list-item p:last-child{
    font-size: 4vw;
    margin-bottom: 2vw;
  }
  .examples__item .item-info-block .info-descr p:last-child{
    margin-bottom: 4vw;
    font-size: 16px;
    line-height: 140%;
  }
  .info-btn-container{
    flex-direction: column-reverse;
  }
  .examples__item .item-info-block .md-main-color-btn{
    width: 100%;
  }
  .examples__item .item-info-block .right-text{
    font-size: 3vw;
	  display: none;
    margin-bottom: 1vw;
  }
  .examples__item .item-info-block .right-text br {
    content: "";
  }
  .examples__item .item-info-block .right-text br:after {
    content: " ";
  }
	.examples__item .item-info-block .info-descr p:first-child {
    color: #CCC;
    font-size: 3.83333vw;
    font-weight: 500;
    margin-bottom: 0.78vw;
}
}
/* ===== Examples description accordion ===== */
.ex-descr {
	position: relative;
	margin-top: 2vw;
}

.ex-descr__text {
	overflow: hidden;
	max-height: 3.6em;       /* ≈2–3 строки при 16 px */
	transition: max-height .35s ease;
	font-family: MBCorpoS, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: calc(16px + 8px);
    margin-bottom: 2px;
}

.ex-descr--open .ex-descr__text {
    /*max-height: 100% !important;*/
    font-family: MBCorpoS, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: calc(16px + 8px);
    margin-bottom: 2px;
}

.ex-descr__toggle {
	display: inline-block;
	margin-top: .8em;
	padding: .4em 1.2em;
	font: inherit;
	color: var(--main-color, #0066ff);
	background: none;
	width: 100%;
	border: 1px solid currentColor;
	border-radius: 6px;
	cursor: pointer;
	transition: background .2s;
}

.ex-descr__toggle:hover {
	background: rgba(0,0,0,.05);
}

/* Аккордеон описания – отключаем на десктопе */
@media (min-width: 992px) {
	.ex-descr__text {              /* всегда раскрыто */
		max-height: none !important;
		overflow: visible !important;
	}
	.ex-descr__toggle {            /* убираем кнопку */
		display: none !important;
	}
}

@media (max-width: 768px) {
  .slider-controls {
                width: 100%;
        margin-bottom: 4.6875vw;
	          margin: 20px 0vw 20px 0vw;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
	          align-items: center;
  }

  .slider-controls .slider-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }

  .slider-track-wrap {
    flex-grow: 1;
    display: flex;
    align-items: center;
    margin: 0 10px;
  }

  /*.slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4px;
    width: 100%;
    background-color: #333;
    border-radius: 2px;
    overflow: hidden;
  }*/

  .slider-pagination .swiper-pagination-bullet {
    /*flex-grow: 1;
    height: 100%;
    margin: 0 !important;
    border-radius: 0;
    background-color: transparent;*/
    position: relative;
  }

  .md-standart-slider .slider-btn {
    display: none;
    position: static !important;
    top: auto !important;
    left: auto !important;
  }
}

@media (max-width: 768px) {
  .slider-pagination--fixed {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        height: 0.625vw !important;
	  margin: 0 3.125vw;
        width: 100% !important;
        background-color: #333 !important;
        border-radius: 2px !important;
        overflow: hidden !important;
	  	position: static !important;
  }
	
}

/* Peek-эффект только до 991 px  */
@media (max-width: 991px) {

  /* ❶ Разрешаем «торчать» следующему слайду */
  [examplesSlider_JS] .swiper-container {
    overflow: visible !important;
    /* чтобы последний слайд не «обрубался» справа */
  }



  /* ❸ Подстраховка: убираем горизонт-скролл всей страницы */
  body { overflow-x: hidden; }
}

@media (min-width: 769px) {
  .custom-play-button.desktop-only {
    position: absolute;
    top: 35%;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .custom-play-button.desktop-only::before {
    content: '';
    position: relative;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid white;
  }

  .custom-play-button.desktop-only.hidden {
    display: none;
  }
}
.hidden {
  display: none !important;
}

@media (max-width: 768px) {
  .custom-play-button.mobile-only {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex; /* 👈 уже flex, чтобы не мигала */
    align-items: center;
    justify-content: center;
  }

  .custom-play-button.mobile-only::before {
    content: '';
    position: relative;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid white;
  }
	.slider-button {
    margin-top: 10px;
		padding-left: 0px !important;
    width: 85vw;
    padding-top: 10px;
    height: 23vw;
    margin: 0 auto;
}
  .custom-play-button.mobile-only.hidden {
    display: none; /* скрываем только через класс, а не в начале */
  }
}

.popup-contacts {
  text-align: center;
  margin-top: 20px;
}

.popup-contacts__text {
  font-size: 16px;
  color: #000;
	font-weight: 500;
  margin-bottom: 12px;
}

.popup-contacts__icons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.popup-contacts__icon {
  width: 48px;
  height: 48px;
  background-color: #eaf1ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.popup-contacts__icon img {
  width: 24px;
  height: 24px;
}

.popup-contacts__icon:hover {
  background-color: #d2e3ff;
}

@media (max-width: 768px) {
  .popup-contacts {
    margin-top: 16px;
	  margin-bottom: 20px;
  }

  .popup-contacts__text {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #111;
	  font-weight: 600;
  }

  .popup-contacts__icons {
    gap: 16px;
  }

  .popup-contacts__icon {
    width: 42px;
    height: 42px;
  }

  .popup-contacts__icon img {
    width: 20px;
    height: 20px;
  }
}

.popup-contacts__icon.phone {
  background-color: #3366cc; /* цвет сайта */
}

.popup-contacts__icon.phone:hover {
  background-color: #265bb5; /* чуть темнее при наведении */
}

.popup-contacts__icon.whatsapp {
  background-color: #25D366; /* фирменный WhatsApp */
}

.popup-contacts__icon.whatsapp:hover {
  background-color: #1ebc59;
}

.custom-player-ui {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.4);
  padding: 6px 12px;
  border-radius: 6px;
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  z-index: 20;
}

.pause-icon {
  width: 14px;
  height: 18px;
  position: relative;
}

.pause-icon::before,
.pause-icon::after {
  content: '';
  position: absolute;
  background: white;
  width: 4px;
  height: 100%;
  border-radius: 1px;
}

.pause-icon::before {
  left: 0;
}

.pause-icon::after {
  right: 0;
}

.video-time {
  font-family: sans-serif;
}

.custom-play-button.hidden {
  display: none;
}

/* Кастомный UI-плеер десктоп */
.desktopPlayerUI {
  position: absolute;
  bottom: 28vw;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 14px;
  background: rgba(0, 0, 0, 0.4);
  padding: 6px 12px;
  border-radius: 6px;
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  z-index: 20;
}

/* Иконка паузы */
.desktopPauseIcon {
  width: 14px;
  height: 18px;
  position: relative;
}

.desktopPauseIcon::before,
.desktopPauseIcon::after {
  content: '';
  position: absolute;
  background: white;
  width: 4px;
  height: 100%;
  border-radius: 1px;
}

.desktopPauseIcon::before {
  left: 0;
}

.desktopPauseIcon::after {
  right: 0;
}

.desktopVideoTime {
  font-family: sans-serif;
}

/* Прячем кнопку запуска, если не нужно */
.custom-play-button.hidden {
  display: none;
}

.swipe-hint {
    border-radius: 30px;
    padding: 10px 0px;
    display: inline-block;
    font-weight: 300;
    color: #ffffff;
    z-index: 10;
    position: absolute;
    bottom: 10px;
    font-size: 14px;
    color: #fff;
    pointer-events: none;
}

.swipe-hint.main {
padding: 0px 20px;
}

.slide-counter-inline {
text-align: center;
    display: block;
    margin: 0;
    padding: 4px 10px;
    background: rgb(194 194 194 / 35%);
    color: #fff;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
}

@media (max-width: 767px) {
  body.page-id-43477 section.first {
    margin-bottom: -2vw !important;
  }
}

@media only screen and (max-width: 768px) {
  .header__btn.new {
    display: block;
    width: 6.25vw;
    height: 7.5vw;
    left: 4vw;
    top: 2.5vw;
    position: relative;
  }

  .header__btn.new span {
    width: 1.75vw;
    height: 1.75vw;
    border-radius: 9vw;
    position: absolute;
    left: 0;
    background-color: var(--main-color);
    transition: 0.3s;
  }

  .header__btn.new span:last-child {
    bottom: 0;
    width: 1.75vw;
  }

  .header__btn.new.open span:first-child {
    top: 90%;
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: center center;
  }

  .header__btn.new.open span:nth-child(2) {
    opacity: 1;
  }

  .header__btn.new.open span:last-child {
    bottom: 90%;
    transform: translateY(50%) rotate(45deg);
    transform-origin: center center;
  }
}

/* Desktop-only: ширина экрана ≥ 1024 px */
@media (min-width: 1024px) {
  .black-slide-button.main {
    left: 0;
  }
}

.promo-block {
    flex: 1 1 38%;
    background: #f2f5f7;
    padding: 25px 20px;
}

.promo-block p {
    margin: 5px 0;
    font-size: 16px;
}

.blue-check {
    color: #3366cc;
    font-weight: bold;
}

.promo-button {
    color: #fff !important;
    padding: 12px 20px !important;
    text-decoration: none !important;
    font-size: 16px !important;
    width: 18vw;
    height: 3vw;
    justify-content: center;
    margin-top: 10px;
    font-weight: 500;
    cursor: pointer;
}

@media (max-width: 768px) {
    .promo-button {
        width: 100%;
        height: 13vw;
    }
}
/* Показывать заголовок "КОНТАКТЫ" только на мобильных устройствах */
.mobile-contacts-title {
  display: none;
  font-weight: 500;
  font-size: 4.375vw;
	color: var(--text-main-color);
      margin-top: 20px;
    margin-bottom: -10px;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .mobile-contacts-title {
    display: block;
  }
}

@media (max-width: 768px) {
  /* Скрываем стрелки по умолчанию */
  .md-standart-slider .slider-btn {
    display: none !important;
  }

  /* А для масел сбрасываем всё и переопределяем стили */
  .mb-masla .slider-btn {
    display: flex !important;
    position: absolute !important;
    top: 45% !important;
    left: auto !important;
    right: auto !important;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    width: 9.333vw;
    height: 9.333vw;
    border-radius: 50%;
    background-color: #3366cc;
    z-index: 10;
  }

  .mb-masla .slider-prev-btn {
    left: -3.5vw !important;
  }

  .mb-masla .slider-next-btn {
    right: -3.5vw !important;
  }

}

.amg0w40-slider-header h4 {
  font-size: 26px;
  color: #000000;
  margin: 5px 0 20px 0;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .amg0w40-slider .slider-pagination {
    bottom: -1.67vw !important;
  }
}

.mb-masla {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .mb-masla {
    margin-bottom: 20px;
  }
}

/* Полоса */
.promo-piare{
  position: fixed; top: 0; left: 0; right: 0;
  height: 35px;
	display: none !important;
  background: linear-gradient(90deg, #3366cc 0%, #003a9f 100%);
  color:#fff; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  font-weight:600; font-size:14px;
  padding:0 12px; gap:12px;
  transition: transform .25s ease; will-change: transform;
}
.promo-piare.is-hidden{ transform: translateY(-100%); }

.promo-piare__content{ display:flex; align-items:center; gap:10px; white-space:nowrap; }
.promo-piare__btn{
  background:#fff; color:var(--main-color);
  font-weight:500; font-size:13px; border-radius:6px;
  padding:4px 10px; text-decoration:none; white-space:nowrap; transition:background .2s;
}
.promo-piare__btn:hover{ background:#f8f8f8; }
.promo-piare__close{
  margin-left:16px; background:none; border:none; color:#fff;
  font-size:18px; font-weight:700; line-height:1; cursor:pointer; padding:0;
}

/* Базово без отступов */
.header.md-bg-transparent{ margin-top:0; }
.header__nav.fixed{ margin-top:0; }

/* Когда плашка видна */
body.promo-piare-visible .header.md-bg-transparent{ margin-top:0px; }
body.promo-piare-visible .header__nav.fixed{ margin-top:0px; }

.promo-piare__text {
  font-weight: 400;
}

/* Общий контейнер для SVG */
.promo-arrow {
  display: inline-block;
    width: 12px;
    height: 12px;
  overflow: visible;
}

/* Общие стили для всех стрелок внутри */
.promo-arrow path {
  transform: translateX(0);
  opacity: 0;
  animation: arrow-fade 1.5s infinite;
  fill: #3366cc; /* Цвет стрелок */
}

/* Индивидуальные задержки */
.promo-arrow path:nth-child(1) {
  animation-delay: 0s;
}
.promo-arrow path:nth-child(2) {
  animation-delay: 0.2s;
}
.promo-arrow path:nth-child(3) {
  animation-delay: 0.4s;
}

/* Ключевые кадры */
@keyframes arrow-fade {
  0% {
    transform: translateX(0);
    opacity: 0;
  }
  50% {
    transform: translateX(2px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 0;
  }
}

[ourWorksSlider_JS] .our-works__slide{position:relative;}
[ourWorksSlider_JS] .our-works__poster{display:block;width:100%;height:auto;border-radius:8px;}
/* если нужно одинаковое соотношение: */
[ourWorksSlider_JS] .our-works__slide{aspect-ratio:16/9;}

[ourWorksSlider_JS] .our-works__slide video{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; border-radius:8px; z-index:2; pointer-events:auto;
}

/* во время воспроизведения постер и твоя кнопка не мешают кликам */
[ourWorksSlider_JS] .our-works__slide.is-playing .our-works__poster,
[ourWorksSlider_JS] .our-works__slide.is-playing .video-btn{
  opacity:0; pointer-events:none;
}

/* у видео приоритет над свайпом */
[ourWorksSlider_JS] .swiper-slide video{touch-action:manipulation;}

video::-webkit-media-controls {
    display: none !important;
}
/* iOS Safari native centered play overlay — hide to prevent double-button on tap */
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    appearance: none;
}

/* Разделитель "или" */
.popup-or-sep{
  display:flex; align-items:center;
  gap:14px; margin:16px 0 14px;
}
.popup-or-sep::before,
.popup-or-sep::after{
  content:""; flex:1; height:1px;
  background: rgba(51,102,204,.25); /* тонкая линия */
}
.popup-or-sep span{
  color:#9AA3B2; letter-spacing:.02em;
  font-weight:400;
}

/* Таблетка WhatsApp */
.popup-messenger{ text-align:left; }
.wa-pill{
  display: inline-flex;
align-items: center;
gap: 12px;
width: 100%;
padding: 12px 18px;
border-radius: 6px;
border: 1px solid rgba(51,102,204,.35);
text-decoration: none;
font-weight: 700;
	justify-content: center;
font-size: 16px;
color: #6B7280;
background: #fff;
transition: .2s ease;
}
.wa-pill img{ display:block; }
.wa-pill:hover{
  border-color:#3366cc; color:#3366cc;
  box-shadow:0 2px 10px rgba(51,102,204,.15);
}

/* Центрируем на мобильных */
@media (max-width:768px){
  .popup-messenger{ text-align:center; }
	.nav-wrap .nav .nav-item:first-child img, .nav-wrap .nav .nav-item:first-child svg {
    width: 5vw;
    height: 5vw;
    fill: var(--main-color);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
}

/* Мобила: у ИСТИННОЙ главной (home-link-js) показываем текст вместо SVG */
@media (max-width: 768px) {
  .nav .nav-item > a.nav-link.home-link-js {
    display: inline-flex !important;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
    text-indent: 0 !important;
    overflow: visible !important;
    font-size: inherit !important;
    line-height: 1.2;
  }
  .nav .nav-item > a.nav-link.home-link-js > svg { display: none !important; }
  .nav .nav-item > a.nav-link.home-link-js::after {
    content: "Главная";
    display: inline-block;
    vertical-align: middle;
  }
	.video-container {
		margin-top: 5vw;
	}
}

@media (min-width: 769px) {
  .nav .nav-item > a.nav-link.home-link-js::after { content: none; }
}


/* Сделать TOTACHI таким же по ширине, как MOTUL */

.popup[popupID="totachi-popup"] .popup__block{
  max-width: 680px;   /* как в motul-popup */
  width: 100%;
}

/* Такой же внутренний паддинг, как у motul */
.popup[popupID="totachi-popup"] .main-popup__content{ padding:16px; }

/* Заголовок — та же высота/кегль */
.popup[popupID="totachi-popup"] .modal__header123 h2{
  font-size:20px; line-height:1.2; 
}

/* Видео—контейнер остаётся 16:9, на всю ширину */
.popup[popupID="totachi-popup"] .video-container,
.popup[popupID="shell-popup"] .video-container,
.popup[popupID="motul-popup"] .video-container video{
  width:100% !important; aspect-ratio:16/9; border-radius:8px; overflow:hidden;
}
.popup[popupID="totachi-popup"] .video-container video,
.popup[popupID="shell-popup"] .video-container,
.popup[popupID="motul-popup"] .video-container video{
  width:100% !important; height:100%; object-fit:cover; display:block;
}

/* Мобильный брейкпоинт такой же, как у motul */
@media (max-width:768px){
  .popup[popupID="totachi-popup"] .popup__block{ max-width:94vw; }
}
/* --- Универсальное оформление --- */
.popup[popupid="motul-popup"] .popup__container{
  position:fixed !important; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  overflow-y:auto; padding:20px;
}
.popup[popupid="motul-popup"] .popup__blur{
  position:fixed !important; inset:0; background:rgba(0,0,0,.55); z-index:9998;
}
.popup[popupid="motul-popup"] .popup__block{
  max-width:680px; width:100%; background:#fff; border-radius:0px;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}

/* Заголовок и контент */
.modal__header123{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.modal__header123 h2{margin:0; width: 80%;}
.modal__content{line-height:1.55}
.modal__content p{margin:10px 0}

/* Видео */
.modal-video::before{content:none !important; display:none !important;}
.modal-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;margin:8px 0 12px}
.modal-video video{width:100%;height:100%;object-fit:cover;display:block}

/* Две колонки — только на десктопе */
.two-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:center;
  margin:12px 0;
}
.two-columns img{
  width:100%;
  height:auto;
  border-radius:8px;
  display:block;
}

@media (max-width: 768px) {
  /* оставляем одну колонку */
  .two-columns{ display:block !important; }

  .two-columns .column{ margin-bottom:12px; }

  /* главное: жёстко делаем картинки резиновыми внутри попапа */
  .popup[popupid="motul-popup"] .two-columns img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:block;
    border-radius:8px;
  }

  /* на всякий случай — чтобы внутренние паддинги не вылазили */
  .popup[popupid="motul-popup"] .modal__content{
    box-sizing:border-box;
  }
}
.popup__close-btn{width:28px;height:28px;border:0;border-radius:50%;background:#e9e9e9;cursor:pointer;position:relative}
.popup__close-btn:before,.popup__close-btn:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#333;border-radius:2px}
.popup__close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}
.popup__close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}
/* ENEOS: видео внутри попапа */
.popup[popupID="eneos-popup"] .video-container::before{content:none !important; display:none !important;}
.popup[popupID="eneos-popup"] .video-container{
  position:relative; width:100%; aspect-ratio:16/9; border-radius:8px; overflow:hidden; margin:8px 0 12px;
}
.popup[popupID="eneos-popup"] .video-container video{
  display:block; width:100% !important; height:100%; object-fit:cover;
}

/* опционально, чтобы ширина совпадала с остальными попапами */
.popup[popupID="eneos-popup"] .popup__block{ max-width:680px; width:100%; }
@media (max-width:768px){
  .popup[popupID="eneos-popup"] .popup__block{ max-width:94vw; }
}

.wa-button {
    display: inline-block;
    padding: 10px 18px;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 400;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    border-radius: 25px;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .wa-button {
        width: 100%;
    }
}

@media (max-width: 768px) {
  .call1-btn {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
text-align: center;
  }
}
/* ATF: те же контейнер/фон/ширина, что и у motul */
.popup[popupid="atf-popup"] .popup__container{
  position:fixed !important; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  overflow-y:auto; padding:20px;
}
.popup[popupid="atf-popup"] .popup__blur{
  position:fixed !important; inset:0; background:rgba(0,0,0,.55); z-index:9998;
}
.popup[popupid="atf-popup"] .popup__block{
  max-width:680px; width:100%; background:#fff; border-radius:0;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.popup[popupid="atf-popup"] .main-popup__content{ padding:16px; }

/* Видео-контейнер (если где-то есть ::before) */
.popup[popupid="atf-popup"] .video-container::before{ content:none !important; display:none !important; }
.popup[popupid="atf-popup"] .video-container{ position:relative; width:100%; aspect-ratio:16/9; border-radius:8px; overflow:hidden; margin:8px 0 12px; }
.popup[popupid="atf-popup"] .video-container video{ width:100%; height:100%; object-fit:cover; display:block; }

/* Мобилка — как у остальных */
@media (max-width:768px){
  .popup[popupid="atf-popup"] .popup__block{ max-width:94vw; }
}
/* Отступ для списков в попапах */
.popup .modal__content ul {
  margin: 8px 0 12px;
  padding-left: 20px;
  list-style-position: outside;
}

.popup .modal__content li {
  margin-bottom: 6px;
  line-height: 1.55;
}

/* ===== ЛОКАЛЬНЫЙ wrapper ТОЛЬКО ВНУТРИ atf-popup ===== */
.popup[popupid="atf-popup"] .popup-embed .wrapper{
  width: 100% !important;      /* не 31.77vw */
  max-width: 640px;            /* как у попапа/слайдера */
  margin: 0 auto !important;
  padding: 0 12px;             /* небольшой внутренний отступ */
  box-sizing: border-box;
}

/* На всякий случай: внутренние «страницы»/контейнеры шорткода на полную ширину */
.popup[popupid="atf-popup"] .popup-embed .page,
.popup[popupid="atf-popup"] .popup-embed .swiper,
.popup[popupid="atf-popup"] .popup-embed .swiper-container{
  width: 100% !important;
  max-width: 640px;
  margin: 0 auto;
}

/* Слайды и изображения */
.popup[popupid="atf-popup"] .popup-embed .swiper-slide{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
}
.popup[popupid="atf-popup"] .popup-embed img{
  display:block; max-width:100%; height:auto; border-radius:8px;
}

/* Стрелки слайдера внутри попапа */
.popup[popupid="atf-popup"] .popup-embed .swiper-button-prev,
.popup[popupid="atf-popup"] .popup-embed .swiper-button-next{
  position:absolute; top:50%; transform:translateY(-50%);
  width:32px; height:32px; border-radius:50%;
  background:var(--main-color); color:#fff; z-index:5;
}
.popup[popupid="atf-popup"] .popup-embed .swiper-button-prev{ left:8px; }
.popup[popupid="atf-popup"] .popup-embed .swiper-button-next{ right:8px; }

/* Пагинация под фото */
.popup[popupid="atf-popup"] .popup-embed .swiper-pagination{
  position:relative !important; margin-top:8px; text-align:center !important;
}

/* Текст попапа остаётся слева, только шорткод центрируем */
.popup[popupid="atf-popup"] .modal__header123,
.popup[popupid="atf-popup"] .modal__content{ text-align:left; }

/* Мобила — попап и шорткод чуть уже */
@media (max-width:768px){
  .popup[popupid="atf-popup"] .popup__block{ max-width:94vw; }
  .popup[popupid="atf-popup"] .popup-embed .wrapper,
  .popup[popupid="atf-popup"] .popup-embed .swiper,
  .popup[popupid="atf-popup"] .popup-embed .swiper-container{ max-width: 92vw; }
  .popup[popupid="atf-popup"] .popup-embed .swiper-button-prev{ left:4px; }
  .popup[popupid="atf-popup"] .popup-embed .swiper-button-next{ right:4px; }
}
/* ===== СТИЛИ ДЛЯ МОБИЛЬНЫХ СТРЕЛОК ВНУТРИ ATF-POPUP ===== */
@media (max-width: 768px) {
  /* Только внутри попапа atf-popup */
  .popup[popupid="atf-popup"] .mb-masla .slider-btn {
    top: 35% !important;         /* позиция по вертикали */
    position: absolute !important;
    transform: translateY(-50%);
    z-index: 5;
  }

  /* Чтобы не уезжали за края */
  .popup[popupid="atf-popup"] .mb-masla .slider-prev-btn {
    left: -16px !important;
  }
  .popup[popupid="atf-popup"] .mb-masla .slider-next-btn {
    right: -16px !important;
  }

	.pen {
	display: none !important;
}
}
	.pen {
	display: none !important;
}

/* ===== СТРЕЛКИ ДЛЯ ДЕСКТОПА ВНУТРИ atf-popup ===== */
.popup[popupid="atf-popup"] .md-standart-slider .slider-btn {
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  background-color: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 30% !important;
  transform: translateY(-50%);
  z-index: 10;
}
.popup[popupid="atf-popup"] .amg0w40-slider .slider-pagination,
.popup[popupid="atf-popup"] .popup-embed .swiper-pagination {
  bottom: 0.33vw !important;        /* подними или опусти при необходимости */
}
/* Левая стрелка */
.popup[popupid="atf-popup"] .md-standart-slider .slider-prev-btn {
  left: -26px !important; /* подправь при необходимости, если заходит под край */
}

/* Правая стрелка */
.popup[popupid="atf-popup"] .md-standart-slider .slider-next-btn {
  right: -26px !important;
}
/* ===== SHELL: оформление попапа ===== */

/* Контейнер и фон — как у Motul */
.popup[popupid="shell-popup"] .popup__container {
  position: fixed !important;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  padding: 20px;
}

.popup[popupid="shell-popup"] .popup__blur {
  position: fixed !important;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
}

.popup[popupid="shell-popup"] .popup__block, 
.popup[popupid="metaco-popup"] .popup__block, 
.popup[popupid="fag-popup"] .popup__block, 
.popup[popupid="skf-popup"] .popup__block, 
.popup[popupid="febi-popup"] .popup__block, 
.popup[popupid="shod-popup"] .popup__block , 
.popup[popupid="podsh-popup"] .popup__block , 
.popup[popupid="trub-popup"] .popup__block, 
.popup[popupid="toa-popup"] .popup__block,
.popup[popupid="brembo-popup"] .popup__block,
.popup[popupid="cont-popup"] .popup__block,
.popup[popupid="motor-popup"] .popup__block,
.popup[popupid="smazka-popup"] .popup__block, 
.popup[popupid="akpp-popup"] .popup__block  {
  max-width: 680px;
  width: 100%;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.popup[popupid="shell-popup"] .main-popup__content {
  padding: 16px;
}

/* Заголовок */
.popup[popupid="shell-popup"] .modal__header123 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.popup[popupid="shell-popup"] .modal__header123 h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
}

/* Контент */
.popup[popupid="shell-popup"] .modal__content {
  font-size: 15px;
  line-height: 1.55;
}
.popup[popupid="shell-popup"] .modal__content p {
  margin: 10px 0;
}

/* Видео */
.popup[popupid="shell-popup"] .video-container::before {
  content: none !important;
  display: none !important;
}
.popup[popupid="shell-popup"] .video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
  margin: 8px 0 12px;
}
.popup[popupid="shell-popup"] .video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Мобилка — адаптивная ширина */
@media (max-width: 768px) {
  .popup[popupid="shell-popup"] .popup__block,
  .popup[popupid="metaco-popup"] .popup__block,
  .popup[popupid="fag-popup"] .popup__block, 
.popup[popupid="skf-popup"] .popup__block , 
.popup[popupid="febi-popup"] .popup__block, 
.popup[popupid="shod-popup"] .popup__block, 
.popup[popupid="podsh-popup"] .popup__block, 
.popup[popupid="trub-popup"] .popup__block , 
.popup[popupid="toa-popup"] .popup__block,
.popup[popupid="brembo-popup"] .popup__block, 
.popup[popupid="cont-popup"] .popup__block,
.popup[popupid="motor-popup"] .popup__block,
.popup[popupid="smazka-popup"] .popup__block,
.popup[popupid="akpp-popup"] .popup__block	{
    max-width: 94vw;
  }
}
/* Кликабельная ссылка для попапа */
.cpt__popup-link{
  cursor:pointer;
  color:var(--accent);
  text-decoration:underline;
  text-decoration-style:dashed;
}
  .pipe-price{
    --accent:#3366cc;
    --border:#e7e9ee;
    --text:#181a1f;
    --muted:#6b7280;
    font: 15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    color:var(--text);
  }

  .pipe-item{
    border:1px solid var(--border);
    border-radius:10px;
    overflow:hidden;
    background:#fff;
    margin:16px 0;
  }

  .pipe-item__top{
    display:flex; justify-content:space-between; align-items:center;
    padding:14px 16px;
    background:#f7f8fb;
    border-bottom:1px dashed var(--border);
    font-weight:700;
  }
  .pipe-item__label{ letter-spacing:.2px }
  .pipe-item__price{ font-variant-numeric: tabular-nums }

  .pipe-item__toggle{
    display:block; width:100%;
    background:#fff; color:var(--accent);
    border:0; padding:12px 14px;
    font-weight:600; cursor:pointer; text-align:center;
    transition: background-color .2s ease, color .2s ease;
  }
  .pipe-item__toggle:hover{ background:var(--accent); color:#fff }

  /* Блок с деталями: плавное раскрытие */
  .pipe-item__details{
    border-top:1px dashed var(--border);
    max-height:0;
    overflow:hidden;
    transition: max-height .28s ease, opacity .28s ease;
    opacity:0;
  }
  .pipe-item[data-state="expanded"] .pipe-item__details{
    opacity:1;
    /* max-height ставим через JS по фактической высоте, но оставим запас */
  }

  .pipe-table{
    width:100%; border-collapse:collapse; margin:0;
    font-size:15px;
  }
  .pipe-table td{
    border-bottom:1px solid var(--border);
    padding:12px 14px;
  }
  .pipe-table tr.total td{
    font-weight:700; background:#fafbff;
  }
  .t-right{ text-align:right; white-space:nowrap; }

  .pipe-item__hide{
    width:100%; border:0; border-top:1px dashed var(--border);
    background:#fff; color:var(--accent);
    padding:12px 14px; font-weight:600; cursor:pointer;
    transition: background-color .2s ease, color .2s ease;
  }
  .pipe-item__hide:hover{ background:var(--accent); color:#fff }

  @media (max-width: 768px){
    .pipe-item__top{ padding:14px 12px }
    .pipe-table td{ padding:12px 12px }
  }
.pipe-item[data-state="expanded"] .pipe-item__toggle {
  display: none;
}
/* ===== PETRONAS (скоупим как у shell-popup) ===== */
.popup[popupid="petronas-popup"] .popup__container{
  position:fixed !important; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  overflow-y:auto; padding:20px;
}
.popup[popupid="petronas-popup"] .popup__blur{
  position:fixed !important; inset:0; background:rgba(0,0,0,.55); z-index:9998;
}
.popup[popupid="petronas-popup"] .popup__block{
  max-width:680px; width:100%; background:#fff; border-radius:0;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.popup[popupid="petronas-popup"] .main-popup__content{ padding:16px; }
.popup[popupid="petronas-popup"] .modal__header123{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:8px;
}
.popup[popupid="petronas-popup"] .modal__content{ font-size:15px; line-height:1.55; }
.popup[popupid="petronas-popup"] .modal__content p{ margin:10px 0; }
.popup[popupid="petronas-popup"] .video-container::before{ content:none !important; display:none !important; }
.popup[popupid="petronas-popup"] .video-container{
  position:relative; width:100%; aspect-ratio:16/9; border-radius:8px; overflow:hidden; margin:8px 0 12px;
}
.popup[popupid="petronas-popup"] .video-container video{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:768px){
  .popup[popupid="petronas-popup"] .popup__block{ max-width:94vw; }
}

/* Сертификат */
.popup[popupid="petronas-popup"] .extremelyUnique-certificate-flex{
  display:grid; grid-template-columns:1.2fr .8fr; gap:12px; align-items:center; margin:8px 0 74px;
}
@media (max-width:640px){
  .popup[popupid="petronas-popup"] .extremelyUnique-certificate-flex{ grid-template-columns:1fr; }
}
.popup[popupid="petronas-popup"] .extremelyUnique-certificate-img{
  display:block; width:70vw; height:auto; border-radius:8px;
}
.popup[popupid="petronas-popup"] .extremelyUnique-certificate-wrapper{ position:relative; }
.popup[popupid="petronas-popup"] .extremelyUnique-zoom-icon{
  position:absolute; right:8px; bottom:8px; width:28px; height:28px;
  border-radius:50%; background:var(--main-color); color:#fff;
  display:flex; align-items:center; justify-content:center; cursor:pointer; font-weight:700;
}

/* Модалка сертификата */
.popup[popupid="petronas-popup"] .extremelyUnique-modal[hidden]{ display:none !important; }
.popup[popupid="petronas-popup"] .extremelyUnique-modal{
  position:fixed; inset:0; background:rgba(0,0,0,.7); z-index:10000;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.popup[popupid="petronas-popup"] .extremelyUnique-modal-content{
  max-width:92vw; max-height:92vh; border-radius:8px; box-shadow:0 10px 25px rgba(0,0,0,.4);
}
.popup[popupid="petronas-popup"] .extremelyUnique-close{
  position:absolute; top:16px; right:16px; font-size:28px; color:#fff; cursor:pointer;
}

/* Слайдер */
.popup[popupid="petronas-popup"] .custom-slider-unique4{ position:relative; overflow:hidden; border-radius:10px; }
.popup[popupid="petronas-popup"] .custom-slides-unique4{ display:flex; transition:transform .35s ease; }
.popup[popupid="petronas-popup"] .custom-slide-unique4{
  min-width:100%; padding:10px; text-align:center;
}
.popup[popupid="petronas-popup"] .custom-slide-unique4 img{ max-width:100%; height:auto; border-radius:8px; display:block; margin:0 auto 8px; }
.popup[popupid="petronas-popup"] .custom-slide-unique4 h4{ margin:6px 0 4px; font-size:16px; }
.popup[popupid="petronas-popup"] .custom-dots-unique4{ text-align:center; margin:8px 0 4px; }
.popup[popupid="petronas-popup"] .custom-dot-unique4{
  display:inline-block; width:8px; height:8px; border-radius:50%; background:#d8d8d8; margin:0 4px; cursor:pointer;
}
.popup[popupid="petronas-popup"] .custom-dot-unique4.active{ background:var(--main-color); }
.popup[popupid="petronas-popup"] .slider-arrow{
  position:absolute; top:50%; transform:translateY(-50%); width:34px; height:34px; border-radius:50%;
  background:var(--main-color); border:0; cursor:pointer; z-index:5;
}
.popup[popupid="petronas-popup"] .arrow-left{ left:6px; }
.popup[popupid="petronas-popup"] .arrow-right{ right:6px; }
.popup[popupid="petronas-popup"] .slider-arrow:before{
  content:""; display:block; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; margin:0 auto;
  transform:rotate(45deg);
}
.popup[popupid="petronas-popup"] .arrow-left:before{ transform:rotate(225deg); }
.popup[popupid="petronas-popup"] .arrow-right:before{ transform:rotate(45deg); }

/* Видео-превью */
.popup[popupid="petronas-popup"] .extremelyUnique-oil-videos{
  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:10px 0;
}
@media (max-width:640px){
  .popup[popupid="petronas-popup"] .extremelyUnique-oil-videos{ grid-template-columns:1fr; }
}
.popup[popupid="petronas-popup"] .extremelyUnique-video-thumbnail{
  position:relative; border-radius:8px; overflow:hidden; cursor:pointer; background:#000;
}
.popup[popupid="petronas-popup"] .extremelyUnique-video-thumbnail img{ width:100%; height:auto; display:block; }
.popup[popupid="petronas-popup"] .extremelyUnique-play-wrap{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none;
}
.popup[popupid="petronas-popup"] .extremelyUnique-play-wrap img{ width:56px; height:auto; opacity:.9; }

/* ===== СБРОС/ПРАВКИ ТОЛЬКО ДЛЯ PETRONAS-ПОПАПА ===== */
.popup[popupid="petronas-popup"] .popup-embed * { box-sizing: border-box; }

/* Глобальные .wrapper/.page из темы внутри попапа нам не нужны */
.popup[popupid="petronas-popup"] .popup-embed .wrapper,
.popup[popupid="petronas-popup"] .popup-embed .page {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Текстовые блоки без внутренних отступов, как в обычном контенте попапа */
.popup[popupid="petronas-popup"] .popup-embed {
  padding: 0 !important;
}

/* Слайдер из стандартного блока: в попапе делаем сетку 3 колонки и убираем min-width, центрирование и пр. */
.popup[popupid="petronas-popup"] .popup-embed .custom-slides-unique4 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}
.popup[popupid="petronas-popup"] .popup-embed .custom-slide-unique4 {
  min-width: 0 !important;
  width: auto !important;
  padding: 10px !important;
  text-align: left !important;
}

/* В попапе стрелки/точки не нужны (если нужно — удалите эти строки) */
.popup[popupid="petronas-popup"] .popup-embed .custom-dots-unique4,
.popup[popupid="petronas-popup"] .popup-embed #PPetronas-arrow-left,
.popup[popupid="petronas-popup"] .popup-embed #PPetronas-arrow-right {
  display: none !important;
}

/* Картинки сертификата/товаров адаптивно */
.popup[popupid="petronas-popup"] .popup-embed img {
  max-width: 100% !important;
  height: auto !important;
}

/* Блок «Гарантируем подлинность» — аккуратная строка */
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-certificate-flex {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 12px !important;
  align-items: center !important;
}
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-certificate-wrapper {
  position: relative !important;
  max-width: 220px !important;
}
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-zoom-icon {
  position: absolute !important;
  right: 6px; bottom: 6px;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: var(--main-color);
  color: #fff; font-weight: 700; line-height: 28px; text-align: center;
  cursor: pointer;
}

/* Видео-тайлы — одна колонка (второй ролик скрыт) */
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-oil-videos {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-video-thumbnail {
  position: relative !important;
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-video-thumbnail img {
  width: 100% !important; height: 100% !important; object-fit: cover !important;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .popup[popupid="petronas-popup"] .popup-embed .custom-slides-unique4 {
    grid-template-columns: 1fr !important;
  }
  .popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-oil-videos {
    grid-template-columns: 1fr !important;
  }
  .popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-certificate-flex {
    grid-template-columns: 1fr !important;
  }
}
/* Скрываем иконку увеличения сертификата только в PETRONAS-попапе */
.popup[popupid="petronas-popup"] .popup-embed .extremelyUnique-zoom-icon {
  display: none !important;
}
/* Полностью скрываем внутреннюю модалку сертификата только в попапе PETRONAS */
.popup[popupid="petronas-popup"] #petronasModal.extremelyUnique-modal {
  display: none !important;
}
/* УБРАТЬ эффекты "галереи" только внутри попапа PETRONAS */
.popup[popupid="petronas-popup"] .extremelyUnique-video-item {
  position: static !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
}

/* Сбрасываем абсолютное позиционирование видео */
.popup[popupid="petronas-popup"] .extremelyUnique-video-item video {
  position: static !important;
  width: 200% !important;
  height: auto !important;
  border-radius: 10px !important;
}

/* Убираем чёрные полосы и растяжку */
.popup[popupid="petronas-popup"] .extremelyUnique-video-thumbnail {
  height: auto !important;
}

/* Скроем кнопку увеличения сертификата (плюс) */
.popup[popupid="petronas-popup"] .extremelyUnique-zoom-icon {
  display: none !important;
}

/* Полностью выключаем модалку сертификата */
.popup[popupid="petronas-popup"] .extremelyUnique-modal {
  display: none !important;
  pointer-events: none !important;
}
@media (max-width: 768px) {
  .popup[popupid="petronas-popup"] .extremelyUnique-video-item video {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
  }
}
@media (max-width: 767px) {
  .popup[popupid="petronas-popup"] .extremelyUnique-certificate-wrapper {
    width: 100% !important;
    margin-bottom: -16vw !important; /* или другое значение, если нужно */
  }
}
@media (min-width: 768px) {
  .header-cta-mobile-only {
    display: none !important;
  }
}
  .akpp-note{
    margin:12px 0 10px; padding:10px 12px;
    background:#f7f7f7; border-left:6px solid var(--main-color);
    border-radius:8px;
  }
  .akpp-lead{ margin:0; font-weight:800; }

.extremelyUnique-oil-info-block .petronas-check {
	color: var(--main-color);
}

/* Мобильная фиксация заголовка попапа */
@media (max-width: 780px){

  /* Каркас внутри попапа: заголовок + скроллящийся контент */
  .main-popup__content.modal-abbr__container{
    display: flex;
    flex-direction: column;
    max-height: 90vh;          /* чтобы попап не выходил за экран по высоте */
    overflow: hidden;          /* скролл только у .modal__scrollable */
  }

  /* Скроллим только контент */
  .main-popup__content.modal-abbr__container .modal__scrollable{
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Заголовок + крестик — липкие */
  .modal__header123{
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fff;          /* при желании можно заменить на свой фон */
  }
	.modal__header123 h3{
		width: 80%;
	}
}

/* Единый отступ перед разделами */
.service-block > h2,
.service-block > section.our-works,
.service-block > .wrapper {
  margin-top: 20px !important;
}
.service-block > .wrapper:first-child,
.service-block > .wc-block {
  margin-top: 0 !important;
}

/* Заголовок масло Petronas */
.petronas-oil-title{
  font-size:20px;
  font-weight:500;
  margin:0 0 16px;
  line-height:1.3;
}

/* Обёртка слайдера */
.petronas-hero-slider{
  margin:24px 0 12px;
  position:relative;
}

/* Окно просмотра */
.petronas-hero-viewport{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#000;
  height: 85vw;
}
@media (min-width: 781px){
  .petronas-hero-viewport{
    height: 50vw;
  }
}
/* Лента слайдов */
.petronas-hero-track{
  display:flex;
  width:100%;
  transform:translate3d(0,0,0);
  transition:transform .5s ease;
}

/* Каждый слайд = ровно 100% ширины окна */
.petronas-hero-slide{
  flex:0 0 100%;
  max-width:100%;
  box-sizing:border-box;
}

/* Картинки и видео внутри слайда */
.petronas-hero-slide img,
.petronas-hero-slide video{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  border-radius:24px;
  object-fit:cover;
}

/* Чтобы у всего слайдера была стабильная высота */
.petronas-hero-viewport::before{
  content:"";
  display:block;
  padding-bottom:56.25%; /* 16:9 */
}
.petronas-hero-track{
  position:absolute;
  inset:0;
}

/* Панель управления — поверх слайдов */
.petronas-hero-controls{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  z-index:2;
  pointer-events:none;
}

.petronas-hero-arrow{
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.4);
  background:rgba(255,255,255,0.85);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  pointer-events:auto;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
  transition:background .2s;
}
.petronas-hero-arrow:hover{
  background:#fff;
}

/* Прогресс-бар скрыт */
.petronas-hero-progress{
  display:none !important;
}
.petronas-hero-progress-inner{
  display:none !important;
}

@media (max-width:768px){
  .petronas-hero-slider{margin-top:18px;}
  .petronas-hero-controls{padding:0 8px;}
  .petronas-hero-arrow{width:36px;height:36px;font-size:20px;}
  .petronas-oil-title{font-size:17px;}
}

/* Аккордеон Petronas */
.petronas-accordion{
  margin:18px 0 14px;
}
.petronas-intro-text{
  font-size:16px;
  line-height:1.45;
  margin:0;
  display:inline;
}
.petronas-accordion .cs-more{
  display:inline;
  font-size:inherit;
  font-weight:400;
  white-space:nowrap;
  color:var(--main-color);
  text-decoration:none !important;
  border-bottom:1px dashed var(--main-color);
  cursor:pointer;
}
.petronas-details-inner{
  padding:10px 0 0;
}
.petronas-details-inner p{
  margin:6px 0;
  font-size:15px;
  line-height:1.45;
}
.petronas-check{
  color:var(--main-color);
  font-weight:700;
  margin-right:4px;
}
.petronas-closing-text{
  margin:18px 0 14px;
  font-size:16px;
  line-height:1.45;
}

.cpt__note-img{
  display:none;
  margin-top:8px;
  border-radius:8px;
  width:100%;
  height:auto;
}

/* Показываем фото только на мобильной версии */
@media (max-width:780px){
  .cpt__note-img{
    display:block;
  }
}
@media (min-width:781px){
  .cpt__note-slider{
    display:none;
  }
}
.cpt__group-title.cpt__group-link{
  cursor:pointer;
  color:var(--accent);
  text-decoration:underline;
  text-decoration-style:dashed;
}

/* ===== СТИЛИ ДЛЯ СТРАНИЦЫ custom_test2.php ===== */

/* Секция с видео для мобильных */
.section-main {
    position: relative;
    max-width: 100%;
    margin-bottom: 17vw;
    overflow: hidden;
    margin: 0 auto;
    max-height: 100%;
    padding-bottom: 3vw;
}

/* Скрыть слайдер на экранах больше 768px (на компьютерах) */
@media only screen and (min-width: 769px) {
    .section-main {
        display: none; /* Полностью скрыть секцию */
    }
}

/* Оставить слайдер видимым на мобильных устройствах */
@media only screen and (max-width: 768px) {
    .section-main {
        display: block; /* Отображать секцию */
    }
}

.video-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
}

/* Убираем border-radius для мобильного видео */
.video-container-mobile {
    border-radius: 0;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text {
    position: relative;
    background-color: black;
    padding: 20px;
    padding-top: 0px;
    text-align: left;
    width: 100%;
}

.text h2 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 13px;
    padding-top: 4vw;
}

/* Секция с видео для десктопа */
.video-section-desktop {
    width: 100%;
    padding: 20px 0;
    background-color: black;
}

/* Скрыть секцию на мобильных устройствах */
@media (max-width: 768px) {
    .video-section-desktop {
        display: none;
    }
}

.video-container-desktop {
    width: 81vw;
    height: 35vw;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

/* Видео внутри контейнера - компьютерная версия */
.video-content-desktop {
    width: 100%;
    height: auto;
    position: absolute;
    top: -10vw;
    object-fit: cover;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.dsrp {
	color: var(--main-color);
	font-style: italic;
    text-align: center;
	font-weight: 400;
}

.scroll-menu-list-link svg {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    padding-bottom: 2px;
}
.columns-fixed-1-6{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:16px;
  align-items:flex-start;
  margin:12px 0;
}
.columns-fixed-1-6 .column img{
  max-width:100%;
  height:auto;
  display:block;
  border-radius:8px;
}
@media (max-width:640px){
  .columns-fixed-1-6{
    grid-template-columns:90px minmax(0,1fr);
    gap:12px;
  }
}
/* === Закреп-меню #sticky-menu: жирнее на ПК, толще на мобиле — 03.06.2026 === */
#sticky-menu .scroll-menu-list a,
.mobile-scroll-menu .scroll-menu-list a {
    font-weight: 700 !important;
}
@media (max-width: 768px) {
    #sticky-menu .scroll-menu-list a,
    .mobile-scroll-menu .scroll-menu-list a {
        font-weight: 400 !important;
        -webkit-text-stroke: 0 !important;
    }
}

/* 10.06.2026 — ported from prod custom.css for the #UTP# macro block: um-sec rhythm + um-plate callout (see prod /atf/) */
.um-plate{background:#e9f2ff;padding:8px 10px;border-radius:6px;margin:8px 0}
.um-plate--blue{background:#3366cc;color:#fff}
.um-plate__title{margin:0 0 8px;font-weight:700;font-size:17px;color:inherit}
.um-plate p{margin:0 0 8px;color:inherit}
.um-plate p:last-child{margin:0}
.um-sec{display:flow-root}
.um-sec + .um-sec{margin-top:15px}
.um-sec > :first-child{margin-top:0 !important}
.um-sec > :last-child{margin-bottom:0 !important}
.um-sec > #spec{margin-top:0;margin-bottom:0}
.um-sec #corps{margin-top:0 !important}

/* 10.06.2026 — ported from prod: h2.akpp-note typography (MBCorpoS 16px/700 like the strong-block lead, NOT the theme's big serif h2 default) */
h2.akpp-note{font-family:MBCorpoS, Arial, sans-serif !important;font-size:16px;line-height:1.5;font-weight:700;color:#262626;text-align:left}

/* 11.06.2026 — homepage УТП (wc-block): flush-left rhythm — drop the legacy dot indent, CTA line left-aligned (owner request) */
.wc-block .wc-item{padding-left:0}
.wc-block .wc-cta{text-align:left}

/* 11.06.2026 — #H1# banner: the old hand-written banners carried inline margin-top:50px; the macro block is the first element of the editor section, so restore the top gap here (smaller on phones — the banner used to be hidden there) */
.um-h1-sec{margin-top:50px}
@media (max-width:768px){.um-h1-sec{display:none}}

/* 11.06.2026 — hero title width-toggle for desktop-UA narrow windows (Safari responsive mode): ≤768px the ACF h2 hides and the panel-template line shows in its place (real phones get a server-side h1 instead — see custom_test2.php) */
.um-hero-tpl{display:none}
@media (max-width:768px){.um-hero-acf{display:none}.um-hero-tpl{display:block}}

/* 11.06.2026 — .um-hero-tpl is a div, so the fonts-plugin heading rule (h1,h2,…{daimlercac}) misses it */
.um-hero-tpl{font-family:"daimlercac-regular"}

/* 13.06.2026 — why_choose УТП block: semantic headings (h2/h3) + compact mobile layout.
   Scoped to .wc-compact (homepage block 46613 only) so /ac/ /engine-bay/ (90525, plain .wc-block) stay untouched. */
.wc-compact .wc-item-title{font-family:MBCorpoS,Arial,sans-serif;font-size:16px;line-height:1.3;font-weight:700;color:#262626;margin:0 0 2px}
.wc-compact .wc-item-text{color:#262626;font-weight:400;margin:0}
.wc-compact h2.akpp-note{margin:0 0 12px;line-height:1.3}
.wc-compact .wc-cta-title{font-weight:700;margin:0}
@media (max-width:699px){
 .wc-compact .wc-item-text{font-size:15px;line-height:1.35}
 .wc-compact .wc-item{margin-bottom:8px}
 .wc-compact .wc-item:last-child{margin-bottom:0}
 .wc-compact .wc-list{margin:0}
 .wc-compact .wc-cta-title{font-size:15px;line-height:1.3}
 .wc-compact .wc-cta{margin:8px 0 6px;padding:8px 12px}
 .wc-compact .wc-buttons{margin:8px 0 0}
 .wc-compact h2.akpp-note{margin:0 0 10px;padding:10px 12px;line-height:1.25}
}

/* ── Cases: model badge photo (шильдик модели), mobile only — 1.1.9 ── */
.cs-model-badge{display:none}
@media (max-width:768px){
  .cs-model-badge{display:block;margin:12px 0;border-radius:12px;overflow:hidden;line-height:0}
  .cs-model-badge img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:12px}
}