@media (min-width: 992px) { .company-item__picture--static { position: static; height: 400vh; max-height: 950px; border-radius: 0px; } .company-item__picture-wrapper--wide { max-height: 100vh; height: 100%; padding-top: 67%; } } .address__text { max-width: 420px; } .btn.btn-white { 	border: 1px solid #fff !important; } .tizers-list__item-image-wrapper--PICTURES.tizers-list__item-image-wrapper--position-LEFT { 	width: 64px; 	height: 64px; 	margin-right: 27px; } .tizers-list__item-image-wrapper--PICTURES { 	overflow: hidden; 	border-radius: 0%; } .tizers-list__item-image-picture { 	width: 100%; 	height: 100%; 	background-size: contain; 	background-position: center; } .tizers-list__item-image-wrapper--PICTURES.tizers-list__item-image-wrapper--position-TOP { 	width: 64px; 	height: 64px; 	margin-bottom: 26px; } .company-item__picture--BOTTOM { 	height: 350px; 	position: relative; } .company-item__picture--mt-89 { 	margin-top: 40px; } .leadfrog_img{ width: 20px; padding-bottom: 7px; } .leadfrog_img { 	width: 20px; 	padding-bottom: 7px; 	float: left; } .div-frog { 	display: block; 	margin: 0px 0px 15px; } .btn.btn-primary { 	display: inline-block; 	position: relative; 	margin: 0px 0px 30px; } .div-images-tour { 	display: inline-flex; 	margin: 10px 0px 10px; 	padding: 8px; 	background: #f0f0f0; gap: 20px; } .no-display { 	display: none !important; 	visibility: hidden !important; } .brands-list__image-wrapper { 	width: auto; 	height: 100px; } .services-list__item:not(.services-list__item--has-additional-text) .services-list__item-preview { max-height: 800px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 20; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 20; } .red-zagolovok-battle { 	color: #e20017; 	font-weight: bold; 	text-align: left; 	padding: 10px; } .event-item__speakers[data-v-f853ce40] { 	align-items: center; 	display: flex; 	gap: .75rem; 	margin-top: auto; } .event-item__speaker-img[data-v-f853ce40]:first-of-type { 	margin-left: 0; } .event-item__speaker-img[data-v-f853ce40] { 	background-color: #ababab; 	border-radius: 50%; 	flex: 0 0 auto; 	height: 3.875rem; 	margin-left: -2.5rem; 	width: 3.875rem; } .event-item__speaker-img img[data-v-f853ce40] { 	border-radius: 50%; 	height: 100%; 	-o-object-fit: cover; 	object-fit: cover; 	width: 100%; } .speakers-block span { color: #000; font-weight: normal; } .speakers-block { font-weight: bold; color: #e20017; } #side_by_side .side_by_side_lang_list { 	list-style: none !important; 	margin: 10px 0; 	display: flex; 	flex-wrap: wrap; 	top: -3px !important; 	background: transparent !important; 	right: 80px !important; 	position: absolute; z-index: 77777 !important; } .inline-search-block--cover.show { 	bottom: 0px; 	display: block; 	z-index: 99999 !important; } .services-list--img-srl .services-list__item-text-wrapper { padding-top: 0px; } .red-zagolovok { 	text-align: left; 	font-weight: bold; 	color: #e20017; 	padding: 20px 0px 0px 30px; 	font-size: 18px; } .styled-block { 	border-left: 5px solid #e20017; color: #000; 	margin-bottom: 40px; 	clear: both; 	margin-top: 30px; 	padding: 37px 50px; 	font-size: 20px; 	font-weight: bold; } ul.list-icon-map-grey .fa { 	margin-left: -45px!important; 	margin-right: 5px !important; } ul.list-icon-map-grey li { 	padding-left: 0px!important; 	margin-bottom: 20px!important; 	text-transform: uppercase !important; } .list-main-page .fa { 	color: #fff!important; 	margin-left: -60px!important; margin-right: 7px!important; 	position: relative!important; 	top: 15px !important; } .list-main-page { 	padding: 0px 0px 0px 60px !important;} .list-main-page li { 	padding: 0px 0px!important; 	text-align: left!important; 	margin-bottom: 20px !important;} hr { 	height: 1px; 	margin: 25px 0; 	border: none; 	border-top: 1px solid #f2f2f2; 	border-color: #e6e5e5; } .img-main-page { 	margin-bottom: 40px; } .leadfrog_img{ width: 20px; padding-bottom: 7px; } .leadfrog_img { 	width: 20px; 	padding-bottom: 7px; 	float: left; } .div-frog { 	display: block; 	margin: 0px 0px 15px; } .frame-aero { 	border: 1px solid #ccc; 	padding: 30px; } .footer__pays--on-line img { 	max-height: 40px; 	width: auto; 	margin: 0px 20px 0px; } .filter-white:hover { 	filter: none !important; } .filter-white { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .mega-fixed-menu { 	z-index: 99999; 	 } .inline-search-block.fixed { 	position: fixed; 	z-index: 99999; } table.table th p { 	color:#fff; 	margin: 0px; 	padding: 0px; 	 } table.table th p b { 	color:#fff; 	 } .contacts-detail__properties { 	display: flex; 	align-items: stretch; 	margin-top: 70px; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .contact-item__img img { 	max-height: 26px; 	width: auto; 	margin-bottom: 10px; } .exhibition-section__item { 	min-height: 180px; 	text-align: center; 	margin-bottom: 30px; 	padding: 10px; } .menu-left-buttons { margin-left: 40px; } .menu-left-buttons a { margin: 10px 0px 0px 0px; } .map-detail-items__item-svg { 	position: absolute; 	right: 6px; 	top: 8px; 	width: 40px; 	height: 40px; 	text-align: center; 	cursor: pointer; 	z-index: 9999; } .map-detail-items__item-close { 	width: 15px; 	height: 15px; } .list-main-page .fa { 	color: #e20017 !important; 	margin-left: -60px !important; 	margin-right: 7px !important; 	position: relative !important; 	top: 15px !important; } .col-video { 	margin-bottom: 30px; } .detail-block.ordered-block.landings { 	display: none; 	visibility: hidden; } .contact-item { 	padding: 20px; 	margin-bottom: 20px; 	min-height: 230px; } .catalog-detail__info-bc { 	display: none; 	visibility: hidden; } .catalog-detail__info-tech { 	display: none; 	visibility: hidden; } .catalog-block__info-tech.compact-hidden-t600 { 	display: none; 	visibility: hidden; } .catalog-block__info-tech.compact-hidden-t600 { 	display: none; 	visibility: hidden; } .catalog-list__info-tech.compact-hidden-t600 { 	display: none; 	visibility: hidden; } .catalog-list__info-bottom { 	display: none; 	visibility: hidden; } .catalog-table__info-tech.compact-hidden-t600 { 	display: none; 	visibility: hidden; } .catalog-table__info-bottom.flexbox.flexbox--direction-row { 	display: none; 	visibility: hidden; } .catalog-block__info-tech.compact-hidden-t600 { 	display: none; 	visibility: hidden; } .char-side__title { 	display: none; 	visibility: hidden; } .catalog-detail__garanty.block-with-icon { 	display: none; 	visibility: hidden; } .catalog-block__info-section.color_999.font_12.linecamp-2 { 	display: none; 	visibility: hidden; } .footer__pays--on-line { 	display: none; 	visibility: hidden; } .schedule__text { display: none; visibility: hidden; } .schedule__title.phones__dropdown-title { display: none; visibility: hidden; }

/** MAIN PAGE **/

.services-list__item-preview .row {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;

}

.services-list__item-preview .row .col-xs-12 {
  width: 100%;
}

a.scroll-to-top.visible {
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .services-list__item-preview .row {
      flex-direction: column;
      margin-bottom: 0;
  }

}

/***/

.banner-partners
{
    background-image: url(/_mirror/local/templates/aspro-allcorp3/images/banner_partners_pc.jpg);
    min-height: 432px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .banner-partners
    {
        background-image: url(/_mirror/local/templates/aspro-allcorp3/images/banner_partners_mob.jpg);
    }
}
.hotels p {
    margin-bottom: 0.5em;
}

.banners-img-list__item-image.banners-img-list__item-image--one {      
    max-width: 1376px;
    margin: 0 auto;
    width: 100%;     
    background-size: contain !important;
}

.video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.video p {
    font-weight: 400;
    font-size: 14px;
    color: #2d2d2d;
    min-height: 74px;
    height: 100%;
    padding: 13px 18px;
    border: 1px solid rgba(236, 236, 236, 0.8);
    border-radius: 0 0 2px 2px;
    margin: 0;
}
.video iframe {
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
}


.social__link img {
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
}
footer .social__items {
    gap: 10px;
}
.footer__social .social__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer__social .social__link img {
    opacity: 0.5;
}

.svg svg {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.link-bottom:hover {
    color:#ababab;
}

/** 23/12/2025 */

.subscribe-section {
    width: 100%;

    background: #f8f8f8;
}
.subscribe-section .container {
    max-width: 1540px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
.subscribe-section * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.subscribe-section__wrapper {
    display: -ms-grid;
    display: grid;
    gap: 30px;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
}
.subscribe-section img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.subscribe-section__content {
    padding: 50px 0;
}
.subscribe-section__inner {
    margin-bottom: 40px;
    max-width: 514px;
}
.subscribe-section__inner h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 156%;
    letter-spacing: -0.04em;
    margin-top: 0;
    margin-bottom: 10px;
}
.subscribe-section__inner p {
    font-weight: 500;
    font-size: 15px;
    line-height: 147%;
    color: #555;
    margin-bottom: 0;
}

.subscribe-section .form__content label {
    position: relative;
    display: block;
    width: 100%;
}
.subscribe-section .form__content label.active input {
    color: #ae0000;
}
.subscribe-section
    .form__content
    label.active
    input::-webkit-input-placeholder {
    color: #ae0000;
}
.subscribe-section .form__content label.active input::-moz-placeholder {
    color: #ae0000;
}
.subscribe-section .form__content label.active input:-ms-input-placeholder {
    color: #ae0000;
}
.subscribe-section .form__content label.active input::-ms-input-placeholder {
    color: #ae0000;
}
.subscribe-section .form__content label.active input::placeholder {
    color: #ae0000;
}
.subscribe-section .form__content label span {
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    color: #4b6279;
    display: block;
    margin-bottom: 8px;
}
.subscribe-section .form__content label span span {
    margin-bottom: 0;
    display: inline;
    color: #fa2d2d;
}
.subscribe-section .form__content label input {
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #555;
    background: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 12px 17px;
    border: 1px solid #dbdbdb;
}
.subscribe-section .form__content label input::-webkit-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #999;
}
.subscribe-section .form__content label input::-moz-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #999;
}
.subscribe-section .form__content label input:-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #999;
}
.subscribe-section .form__content label input::-ms-input-placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #999;
}
.subscribe-section .form__content label input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 157%;
    color: #999;
}
.subscribe-section .form__content label input:focus {
    outline: none;
}
.subscribe-section .form__inputs {
    display: -ms-grid;
    display: grid;
    gap: 35px 20px;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
}
.subscribe-section .form__inner {
    display: -ms-grid;
    display: grid;
    gap: 35px 20px;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
}
.subscribe-section .form__btn {
    width: 100%;
    cursor: pointer;
    padding: 12px 32px;
    margin: 0;
}

.subscribe-section .form__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.subscribe-section .form__info p {
    font-weight: 500;
    font-size: 13px;
    line-height: 138%;
    color: #999;
    margin-bottom: 0;
}
.subscribe-section .form__info a {
    font-weight: 500;
    font-size: 13px;
    line-height: 138%;
    color: #999;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

@media (max-width: 1025px) {
    .subscribe-section__inner {
        margin-bottom: 0;
    }
    .subscribe-section img {
        width: calc(100% + 40px);
        margin-left: -20px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }
    .subscribe-section__wrapper {
        gap: 24px;
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
    }
    .subscribe-section__content {
        padding: 24px 0 0;
    }
}
@media (max-width: 769px) {
    .subscribe-section .form__inner {
        gap: 16px;
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
    }
    .subscribe-section .form__inputs {
        gap: 24px;
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 24px;
    }

    .subscribe-section__inner h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .subscribe-section__inner p {
        font-size: 15px;
    }
}

.modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100dvh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background all 0.3s ease-in-out;
    -o-transition: background all 0.3s ease-in-out;
    transition: background all 0.3s ease-in-out;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}

.modal-overlay .modal {
    border-radius: 6px;
    max-width: 540px;
    width: 95%;
    max-height: 95%;
    display: none;
    position: relative;
    background: #fff;
}

.modal-overlay .modal.active {
    display: block;
}

.modal-overlay .modal__wrapper {
    overflow-y: auto;
    max-height: calc(100vh - 85px);
    padding: 44px 30px 40px;
}

.modal-overlay .modal .h2 {
    text-align: center;
    margin-top: 0;
    font-weight: 700;
    font-size: 27px;
    line-height: 110%;
    letter-spacing: -0.04em;
    color: #555;
    margin-bottom: 4px;
}

.modal-overlay .modal__text {
    font-weight: 500;
    font-size: 15px;
    line-height: 147%;
    text-align: center;
    color: #555;
    margin: 0;
}

.modal-overlay .modal .close-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 10;
    opacity: 1;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.41058 4.4107C4.73602 4.08527 5.26366 4.08527 5.58909 4.4107L9.99984 8.82145L14.4106 4.4107C14.736 4.08527 15.2637 4.08527 15.5891 4.4107C15.9145 4.73614 15.9145 5.26378 15.5891 5.58922L11.1783 9.99996L15.5891 14.4107C15.9145 14.7361 15.9145 15.2638 15.5891 15.5892C15.2637 15.9147 14.736 15.9147 14.4106 15.5892L9.99984 11.1785L5.58909 15.5892C5.26366 15.9147 4.73602 15.9147 4.41058 15.5892C4.08514 15.2638 4.08514 14.7361 4.41058 14.4107L8.82133 9.99996L4.41058 5.58922C4.08514 5.26378 4.08514 4.73614 4.41058 4.4107Z' fill='%23878787'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}
.modal__check {
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='23.5' stroke='%23E20017'/%3E%3Cpath d='M30.6747 19.29C30.2415 18.8563 29.5381 18.8566 29.1044 19.29L22.037 26.3577L18.8959 23.2166C18.4621 22.7829 17.759 22.7829 17.3253 23.2166C16.8916 23.6503 16.8916 24.3534 17.3253 24.7872L21.2516 28.7134C21.4683 28.9302 21.7525 29.0388 22.0367 29.0388C22.3209 29.0388 22.6054 28.9304 22.8221 28.7134L30.6747 20.8606C31.1084 20.4271 31.1084 19.7238 30.6747 19.29Z' fill='%23E20017'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 48px;
    height: 48px;

    display: block;
    margin: 0 auto 24px;
}
body.active {
    overflow: hidden;
}
@media (max-width: 769px) {
    .modal-overlay .modal-after-subscribe .modal__wrapper {
        padding: 44px 20px 40px;
    }
    .modal-overlay .modal-after-subscribe .h2 {
        margin-bottom: 8px;
    }
}


/****/

.banners-big__text.scrollbar.banners-big__text--wide.banners-big__text--center.banners-big__depend-height {
    -ms-scroll-chaining: chained;
        overscroll-behavior: auto;
}



.div-images-news {
    display: grid;
    margin: 10px 0px 10px;
    padding: 8px;
    gap: 10px;
    justify-content: center;
    align-items: stretch;
    grid-template-columns: 2fr 1fr 1fr;
}

@media (max-width: 1024px) {
 .div-images-news {
    display: flex;
    flex-direction:column;
 }
}

.subscribe-fix {
    margin: 80px 0 -80px;
}

/* Логотип в шапке: рисуем его фоном самой картинки и задаём фиксированный
   размер блока. Скрипт шаблона подменял src у логотипа с классом .colored
   на «светлый» вариант, которого нет, — и вместо эмблемы показывался alt-текст.
   Теперь логотип виден в любом состоянии шапки: обычной, «прилипающей» и мобильной. */
.logo,
.logo.colored {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.logo a {
    display: flex !important;
    align-items: center;
    width: 182px;
    max-width: 100%;
    height: 45px;
    background: url("/_mirror/upload/CAllcorp3/926/tjhggtqeerusnwtq0ga4hsatqovc2boc/logo-meat.png") left center / contain no-repeat;
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
}

/* сама картинка остаётся в разметке (нужна поисковикам и голосовым читалкам),
   но не рисуется — иначе при подмене src мы видели бы alt-текст поверх логотипа */
.logo a img {
    width: 182px;
    height: 45px;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    opacity: 0;
}


/* ==========================================================================
   СОВРЕМЕННЫЙ СЛОЙ ОФОРМЛЕНИЯ (обновление дизайна)
   Подключается последним, поверх шаблона. Фирменная цветовая гамма сохранена:
   красный #e20017 + нейтральная база. Меняется только пластика — скругления,
   тени, ритм, типографика, микроанимации и адаптив. Фоны блоков не
   перекрашиваются, чтобы светлая и тёмная темы сайта работали как прежде.
   ========================================================================== */

:root {
    /* фирменные цвета — без изменений */
    --pmlx-brand: #e20017;
    --pmlx-brand-hover: #ff0c25;
    --pmlx-brand-dark: #90000f;
    --pmlx-brand-soft: rgba(226, 0, 23, .07);
    --pmlx-brand-soft-2: rgba(226, 0, 23, .14);
    --pmlx-brand-ring: rgba(226, 0, 23, .22);

    /* скругления */
    --pmlx-r-xs: 10px;
    --pmlx-r-sm: 14px;
    --pmlx-r-md: 18px;
    --pmlx-r-lg: 24px;

    /* мягкие многослойные тени вместо резких */
    --pmlx-shadow-1: 0 1px 2px rgba(16, 18, 24, .04), 0 4px 14px rgba(16, 18, 24, .05);
    --pmlx-shadow-2: 0 2px 6px rgba(16, 18, 24, .06), 0 18px 38px rgba(16, 18, 24, .11);
    --pmlx-shadow-brand: 0 10px 24px rgba(226, 0, 23, .26);

    --pmlx-ease: cubic-bezier(.22, .7, .25, 1);
    --pmlx-t: .28s var(--pmlx-ease);
}

/* --- 1. База и типографика ------------------------------------------------ */

html {
    scroll-behavior: smooth;
    overflow-x: clip; /* ничто не вылезает за экран телефона */
    scrollbar-color: rgba(226, 0, 23, .45) transparent;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    max-width: 100%;
}

/* якорные ссылки не уезжают под фиксированную шапку */
[id] {
    scroll-margin-top: 110px;
}

h1, h2, h3, h4 {
    letter-spacing: -.015em;
    text-wrap: balance;
}

/* плавная («резиновая») типографика: крупно на десктопе, читаемо на телефоне.
   Селекторы без классов — любые фирменные размеры шаблона остаются главнее */
h1 {
    font-size: clamp(26px, 1.6vw + 17px, 40px);
    line-height: 1.16;
}

h2 {
    font-size: clamp(23px, 1.3vw + 15px, 34px);
    line-height: 1.18;
}

h3 {
    font-size: clamp(19px, .7vw + 15px, 25px);
    line-height: 1.25;
}

p {
    text-wrap: pretty;
}

/* длинные слова, ссылки и названия компаний переносятся, а не рвут вёрстку */
#main, .body, .footer {
    overflow-wrap: break-word;
}

#main img, #main iframe, #main table, #main pre {
    max-width: 100%;
}

/* --- 2. Доступность и фокус ---------------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--pmlx-brand);
    outline-offset: 3px;
}

::selection {
    background: var(--pmlx-brand);
    color: #fff;
}

[hidden] {
    display: none !important;
}

/* --- 3. Кнопки ------------------------------------------------------------ */

/* display кнопок намеренно не трогаем — шаблон сам растягивает их там, где
   нужно. Комфортная высота под палец набирается вертикальными отступами. */
.btn:not(.btn--no-btn-appearance):not(.btn-inline),
.form__btn {
    padding-top: 13px;
    padding-bottom: 14px;
    border-radius: var(--pmlx-r-xs);
    font-weight: 600;
    letter-spacing: .01em;
    transition: transform var(--pmlx-t), box-shadow var(--pmlx-t),
                background-color var(--pmlx-t), border-color var(--pmlx-t), color var(--pmlx-t);
}

.btn:not(.btn--no-btn-appearance):not(.btn-inline):hover {
    transform: translateY(-2px);
    box-shadow: var(--pmlx-shadow-1);
}

.btn.btn-default:hover,
.form__btn:hover,
.btn.btn-primary:hover {
    box-shadow: var(--pmlx-shadow-brand);
}

.btn:not(.btn--no-btn-appearance):not(.btn-inline):active {
    transform: translateY(0);
}

/* стрелка-ссылка «подробнее» слегка едет вправо */
.btn-inline,
.dark_link {
    transition: color .2s var(--pmlx-ease);
}

/* --- 4. Поля и формы ------------------------------------------------------ */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"],
input[type="number"],
textarea,
select,
.form input,
.form textarea,
.form select {
    border-radius: var(--pmlx-r-xs);
    transition: border-color var(--pmlx-t), box-shadow var(--pmlx-t), background-color var(--pmlx-t);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus,
.form input:focus,
.form textarea:focus {
    border-color: var(--pmlx-brand);
    box-shadow: 0 0 0 4px var(--pmlx-brand-soft);
    outline: none;
}

/* блок подписки на рассылку — поля выкладываются автоматически */
.subscribe-section .form__inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
    gap: 16px;
}

.subscribe-section__wrapper > img {
    border-radius: var(--pmlx-r-lg);
}

/* --- 5. Карточки: мягкие скругления, глубина, лёгкий подъём при наведении -- */

.rounded-4,
body .rounded-4 {
    border-radius: var(--pmlx-r-sm);
}

.blog-list__item,
.gallery-list__item,
.brand-list__item,
.tizers-list__item,
.services-list__item,
.contact-item,
.exhibition-section__item,
.docs-list__item,
.company-item {
    border-radius: var(--pmlx-r-sm);
    transition: transform var(--pmlx-t), box-shadow var(--pmlx-t), border-color var(--pmlx-t);
}

.blog-list__item:hover,
.gallery-list__item:hover,
.brand-list__item:hover,
.tizers-list__item:hover,
.contact-item:hover,
.exhibition-section__item:hover {
    transform: translateY(-4px);
    box-shadow: var(--pmlx-shadow-2);
}

/* карточки каталога поднимать не будем — у них всплывающие подсказки,
   им достаточно мягкой тени */
.catalog-block__item {
    border-radius: var(--pmlx-r-sm);
    transition: box-shadow var(--pmlx-t), border-color var(--pmlx-t);
}

.catalog-block__item:hover {
    box-shadow: var(--pmlx-shadow-2);
}

/* картинка в карточке чуть приближается — приём современных каталогов */
.blog-list__item-image-wrapper,
.gallery-list__item {
    overflow: hidden;
}

.blog-list__item-image,
.gallery-list__item-image {
    transition: transform .55s var(--pmlx-ease);
}

.blog-list__item:hover .blog-list__item-image,
.gallery-list__item:hover .gallery-list__item-image {
    transform: scale(1.045);
}

.blog-list__item-title,
.gallery-list__item-title,
.catalog-block__info-title {
    letter-spacing: -.01em;
    line-height: 1.32;
}

/* --- 6. Метки, чипы, фильтры по годам ------------------------------------- */

.sticker__item {
    border-radius: 999px;
    padding: 5px 13px;
    font-weight: 600;
    letter-spacing: .01em;
}

.head-block__item {
    border-radius: 999px;
    padding: 0 14px; /* высота остаётся прежней — у заголовка свои отступы */
    transition: background-color var(--pmlx-t), color var(--pmlx-t);
}

.head-block__item:hover {
    background: var(--pmlx-brand-soft);
}

.head-block__item--active {
    background: var(--pmlx-brand-soft-2);
}

/* --- 7. Заголовок страницы и хлебные крошки ------------------------------- */

.topic__heading #pagetitle,
.page-top #pagetitle,
#pagetitle {
    font-size: clamp(26px, 1.6vw + 17px, 40px);
    line-height: 1.16;
    letter-spacing: -.02em;
    text-wrap: balance;
}

.breadcrumbs__link,
.breadcrumbs__item-name {
    transition: color .2s var(--pmlx-ease);
}

.breadcrumbs__separator {
    opacity: .45;
}

/* --- 8. Пагинация --------------------------------------------------------- */

.pagination li a,
.pagination li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    border-radius: var(--pmlx-r-xs);
    transition: background-color var(--pmlx-t), color var(--pmlx-t), border-color var(--pmlx-t);
}

/* --- 9. Шапка ------------------------------------------------------------- */
/* никаких backdrop-filter/transform на самой шапке: они ломают выпадающие
   меню, привязанные к окну */

.header__inner--shadow-fixed,
.header__main-part--shadow {
    box-shadow: 0 1px 0 rgba(16, 18, 24, .06), 0 10px 30px rgba(16, 18, 24, .07);
}

/* аккуратное подчёркивание пункта меню при наведении */
.header-menu__title {
    position: relative;
}

.header-menu__link .header-menu__title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 2px;
    border-radius: 2px;
    background: var(--pmlx-brand);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s var(--pmlx-ease);
}

.header-menu__link:hover .header-menu__title::after,
.header-menu__item.active .header-menu__link .header-menu__title::after {
    transform: scaleX(1);
}

/* бургер — гарантированная зона нажатия (раскладку не меняем: у шаблона
   для этого свои отступы с отрицательным margin) */
.burger {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    border-radius: var(--pmlx-r-xs);
    transition: background-color var(--pmlx-t);
}

.header-menu__dropdown-menu .dropdown,
.mega-menu .dropdown {
    border-radius: var(--pmlx-r-sm);
    box-shadow: var(--pmlx-shadow-2);
}

/* --- 10. Подвал ----------------------------------------------------------- */

.footer__main-part-inner--bordered {
    border-radius: var(--pmlx-r-md);
}

.footer .social__item a,
.footer .social__link {
    transition: transform var(--pmlx-t), opacity var(--pmlx-t), border-color var(--pmlx-t);
}

.footer .social__item:hover a,
.footer .social__link:hover {
    transform: translateY(-2px);
}

.footer__part-item a {
    transition: color .2s var(--pmlx-ease), opacity .2s var(--pmlx-ease);
}

/* --- 11. Контентные блоки ------------------------------------------------- */

.styled-block {
    border-left-width: 4px;
    border-radius: var(--pmlx-r-sm);
    background: var(--pmlx-brand-soft);
    padding: clamp(20px, 3vw, 34px) clamp(18px, 3vw, 44px);
    font-size: clamp(17px, .6vw + 14px, 20px);
    line-height: 1.45;
}

.frame-aero,
.div-images-tour,
.video p {
    border-radius: var(--pmlx-r-sm);
}

blockquote {
    border-radius: var(--pmlx-r-sm);
}

hr {
    border-color: rgba(16, 18, 24, .09);
}

table.table th,
table.table td {
    padding: 12px 16px;
}

a.scroll-to-top {
    border-radius: var(--pmlx-r-sm);
    box-shadow: var(--pmlx-shadow-2);
    transition: transform var(--pmlx-t), opacity var(--pmlx-t);
}

a.scroll-to-top:hover {
    transform: translateY(-3px);
}

/* --- 12. Адаптив ---------------------------------------------------------- */

/* плитки не должны быть шире экрана: min() страхует узкие телефоны (320px) */
@media (max-width: 768px) {
    #main [class*="grid-list--items"] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 325px), 1fr));
    }
}

@media (max-width: 500px) {
    #main .grid-list:not(.mobile-scrolled) {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    }
}

@media (max-width: 1025px) {
    .subscribe-section__wrapper > img {
        border-radius: var(--pmlx-r-md);
    }
}

@media (max-width: 767px) {
    /* поля 16px — иначе iPhone «зумит» страницу при вводе */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="password"],
    input[type="number"],
    textarea,
    select {
        font-size: 16px;
    }

    .maxwidth-theme,
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* кнопки форм на телефоне — во всю ширину */
    .form .btn,
    .form__btn,
    .subscribe-section .btn {
        width: 100%;
    }

    /* широкие таблицы прокручиваются вбок, а не ломают страницу */
    table.table,
    .detail-text table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    [id] {
        scroll-margin-top: 80px;
    }
}

/* цена/кнопка в карточке на узком экране становятся в столбик */
@media (max-width: 560px) {
    .catalog-block--bottom-btn {
        flex-wrap: wrap;
        gap: 12px;
    }

    .catalog-block--bottom-btn > .line-block__item {
        width: 100%;
        margin-right: 0;
    }

    .catalog-block--bottom-btn .btn {
        width: 100%;
    }

    .contacts-detail__properties {
        flex-wrap: wrap;
        margin-top: 32px;
    }

    .styled-block {
        margin-left: 0;
        margin-right: 0;
    }
}

/* ==========================================================================
   УСИЛЕННЫЙ СЛОЙ ОФОРМЛЕНИЯ
   Второй проход: те же приёмы, но заметнее — выразительные заголовки с
   фирменной чертой, карточки с постоянной глубиной, кнопки-«таблетки»,
   акценты на секциях. Цветовая гамма прежняя: красный #e20017 + нейтраль.
   ========================================================================== */

:root {
    --pmlx-r-sm: 18px;
    --pmlx-r-md: 22px;
    --pmlx-r-lg: 28px;

    --pmlx-shadow-1: 0 2px 4px rgba(16, 18, 24, .05), 0 8px 22px rgba(16, 18, 24, .07);
    --pmlx-shadow-2: 0 4px 10px rgba(16, 18, 24, .07), 0 26px 54px rgba(16, 18, 24, .16);
    --pmlx-shadow-brand: 0 14px 30px rgba(226, 0, 23, .34);
}

/* --- 14. Заголовки секций: фирменная черта и крупная подача --------------- */

.index-block__title,
.topic__heading #pagetitle,
.page-top #pagetitle,
#pagetitle {
    position: relative;
    font-weight: 800;
    letter-spacing: -.025em;
}

.index-block__title {
    font-size: clamp(24px, 1.5vw + 16px, 38px);
    line-height: 1.15;
}

.index-block__title:not(.line) {
    padding-top: 18px;
}

/* короткая красная черта над заголовком секции — главный видимый акцент.
   У заголовков с классом .line своя черта снизу от шаблона — их не трогаем,
   чтобы не было двух полосок сразу */
.index-block__title:not(.line)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--pmlx-brand) 0%, rgba(226, 0, 23, .35) 100%);
}

/* заголовок страницы — та же черта, чтобы внутренние страницы не отставали */
.topic__heading {
    position: relative;
    padding-top: 20px;
}

.topic__heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--pmlx-brand) 0%, rgba(226, 0, 23, .35) 100%);
}

/* --- 15. Шапка страницы: мягкая фирменная подложка ------------------------ */

.page-top-wrapper--grey {
    position: relative;
    background-image:
        radial-gradient(120% 140% at 0% 0%, rgba(226, 0, 23, .09) 0%, rgba(226, 0, 23, 0) 58%),
        radial-gradient(90% 120% at 100% 0%, rgba(226, 0, 23, .05) 0%, rgba(226, 0, 23, 0) 60%);
    border-bottom: 1px solid rgba(226, 0, 23, .13);
}

.breadcrumbs__item-name,
.breadcrumbs__link {
    letter-spacing: .01em;
}

/* --- 16. Кнопки: «таблетки» с фирменным свечением ------------------------- */

.btn:not(.btn--no-btn-appearance):not(.btn-inline),
.form__btn {
    border-radius: 999px;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 14px;
    padding-bottom: 15px;
    font-weight: 700;
    letter-spacing: .015em;
}

.btn:not(.btn--no-btn-appearance):not(.btn-inline):hover {
    transform: translateY(-3px);
    box-shadow: var(--pmlx-shadow-brand);
}

.btn.btn-default,
.btn.btn-primary,
.form__btn {
    border-color: transparent;
}

/* --- 17. Карточки: глубина видна сразу, а не только при наведении --------- */

.blog-list__item,
.gallery-list__item,
.tizers-list__item,
.brands-list__item,
.services-list__item,
.contact-item,
.exhibition-section__item,
.docs-list__item,
.company-item,
.catalog-block__item,
.rounded-4,
body .rounded-4 {
    border-radius: var(--pmlx-r-sm);
}

.blog-list__item,
.gallery-list__item,
.catalog-block__item {
    position: relative;
    box-shadow: var(--pmlx-shadow-1);
}

.blog-list__item:hover,
.gallery-list__item:hover,
.brand-list__item:hover,
.contact-item:hover,
.exhibition-section__item:hover {
    transform: translateY(-7px);
    box-shadow: var(--pmlx-shadow-2);
    border-color: rgba(226, 0, 23, .28);
}

/* плитки логотипов сложены в бесшовную сетку — тени им не нужны,
   достаточно лёгкого приближения при наведении */
.brands-list__item {
    transition: transform var(--pmlx-t), background-color var(--pmlx-t);
}

.brands-list__item:hover {
    transform: scale(1.04);
    background-color: var(--pmlx-brand-soft);
}

.catalog-block__item:hover {
    border-color: rgba(226, 0, 23, .28);
}

/* красная полоска, «выезжающая» по верху карточки новости при наведении */
.blog-list__item::after,
.gallery-list__item::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--pmlx-brand);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .35s var(--pmlx-ease);
    z-index: 3;
    pointer-events: none;
}

.blog-list__item:hover::after,
.gallery-list__item:hover::after {
    transform: scaleX(1);
}

/* картинка приближается заметнее */
.blog-list__item:hover .blog-list__item-image,
.gallery-list__item:hover .gallery-list__item-image {
    transform: scale(1.08);
}

.blog-list__item-title,
.gallery-list__item-title,
.catalog-block__info-title {
    font-weight: 700;
    letter-spacing: -.015em;
}

/* дата новости — аккуратная «таблетка» вместо строчки текста */
.blog-list__item-period-date {
    display: inline-block;
    padding: 3px 11px;
    border-radius: 999px;
    background: var(--pmlx-brand-soft);
    color: var(--pmlx-brand);
    font-weight: 600;
    letter-spacing: .01em;
}

/* метки на карточках — насыщеннее */
.sticker__item {
    padding: 6px 14px;
    font-weight: 700;
}

.sticker__item--bordered {
    border-color: rgba(226, 0, 23, .35);
}

/* --- 18. Тизеры (цифры о выставке): настоящие плитки ---------------------- */
/* раньше это был текст на голом фоне; теперь — плитка с фирменной подложкой.
   Подложка полупрозрачная, поэтому одинаково работает и в светлой, и в
   тёмной теме сайта. */

.tizers-list__item {
    padding: clamp(18px, 2vw, 26px);
    border-radius: var(--pmlx-r-sm);
    border: 1px solid rgba(226, 0, 23, .16);
    background: var(--pmlx-brand-soft);
    transition: transform var(--pmlx-t), box-shadow var(--pmlx-t),
                border-color var(--pmlx-t), background-color var(--pmlx-t);
}

.tizers-list__item:hover {
    transform: translateY(-5px);
    border-color: rgba(226, 0, 23, .32);
    background: var(--pmlx-brand-soft-2);
    box-shadow: var(--pmlx-shadow-2);
}

.tizers-list__item-image-wrapper {
    transition: transform var(--pmlx-t);
}

.tizers-list__item:hover .tizers-list__item-image-wrapper {
    transform: scale(1.06);
}

/* крупная цифра — главный акцент плитки */
.tizers-list__item-name {
    font-size: clamp(26px, 1.4vw + 20px, 36px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: var(--pmlx-brand);
}

.tizers-list__item-descr {
    line-height: 1.4;
}

/* --- 19. Меню: подчёркивание пункта заметнее ------------------------------ */
/* фон-«таблетку» пункту меню не даём: ссылка тянется на всю высоту шапки,
   и подсветка вышла бы огромным пятном. Работает подчёркивание. */

.header-menu__link .header-menu__title::after {
    height: 3px;
    bottom: -8px;
}

.header-menu__item.active .header-menu__link .header-menu__title {
    font-weight: 700;
}

/* --- 20. Главный баннер и крупные заголовки ------------------------------- */

.banners-big__title {
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1.1;
}

/* скругляем сам слайд и картинку в нём. overflow: hidden намеренно не ставим —
   у слайдера снаружи лежат стрелки и точки, их бы обрезало */
.banners-big__item,
.banners-big__adaptive-img {
    border-radius: var(--pmlx-r-md);
}

.banners-img-list__item-image,
.banners-img-list__item-link {
    border-radius: var(--pmlx-r-sm);
    overflow: hidden;
}

/* --- 21. Кнопка «наверх» — круглая, фирменная ---------------------------- */

a.scroll-to-top,
#scrollToTop {
    border-radius: 50%;
    background-color: var(--pmlx-brand);
    border-color: transparent;
    box-shadow: var(--pmlx-shadow-brand);
}

a.scroll-to-top:hover,
#scrollToTop:hover {
    background-color: var(--pmlx-brand-hover);
    transform: translateY(-4px);
}

/* --- 22. Блок подписки и подвал ------------------------------------------ */

.subscribe-section__inner {
    border-radius: var(--pmlx-r-lg);
}

.footer {
    position: relative;
}

/* тонкая фирменная линия над подвалом — визуально «закрывает» страницу */
.footer::before {
    content: "";
    display: block;
    height: 3px;
    background: linear-gradient(90deg, var(--pmlx-brand) 0%, rgba(226, 0, 23, .25) 45%, rgba(226, 0, 23, 0) 100%);
}

.footer .social__item:hover a,
.footer .social__link:hover {
    transform: translateY(-3px) scale(1.08);
}

/* --- 23. Разделители секций — тоньше и мягче ------------------------------ */

.index-block--delimiter {
    border-color: rgba(16, 18, 24, .08);
}

/* --- 24. Адаптив усиленного слоя ----------------------------------------- */

@media (max-width: 767px) {
    .index-block__title:not(.line),
    .topic__heading {
        padding-top: 14px;
    }

    .index-block__title:not(.line)::before,
    .topic__heading::before {
        width: 38px;
        height: 3px;
    }

    /* карточки на телефоне не «подпрыгивают» — вместо этого просто читаемы */
    .blog-list__item:hover,
    .gallery-list__item:hover,
    .tizers-list__item:hover,
    .brands-list__item:hover {
        transform: none;
    }

    .btn:not(.btn--no-btn-appearance):not(.btn-inline),
    .form__btn {
        min-height: 46px;
        padding-left: 22px;
        padding-right: 22px;
    }
}

/* --- 25. Уважение к настройкам «меньше движения» ------------------------- */

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

/* --- 26. Соцсети и переключатель языка в шапке ---------------------------- */
/* Было: разнокалиберные картинки соцсетей «в воздухе» и прямоугольные флаги
   с чёрной рамкой (её давал служебный класс shadow-no-border-hovered) — по
   компоновке они выпадали из строки шапки.
   Стало: единый ряд круглых «чипов» одного размера и компактная «таблетка»
   переключателя языка с круглыми флагами. */

/* 26.1 Соцсети — круглые чипы одного калибра ------------------------------ */

[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__items {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    margin: 0;
    padding: 0;
}

[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__item {
    padding: 0;
    margin: 0;
}

[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    /* полупрозрачная подложка одинаково читается и на белой шапке,
       и на тёмной теме, и поверх баннера на главной */
    background: rgba(140, 140, 140, .14);
    box-shadow: inset 0 0 0 1px rgba(140, 140, 140, .12);
    transition: background-color var(--pmlx-t), box-shadow var(--pmlx-t),
                transform var(--pmlx-t);
}

[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link img {
    display: block;
    width: 17px;
    height: 17px;
    object-fit: contain;
    opacity: .72;
    transition: opacity var(--pmlx-t), filter var(--pmlx-t);
}

[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link:hover,
[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link:focus-visible {
    background: var(--pmlx-brand);
    box-shadow: var(--pmlx-shadow-brand);
    transform: translateY(-2px);
    outline: none;
}

[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link:hover img,
[data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link:focus-visible img {
    opacity: 1;
    filter: brightness(0) invert(1);
}

/* 26.2 Переключатель языка — «таблетка» с круглыми флагами ----------------- */

.language-mob-left-menu {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 3px 3px 10px;
    border-radius: 999px;
    background: rgba(140, 140, 140, .12);
    box-shadow: inset 0 0 0 1px rgba(140, 140, 140, .16);
    line-height: 0;
}

/* значок глобуса — подсказка, что это выбор языка, а не «флажки стран» */
.language-mob-left-menu::before {
    content: "";
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    opacity: .45;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.4 2.7 3.7 5.7 3.7 9S14.4 18.3 12 21c-2.4-2.7-3.7-5.7-3.7-9S9.6 5.7 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.language-mob-left-menu img.language__img {
    width: 26px;
    height: 26px;
    margin: 0;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    opacity: .6;
    filter: saturate(.4);
    box-shadow: 0 0 0 1px rgba(16, 18, 24, .12);
    transition: opacity var(--pmlx-t), filter var(--pmlx-t),
                transform var(--pmlx-t), box-shadow var(--pmlx-t);
}

.language-mob-left-menu img.language__img:hover {
    border: 0;
    opacity: 1;
    filter: none;
    transform: translateY(-1px) scale(1.08);
    box-shadow: 0 0 0 1px rgba(16, 18, 24, .18), var(--pmlx-shadow-1);
}

/* текущий язык — в цвете и с фирменным кольцом */
.language-mob-left-menu img.language__img.language__img_active {
    border: 0;
    opacity: 1;
    filter: none;
    box-shadow: 0 0 0 2px var(--pmlx-brand);
}

/* 26.3 Композиция верхней строки шапки ------------------------------------ */
/* слева — адрес и телефон, справа — соцсети, язык и сервисные иконки:
   строка перестаёт «рассыпаться» на разрозненные блоки */

.header__top-part .header__top-inner > [data-ajax-load-block="HEADER_TOGGLE_ADDRESS"] {
    order: 1;
}

.header__top-part .header__top-inner > [data-ajax-load-block="HEADER_TOGGLE_PHONE"] {
    order: 2;
}

.header__top-part .header__top-inner > [data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] {
    order: 3;
    margin-left: auto;
    flex-shrink: 0;
}

.header__top-part .header__top-inner > .language-mob-left-menu {
    order: 4;
    margin: 0 16px;
    flex-shrink: 0;
}

.header__top-part .header__top-inner > [data-ajax-load-block="HEADER_RIGHT_BLOCK"] {
    order: 5;
}

/* 26.4 Мобильное меню — те же элементы, но крупнее под палец -------------- */

.mobilemenu__item > .language-mob-left-menu {
    gap: 10px;
    padding: 6px 6px 6px 14px;
    margin: 0 0 4px;
}

.mobilemenu__item > .language-mob-left-menu img.language__img {
    width: 38px;
    height: 38px;
}

.mobilemenu__item > .language-mob-left-menu::before {
    width: 18px;
    height: 18px;
}

@media (max-width: 767px) {
    [data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link {
        width: 40px;
        height: 40px;
    }

    [data-ajax-load-block="HEADER_TOGGLE_SOCIAL"] .social__link:hover {
        transform: none;
    }

    .language-mob-left-menu img.language__img:hover {
        transform: none;
    }
}