@font-face {
    font-family: 'BlackerText';
	src: url('https://italishop.ru/wa-data/public/shop/themes/megashop31/fonts/blackertext-light.eot'); /* IE 9 Compatibility Mode */
	src: url('https://italishop.ru/wa-data/public/shop/themes/megashop31/fonts/blackertext-light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('https://italishop.ru/wa-data/public/shop/themes/megashop31/fonts/blackertext-light.woff2') format('woff2'), /* Super Modern Browsers */
		url('https://italishop.ru/wa-data/public/shop/themes/megashop31/fonts/blackertext-light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('https://italishop.ru/wa-data/public/shop/themes/megashop31/fonts/blackertext-light.ttf') format('truetype'), /* Safari, Android, iOS */
		url('https://italishop.ru/wa-data/public/shop/themes/megashop31/fonts/blackertext-light.svg#blackertext-light') format('svg'); /* Chrome < 4, Legacy iOS */
    font-weight: 100;
    font-style: normal;
}
body, button, input, select, textarea,.c-header-top-bar{font-size:16px;color:#000;}
.c-header-middle-bar__container-main{padding-left:40px;}
.c-header-bottom-bar{background-color:#000;}
.c-header-middle-bar-address__hint,.c-breadcrumbs{font-size:14px;}
.c-header-middle-bar-address__hint{margin-top:5px;}
.c-content-decorator h1, .c-content-decorator h2, .c-content-decorator h3, .c-content-decorator h4, .c-content-decorator h5{color:#000;}
.r-header-menu__dropdown{width:100%;}
.c-page_searchpro .searchpro__field-container{border:2px solid #ededed;}
.c-page_searchpro .searchpro__field-input{padding:10px 14px;}
.list-rows__item{font-size:18px; color:000;}

.c-header-top-bar{background-color:#323233;}
    .l-header-top-bar-links__item .c-link{color:#fff;}
        .l-header-top-bar-links__item .c-link:hover{color:#ccc;}
    .c-header-bottom-bar-links__item-container:nth-child(6) .c-header-bottom-bar-links__link{color:#ff3131;}
        .c-header-bottom-bar-links__item-container:nth-child(6) .c-header-bottom-bar-links__link:hover{color:#fff;}
.c-header-bottom-bar, .c-home-block_style_gray{background-color:#f5f5f7;}
.c-header-bottom-bar-links__link{color:#000;}
    .c-header-bottom-bar-links__link:hover{color:#fff;}
.c-header-bottom-bar-links__item-container{width:auto;}
.c-header-bottom-bar-links__item .c-button_active{color:#fff;}
.c-header-middle-bar{font-size:inherit;background-color:#fcfcfc;}
.c-header-middle-bar-phone_size_s .c-header-middle-bar-phone__phone{font-size:18px;font-weight:bold;}
* + .c-header-middle-bar__main-container-bottom{margin-top:10px;}
.c-content-decorator h1, .c-header_h1,.c-catalog-columns__link{font-weight:bold;color:#000;}
.l-footer-columns__column{width:auto;}
.c-brand-page__description-container{margin-bottom:0px;}
.c-brand-page__categories-container{margin-bottom:30px;}
.price100sale{padding:5px 10px; font-size:13px; color:#000; display:block; width:100%; background: #fffc44; border-radius:4px;}

.l-content-columns__content{max-width:100%;}

.c-product-thumb{border:none;}
.c-product-thumb__name{height:auto;overflow: auto;}
.c-product-thumb__main a.c-product-thumb__name{font-size:16px;font-weight:bold;}
    .c-product-thumb__main a.c-product-thumb__name span{border-bottom:1px solid #ccc;}
    
    @media screen and (max-width:1199px){
        .c-product-thumb__main a.c-product-thumb__name{font-size:18px;font-weight:bold;margin-bottom:10px;}
    }
    @media screen and (max-width:560px){
        .c-product-thumb__main a.c-product-thumb__name{font-size:16px;font-weight:bold;margin-bottom:10px;}
        .c-product-thumb__main .price100sale{line-height: 13px;}
        .mobile_disable{display:none;}
    }
.c-product-thumb__prices {white-space: normal;}

.c-responsive-tabs__tab-content-container .c-block__header {margin-bottom:45px;}
.c-content-decorator .c-block__header ul{list-style: disc;}
.c-responsive-tabs__tab-header-text-container{font-size:18px;font-weight:bold;}
.c-pseudo-link-box__link{border-bottom:1px dotted #8ed2f9;}

.c-product-thumb:hover .c-link{color:#2d9cdb;}

.c-product__add-to-cart-form .c-button_fill,.c-product-add-to-cart__controls-button .c-button_fill{background:#000;border:none;color:#fffc44;}
.c-product__add-to-cart-form .c-button_fill:hover,.c-product-add-to-cart__controls-button .c-button_fill:hover{color:#fff;}
.c-product-add-to-cart_disabled .c-product-add-to-cart__controls-button .c-button_fill{background: #fafafa; color: #e0e0e0;}
.c-product-add-to-cart__buy-one-click{marin-top:10px;}
.c-product-cart-form_modal-extend{width:100%;max-width:1199px;}
.l-blocks__item-other_info,.l-blocks__item-other_info{margin-top:30px;}
.c-home-description{padding-bottom:0px;}
.c-product-images__image{height:490px;}
@media screen and (min-width:1199px){
.c-products-thumbs__item{}
.c-product-images__image{height:490px;}
.c-product-features__group-features{display:inline-block;width:70%;padding-right:25px;}
.c-product-features-right{width:30%; display:inline-block;vertical-align: top;}
}

.c-product-page__pagination{width:100%;}
    .c-product-page__pagination .c-link-prev, .c-product-page__pagination .c-link-next{color:#fff;display:inline-block;width:49%;text-decoration:none;padding:5px 10px;background:#ccc;}
    .c-product-page__pagination .c-link-prev{border-radius:5px 1px 1px 5px;float:left;}
    .c-product-page__pagination .c-link-next{border-radius:1px 5px 5px 1px;float:right;}
/*Ширина характеристик на десктопе*/
.specification_name, .share_name{font-weight:bold;letter-spacing:1px;text-transform: uppercase;}
.specification_file{margin-top:10px; background: url("https://italishop.ru/wa-data/public/site/data/italishop.ru/download-pdf-icon2.png") no-repeat 0px 0px / 35px; padding-left:45px;line-height:1.2;}
.specification_file a{display:inline-block;margin-top:5px;}
.share_file{margin-top:10px; line-height:1.2;}
.manager, .specification, .share{border:2px solid #f2f2f2; border-radius: 5px; padding: 19px; margin-bottom:15px;}
.manager_text{background: url("https://italishop.ru/wa-data/public/site/data/italishop.ru/dmitry2.jpg") no-repeat 0px 0px / 100px;
  padding-left: 120px;}
.manager_name{font-weight:bold;margin-bottom:5px;}
.manager_info{font-size:15px;line-height:1.2;margin-bottom:5px;}
.manager_talk{font-size:15px;line-height:1.2;color:#828282;}
.manager_phone{font-size:20px;font-weight:bold;}

.whatsapp{display:block;background:#65bc54; border-radius: 5px; padding: 8px; margin-bottom:15px; text-align:center;}
.whatsapp img{vertical-align:middle;}
.whatsapp_name{font-weight:bold;letter-spacing:1px;text-transform: uppercase; color:#fff;line-height:28px;}

.c-product-cart-form__responsive-sub-header{overflow:inherit;}
.c-page_buy1click .c-product-add-to-cart__buy-one-click .c-buy1click-decorator .buy1click-button{font-size:14px;}
.c-product-feature, .c-product-cart-form__top-value{font-size:inherit;color:inherit;margin-bottom:10px;}
.c-product-feature a, .c-product-page__footer a,.c-value__value-text a, .c-content-decorator a {border-bottom:1px solid #cb9c27;}
.l-categories-mini__item{margin-right:15px;margin-bottom:15px;}
.c-category-mini__name-container-inner{height:auto;}
.c-page_container-middle .l-categories-mini__item{width:auto;}
.c-category-mini__name-container{width: auto;}
.c-category-mini__name{font-size:16px!important;}
.c-category-mini{color:var(--link-color);}
    .c-category-mini:hover{background:#fff5c0;}
    .c-category-mini:hover .c-category-mini__name{color:#000;}
.c-content-decorator ol, .c-content-decorator ul{color:#000;}
.c-modal__close{z-index:999;}
.c-products__lazy-load-button, .c-button_size_l{width:100%;border:2px solid var(--button-color);}
.c-pagination-item{padding:15px;margin:3px;border:2px solid var(--button-color);}

/*Blog*/
.c-post-thumb__title-container{display:block;height:auto;}
.l-blog-posts-mini .c-link{font-size:14px;}
.c-blog-sidebar-news__link-container .c-link {border-bottom:1px solid #8ed2f9}

.brand-plugin-catalog-brand-categories__link{color:var(--link-color);text-decoration:none;}
.c-product-images__images{background:#f1f1f1;}
.c-product-images__images .c-zoom, .c-product-images__images .c-zoom .c-lazy-image{position:absolute;max-width:100%;max-height:100%;margin:auto;top:0;bottom:0;right:0;left:0;}
.c-zoom__zone{display:none!important;}
.c-product-cart-form__badges, .c-product-thumb__badges{top:-5px;left:-5px;}
@media (max-width: 560px) {
  .c-product-thumb_mobile .c-product-thumb__badges {
    top: -5px;
    left: -5px;
  }
}
.c-product-badge:not(.c-product-badge_autobadge), .c-product-badge_autobadge .autobadge-default, .c-product-badge{padding:4px 8px;text-transform:initial;}
.c-product-cart-form__top-values::after{content:inherit;}
.c-product-thumb__buy-one-click{border:none;padding:0;margin-top:10px;margin-bottom:0px;}
.brand-columns__fabric{margin:20px 0;}

@media screen and (max-width:1199px){
    .c-order-page::before {margin-bottom:0;}
    .c-order-page__container{
    flex-flow: column nowrap;
    margin-left:0;
    }
    .c-order-page__container::before {
    content: '';
    display: table;
    margin-bottom: -60px;
    }
    .l-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100vw;
    }
    .c-order-page__cart-container, .c-order-page__form-container, .c-order-page__not-found-container {
    margin-left: 0;
    margin-top: 60px;
    width: auto;
    }
    .manager, .quote{margin-top:25px;}
    .c-product-cart-form__r-additional-buttons{top: 10px; right: 10px; background: #fff; width: 31px; height: 31px; border-radius: 30px; text-align: center;}
    .c-product-cart-form__r-additional-buttons .l-image-box{line-height: inherit;}
    .c-product-cart-form__responsive-sub-header{margin-bottom:10px;}
    .specification{margin-bottom:0px;}
    .c-product-page__footer-social {display: block;}
}

.c-post-thumb__title-container{height:auto;}
.c-post-thumb__title-container a{display:block;}
figure img{display:block;}
figcaption{padding:10px 15px;border:#EEEEEE 1px solid;border-radius:0 0 5px 5px;width:auto;max-width:720px;font-size:11px;margin-bottom:20px;}
.c-content-decorator b, .c-content-decorator strong{font-weight:bold;color:#000;}
.c-content-decorator .video-container, .c-content-decorator p{margin:15px 0;}

.contact-photo{max-width:200px;margin:0;display:none;}
@media screen and (min-width:800px){
.contact-photo{float: right;margin: 0px 0px 1.5em 1.5em;display:block;}
}

.anons_style,.anons_type{margin:10px 0;}
.anons_style a,.anons_type a{display:inline-block;padding:3px 12px;margin-right:5px;margin-bottom:5px;border-bottom:none;border-radius:5px;}
.anons_style a{background:#e5f1ff;color:var(--primary-color);}
    .anons_style a:hover{background:#fff5c0;color:#000;}
    .anons_style a:last-child, .anons_type a:last-child{margin-right:0;}
.anons_type a{background:#fff5c0;color:#000;}
    .anons_type a:hover{background:#e5f1ff;color:#0072ff;}
@media (max-width:800px) {
    .anons_style a, .anons_type a{}
}

.r-header-menu__dropdown-main .js-r-header-catalog__toggle .list-rows__item-name, .r-header-menu__dropdown-main .list-upper{text-transform: uppercase;letter-spacing:1px;font-weight:bold;color:#000;}
.r-subdropdown__main .list-rows_separated .list-rows__item-name{color:#000;}
.r-subdropdown__main .list-rows_separated .list-rows__item_highlighted .list-rows__item-name{border-bottom:1px solid var(--light-color);}

.l-blocks__item-categories_1, .l-blocks__item-products_3, .l-blocks__item-brands, .l-blocks__item-news{content-visibility: auto;}
.c-page_buy1click .c-buy1click-decorator_button .buy1click-button, .c-page_buy1click .c-product-thumb__buy-one-click .c-buy1click-decorator_button .buy1click-button{background-color:#f5f5f7;color:#000;}
.c-page_buy1click .c-buy1click-decorator_button .buy1click-button:hover, .c-page_buy1click .c-product-thumb__buy-one-click .c-buy1click-decorator_button .buy1click-button:hover{background:#f5f5f7;color:#4c4c4c;}
.c-footer {background: #000; font-size: 14px;}
.c-category-thumb{padding:0;overflow:hidden;border:none;}
.c-category-thumb__image-box{width:auto;height:auto;}
.c-category-thumb__image{position:inherit;transition: 0.5s;}
.c-category-thumb__name{position:absolute;bottom:20px;left:20px;color:#fff;height:auto;}
.c-category-thumb:hover .c-category-thumb__image{transform: scale(1.1);}
.c-category-thumb:hover .c-category-thumb__name {color:#fff;}

.l-categories-thumbs_mobile .c-category-thumb{padding:0px;}
.l-categories-thumbs_mobile .c-category-thumb__image-box{width:auto;height:auto;}

/*Плитки подкатегорий*/
.l-categories-compact__item{width:180px;vertical-align: bottom;margin-right:5px;}
.c-category-compact__content, .c-category-compact__image-box{display:block;}
.c-category-compact__image-box{width:150px;margin-bottom:15px;}
.list-rows__item-image {width:60px;height:60px;}


/*Валпепер на странице товара*/
.product-wallpaper-screen1{display:none;}
@media screen and (min-width:1200px){
.product-wallpaper-screen1{display:block; margin:-15px 0px 20px 0px;}
    .product-wallpaper-screen1 img, .product-wallpaper2 img, .product-video video{border-radius:5px; width:100%;}
    .product-wallpaper-name{position: absolute; text-align: center; width: 100%; top: 25px;}
    .product-wallpaper-name span{width:500px; display: inline-block; font-size: 30px; text-transform: uppercase; font-weight: bold; color: #fff; opacity: 0.5; line-height: 1; letter-spacing: 1px; text-shadow: 0px 0px 20px #000;}
}
.product-wallpaper-mobile1{display:none;}
@media (max-width:1199px) {
    .product-wallpaper-mobile1, .product-wallpaper2, .product-video{display:block; margin:0px -15px 20px -15px;}
    .product-wallpaper-mobile1 img, .product-wallpaper2 img, .product-video video{width:100%;}
}
.product-video, .product-wallpaper2, .technical, .materials{margin-top:30px;}
.technical img{max-width:100%;}

.shop-brand-brands__brand-wrap{width:180px;}
.shop-brand-brands__brand-name{font-size:16px;}
.shop-brand-brands__brand-link{color:#206dc4;border-radius:4px;border: 1px solid transparent;}

/*Вёрстка под каталоги фабрик*/
.brand100sale{display:block; width:100%; padding: 12px;text-align: center;font-size: 18px;margin-bottom: 15px;background: #fffc44; border-radius: 5px;}
.brand-catalogs-container{background:#fafafa;margin-top:30px; padding:20px;border-radius:5px;}
.brand-catalogs-container h2{font-size:24px;}

.brand-catalogs {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom:30px;
}

.brand-catalog-item{
    display: flex;
    gap: 20px;
        border: #f2f2f2 1px solid;
    border-radius: 10px;
    padding: 18px 20px 15px;
}
    .brand-catalog-item .brand-catalog-img {
        flex: 0 0 auto;
    }
    .brand-catalog-item .brand-catalog-img img{
        display: block;
        width: 92px;
        height: auto;
    }
    .brand-catalog-item .brand-catalog-name a {
        display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  color: #333333;
  font-size: 14px;
  line-height: 120%;
  text-decoration:none;
    }
    .download {
         
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 5px;
  background: #F4F4F4;
  color: #999999;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* Текст "Скачать" через псевдоэлемент */
.brand-catalog-name a .download::after{
  content: "Cкачать";
}
.brand-catalog-name a .download::before{
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background: url("https://italishop.ru/wa-data/public/site/data/italishop.ru/download.png") no-repeat bottom / 14px;
  opacity:0.5;
}

/* 4) Цвет и поведение текста ссылки (как на скрине — спокойнее) */
.brand-catalog-name a:link,
.brand-catalog-name a:visited{
  color: #1a1a1a;
}

.brand-catalog-name a:hover{
  color: #1a1a1a;
}

.brand-catalog-name a:hover .download{
  background: #eaeaea;
}

/* контейнер текста */
.brand-page__description-text-container {
  position: relative;
}

/* скрываемая часть */
.brand-seo-more {
  display: none;
  margin-top: 10px;
}

/* когда раскрыто */
.brand-seo-is-open .brand-seo-more {
  display: block;
}

/* кнопка "показать ещё" */
.brand-seo-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #333333;        
  font-size: 12px;
  line-height: 100%;
  cursor: pointer;
  text-decoration:none;
  border-bottom:#333333 1px dashed;
}

/* лёгкий hover */
.brand-seo-toggle:hover {
  color: #6f6f6f;
}

/* Контейнер героя: слева картинка, справа — карточка/форма */
.block .brand-hero{
  display: flex;
  gap: 20px;
  align-items: stretch;
  margin-top: 15px;
}

/* Левая колонка (картинка) */
.block .brand-hero__media{
  flex: 1 1 auto;
  min-width: 0;
  height: 290px;
  max-height: 290px;
  border-radius: 15px;
  overflow: hidden;
}

.block .brand-hero__img{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;    
  object-fit: cover;
}

.block .brand-hero__bg{
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.block .brand-hero__side{
  flex: 0 0 50%;     
  max-width: 50%;
  min-width: 50%;
}

/* Карточка формы */
.block .brand-hero__consult{
  height: 100%;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 15px;
  background: #fff;
  padding: 40px 40px 20px;
}

/* Заглушка, чтобы сейчас выглядело прилично */
.block .brand-hero__consult-placeholder{
  color: #333333;
  font-size: 20px;
  line-height:100%;
  font-weight: 500;
  margin-bottom:20px;
}
.brand-hero__consult .consultant-card {
    padding:0;
    border:0;
    width: 75%;
}

/* Текст-описание после героя — чтобы не лип */
.block .brand__desc{
  margin-top: 18px;
  padding-right:35%;
}

/* Адаптив: на узких экранах — в колонку */
@media (max-width: 980px){
  .block .brand-hero{
    flex-direction: column;
  }
  .block .brand-hero__side{
    flex: 0 0 auto;
    max-width: none;
    width: 100%;
    min-width: 0;
  }
  .block .brand-hero__img,
  .block .brand-hero__bg{
    min-height: 220px;
  }
}
@media (max-width: 768px){
    .brand-catalogs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .block .brand__desc {
    padding-right: 5%;
}
}
@media (max-width: 490px){
    .brand-catalogs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap:10px
    }
    .block .brand__desc {
    padding-right: 0;
}
}


.review-catalog-item{width:48%;display:inline-block;margin-right:10px;margin-bottom:10px;border:1px solid #f1f1f1;border-radius:4px;background:#fff;padding:20px;vertical-align:top;}
.img-item{width:48%;display:inline-block;}
.review-catalog-item .review-catalog-text{font-size:14px; font-style:italic;}
.logo-catalog {display: flex;flex-wrap:wrap; align-items:center;}
    .logo-item {text-align:center; padding:35px;width:25%;}
    .logo-item a{border-bottom:none;}
@media screen and (max-width:695px){
    .brand-catalog-item, .review-catalog-item, .img-item{width:100%;}
    .brand-catalog-item .brand-catalog-name{width:85%;}
    .logo-item {padding:20px;}
}
@media screen and (max-width:1199px){
  .brand-catalogs-container{margin:25px -15px 25px -15px;border-radius:0px;padding:15px;}
    .brand-catalogs-container h2{font-size:18px;}
    .brand100sale{font-size:16px;line-height:1.2;}
    .r-header-menu__dropdown-header{background:#fafafa;}
}

@media (max-width: 560px) {
    .c-products-thumbs__item {
        width: 48%;
    }
}

.c-product-page__footer-social{padding-left:10px;}
/*Кнопка наверх*/
.c-up-button{bottom:115px;}

.js-product-quantity{width:30px;}
.s-minus-button,.s-plus-button{display:none;}
.ya-share2__list.ya-share2__list_direction_horizontal{padding-left:0px;margin-bottom:0px;}/* stylelint-disable no-empty-source */


/* Блок с адресом и графиком */
.contacts-page__info {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin: 30px 0 30px;
}

.contacts-page__col {
    flex: 1 1 50%;
}

.contacts-page__subtitle {
    font-size: 20px;
    line-height:100%;
    margin: 0 0 10px !important;
    color:#333333;
    font-weight:500 !important
}
.contacts-page__col p {
    margin: 0;
    font-size: 14px;
    line-height: 120%;
    color:#333333;
}

/* Карта */
.contacts-page__map-wrapper {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}
.contacts-page__map {
    width: 100%;
    min-height: 350px; 
}
/* Плашка с e-mail */
.contacts-page__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-decoration: none !important;
    padding: 15px 30px;
    border-radius: 10px;
    background: #FAF5E9; 
    color: #333333 !important;
    font-size: 20px;
    line-height:100%;
}
.contacts-page__cta:hover {
    background: #ffe9c4;
}
.contacts-page__cta .icon-box__icon {
    padding:3px 0 0;
    margin-right:-10px;
}
.contacts-page__cta-email {
        border-bottom: 1px solid #CB9C27;
}
.contacts-block {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin: 80px 0 60px;
}
.contacts-block__left {
    width: 50%;
}

/* Заголовок как на скрине — тот же стиль, что и «Остались вопросы?» */
.contacts-page-title {
    font-size: 48px !important;
    font-weight: 100 !important;
    font-family: "Playfair Display", serif;
    letter-spacing: -1px;
    line-height: 100%;
    margin: 0 0 30px !important;
}

/* Две колонки в одной строке */
.contacts-row-2col {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 26px;
}

.contacts-col {
    width: 50%;
}

/* Подписи */
.contacts-label {
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 10px;
}

/* Ссылки */
.contacts-value {
    font-size: 14px;
    line-height: 120%;
    color: #333 !important;
    text-decoration: none !important;
}
.contacts-value:hover {
    text-decoration: underline;
    color: #CB9C27 !important;
}
.contacts-messengers {
    display: flex;
    align-items: center;
    gap: 30px;          /* расстояние между WhatsApp и Telegram */
    margin-top: 6px;
    flex-wrap: wrap;
    text-decoration: none !important;
}
.contacts-messenger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
    color: #333 !important;
}
.contacts-messenger:hover {
    color: #CB9C27 !important;
}
.contacts-messenger__icon svg {
    display: block;
}
.svg-icon--telegram {
    transform: scale(1.15);
    transform-origin: center;
}
.contacts-messenger__text {
    line-height: 18px;
}

.contacts-block__item {
    margin-bottom: 26px;
}

/* Правая колонка */
.contacts-block__right {
    width: 55%;
}
.contacts-block__right .default-theme .multiform-gap-fields {
    margin-bottom: 15px !important;
}
/* Внешний блок-рамка */
.ceo-quote {
    margin-top: 40px;
    margin-bottom: 20px;
}
.ceo-quote__inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10%;
    padding: 50px 60px 40px;
    border-radius: 10px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
}
/* Кавычки слева и справа (через CSS, не картинки) */
.ceo-quote__inner::before,
.ceo-quote__inner::after {
    position: absolute;
    font-size: 100px;
    line-height: 1;
    color: #EEEEEE;
    font-family: "Playfair Display", serif;
}
.ceo-quote__inner::before {
    content: "“";
    left: 27%;
    top: 48px;
}
.ceo-quote__inner::after {
    content: "”";
    right: 10%;
    bottom: 20px;
}

/* Левая часть — фото и подпись */
.ceo-quote__photo {
    flex: 0 0 220px;
    text-align: left;
}

.ceo-quote__photo-img {
    width: 210px;
    height: 210px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 8px;
}

.ceo-quote__photo-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin-top:0;
}

.ceo-quote__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 4px;
}

.ceo-quote__position {
    font-size: 11px;
    line-height: 120%;
    color: #333333;
}

/* Правая часть — текст */
.ceo-quote__content {
    position: relative;
    flex: 1 1 auto;
    padding-right:6%;
}

.ceo-quote__title {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 20px;
    color: #333333;
}

.ceo-quote__subtitle {
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 16px;
    color: #333333;
    font-weight: 500;
}
/* ===== Buttons row ===== */
.ceo-quote__buttons{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top:20px;
}

/* База кнопки (одинаковая геометрия) */
.ceo-quote__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 26px;
  border-radius: 5px;
  border: 1px solid currentColor;
  background: transparent;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* выравнивание иконка + текст */
.ceo-quote__btn .icon-box{
  display: inline-flex;
  align-items: center;
  gap: 0px;
}

.ceo-quote__icon{
  display: inline-block;
  fill: currentColor;
}

/* ===== Colors (как на скрине) ===== */
.ceo-quote__btn--tg{ color: #37B4FD !important;  }     /* Telegram blue */
.ceo-quote__btn--max{ color: #464AE9 !important; }    /* Max purple */
.ceo-quote__btn--wa{ color: #4EB859 !important; }     /* WhatsApp green */

/* ===== Hovers ===== */
.ceo-quote__btn--tg:hover{
  background: #37B4FD;
  color: #fff !important
}

.ceo-quote__btn--max:hover{
  background: #464AE9;
  color: #fff !important
}

.ceo-quote__btn--wa:hover{
  background: #4EB859;
  color: #fff !important
}


/* Серый блок формы */
.form-placeholder {
    background: #f5f5f5;
    padding: 40px 45px;
    border-radius: 12px;
}
.form-placeholder h3 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 400;
}
.form-placeholder__desc {
    opacity: 0.6;
    font-size: 16px;
}
.multiform-wrap.default-theme {
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
}
div.multiform-body {
    padding:0 !important;
}

.multiform-wrap.questions .multiform-gap-form {
    border:0;
    box-sizing: border-box;
}

.form-placeholder .multiform-gap-fields{
    padding:0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
        "question question"
        "name phone"
        "consent consent";
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}


.default-theme .multiform-gap-fields,
.default-theme .multiform-gap-field,
.multiform-wrap .multiform-gap-value,
.default-theme .multiform-submit {
    padding:0 !important;
    margin:0 !important;
}
.form-placeholder .multiform-gap-field .multiform-gap-option {
    padding:0;
    margin:0;
    font-size: 11px;
    line-height:120%;
}
.form-placeholder .multiform-gap-field .multiform-gap-option span {
    padding:0;
    margin:0;
}
.form-placeholder .multiform-gap-field .multiform-gap-option span.checkbox {
    margin-right:10px;
}

/* Привязка полей к областям */
.multiform-wrap.questions #multiformField7_4-1 { grid-area: question; }
.multiform-wrap.questions #multiformField8_4-1 { grid-area: name; }
.multiform-wrap.questions #multiformField9_4-1 { grid-area: phone; }
.multiform-wrap.questions #multiformField10_4-1 { grid-area: consent; }
.multiform-wrap.questions .multiform-submit   { grid-area: submit; }

/* === УБИРАЕМ СТРОКИ "Ваш вопрос / Ваше имя / Ваш телефон" === */
.multiform-wrap.questions .multiform-gap-name {
    display: none !important;
}

/* === СТИЛИ ИНПУТОВ И TEXTAREA === */

.multiform-wrap .multiform-gap-value input,
.multiform-wrap .multiform-gap-value textarea.textarea {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important;
    padding: 10px 10px !important;
    color:#999999 !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 120% !important;
    outline: none !important;
}

.multiform-gap-value input:focus,
.multiform-gap-value textarea.textarea:focus {
    background: #fff;
    border: 1px solid #ffffff;
    box-shadow:none;
}

/* textarea — компактная, как в макете */
.multiform-wrap.questions .multiform-gap-value textarea.textarea {
    min-height: 80px;
    resize: vertical;
}

/* === ЧЕКБОКС === */

.multiform-wrap.questions #multiformField10_4-1 .form-field__label {
    font-size: 13px;
    color: #555;
    display: flex;
    align-items: center;
}

.multiform-wrap.questions .checkbox {
    margin: 0;
}

.multiform-wrap.questions .checkbox__mark {
    border-radius: 4px;
}

.multiform-gap-value .button,
.multiform-submit .button{
    border-radius: 5px !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-align: center !important;
    font-family:Manrope, sans-serif
}
.multiform-gap-value .button:hover,
.multiform-submit .button:hover{
    background-color: #b7831e !important;
}
.multiform-wrap.questions .multiform-submit .mf-button.button {
    width: 100%;
}
/* Мой заказ: инпут + кнопка в одну строку */
.index-hero__form .multiform-gap-fields{
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0; /* если нужен зазор — поставь 12px и убери склейку ниже */
}

/* Поле телефона занимает всё доступное место */
.index-hero__form #multiformField6_3-1{
  flex: 1 1 auto;
  min-width: 0; /* важно для корректного сжатия input */
}

/* Поле кнопки фиксированной ширины (под контент) */
.index-hero__form #multiformField17_3-1{
  flex: 0 0 auto;
}

/* Сбрасываем 100% ширину от mf-colm12/mf-colm6 внутри */
.index-hero__form #multiformField6_3-1,
.index-hero__form #multiformField6_3-1 .multiform-gap-value,
.index-hero__form #multiformField17_3-1,
.index-hero__form #multiformField17_3-1 .multiform-gap-value{
  width: auto !important;
}

/* Инпут тянется, кнопка не тянется */
.multiform-wrap.myorder #multiformField6_3-1 input{
  width: 100% !important;
}

.index-hero__form #multiformField6_3-1 input {
  border-radius: 5px 0 0 5px !important;
}

.index-hero__form #multiformField17_3-1 button {
    padding: 10px 36px 11px 20px !important;
  border-radius: 0 5px 5px 0 !important;
  position: relative;
}
/* Иконка */
.index-hero__form #multiformField17_3-1 button::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 15px; /* отступ от правого края */
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background-image: url("https://italishop.ru/wa-data/public/shop/themes/megashop31/img/icon-login.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}

.errormsg, .default-theme .multiform-mask-error {
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
}
.default-theme .multiform-mask-error {
    display:none
}
.multiform-wrap .multiform-error-field, .multiform-wrap input.multiform-error-field, .multiform-wrap select.multiform-error-field {
    border: 1px solid #ff4d4d !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 1px 5px rgba(255, 77, 77, 0.2);
}
/* Общий контейнер секции */
.pay-delivery {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Базовая карточка */
.pay-delivery__card {
    border-radius: 10px;
    border: 1px solid #eeeeee;
    padding: 22px 30px;
    box-sizing: border-box;
}

/* Заголовки и текст внутри карточек */
h2.pay-delivery__card-title,
div.pay-delivery__card-title {
    font-size: 20px !important;
    font-family:Manrope, sans-serif;
    letter-spacing: 0;
    line-height: 100%;
    font-weight: 500;
    margin: 0 0 10px;
}

.pay-delivery__card-text p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 120%;
    color: #333333;
}

.pay-delivery__card-text p:last-child {
    margin-bottom: 0;
}

/* 1. Большой верхний блок – две колонки */
.pay-delivery__card--hero {
    display: flex;
    align-items: flex-start;
    gap: 64px;
}

.pay-delivery__hero-left,
.pay-delivery__hero-right {
    flex: 1 1 0;
}

.pay-delivery__hero-text,
.pay-delivery__hero-note {
    font-size: 14px;
    line-height: 120%;
    color: #333333;
    margin: 0 0 10px;
}

/* Контейнер, чтобы кнопки встали в одну строку */
.pay-delivery__hero-actions {
    display: flex;
    flex-wrap: nowrap; 
    column-gap: 10px;
    row-gap: 10px;
    margin: 16px 0;
}
.pay-delivery__hero-actions a {
    text-decoration:none;
}

/* Переопределяем базовую кнопку только внутри hero-блока оплаты/доставки */
.pay-delivery__hero-actions .consultant-card__wa-btn {
    flex: 1 1 50%;          /* ← вот это главное */
    max-width: 50%;
    justify-content: center;
    margin: 0;
    padding: 12px 24px;         /* более аккуратная ширина */
}

/* Контент внутри кнопки */
.pay-delivery__hero-actions .icon-box {
    display: inline-flex;
    align-items: center;
}

.pay-delivery__hero-actions .icon-box__icon {
    padding-right: 4px;
}

.pay-delivery__hero-actions .icon-box__content {
    color: inherit;
}

/* Модификатор для e-mail-кнопки */
.pay-delivery__btn--mail {
    border-color: #CB9C27;
    color: #CB9C27 !important;
    background: #ffffff;
}

.pay-delivery__btn--mail:hover {
    background: #CB9C27;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(242, 176, 65, 0.25);
}

/* Модификатор для WhatsApp-кнопки (по аналогии с твоей зеленой) */
.pay-delivery__btn--wa {
    border-color: #4EB859;
    color: #4EB859 !important;
    background: #ffffff;
}

.pay-delivery__btn--wa:hover {
    background: #4EB859;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(78, 184, 89, 0.25);
}

/* 2. Сетка карточек снизу (для 3-й, 4-й и будущих блоков) */
.pay-delivery__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
/* Список в блоке "Дополнительные услуги" */
.pay-delivery__extras-list {
    margin: 0 0 8px 18px;
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
}

.pay-delivery__extras-list li {
    margin-bottom: 4px;
}

/* Карточка с мини-цитатой внизу */
.pay-delivery__card--quote {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pay-delivery__mini-quote {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid #f2f2f2;
}

.pay-delivery__mini-quote-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.pay-delivery__mini-quote-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pay-delivery__mini-quote-title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
}

.pay-delivery__mini-quote-text {
    font-size: 13px;
    line-height: 1.5;
    color: #555555;
    margin-bottom: 4px;
}

.pay-delivery__mini-quote-name {
    font-size: 13px;
    color: #777777;
}

/* ОБЩАЯ СЕТКА:
   2 колонки, 2 строки.
   Левая карточка тянется на 2 строки, справа сверху карточка, снизу цитата. */
.pay-delivery-guarantee__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    column-gap: 24px;
    row-gap: 16px;
    grid-template-areas:
        "left right-top"
        "left quote";
}

/* Левая высокая карточка */
.pay-delivery-guarantee__card-left {
    grid-area: left;
}

/* Правая карточка с рамкой */
.pay-delivery-guarantee__card-right {
    grid-area: right-top;
}
.pay-delivery-guarantee__services {
    margin: 8px 0 0 15px !important;
    padding-left: 7px !important;
    font-size: 14px;
    line-height: 120%;
    color: #333333 !important;
    list-style: none !important;
}

.pay-delivery-guarantee__services li {
    position: relative;
    padding-left: 0;
    color: #333333 !important;
}

.pay-delivery-guarantee__services li + li {
    margin-top: 0;
}

.pay-delivery-guarantee__services li::before {
    background: #333333 !important;
}

/* ЦИТАТА СПРАВА СНИЗУ (БЕЗ РАМКИ) */
.pay-delivery-guarantee__quote {
    grid-area: quote;
    box-sizing: border-box;
}

.pay-delivery-guarantee__quote-inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.pay-delivery-guarantee__quote-photo img {
    width: 69px;
    height: 69px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    max-width: initial !important;
}

.pay-delivery-guarantee__quote-title {
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
}

.pay-delivery-guarantee__quote-text {
    margin: 0 0 5px;
    font-size: 11px;
    line-height: 120%;
}

.pay-delivery-guarantee__quote-sign {
    margin: 0;
    font-size: 11px;
    line-height: 120%;
}



/* Видео-карточка */
.pay-delivery__card--video {
    padding: 0;
    overflow: hidden;
}

.pay-delivery__video {
    position: relative;
}
.about-benefits {
    margin-top: 20px;
    margin-bottom: 80px;
}

.about-benefits__header {
    margin-bottom: 30px;
}
.about-benefits__title,
.about-info__subtitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
}
/* Сетка карточек */

.about-benefits__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

/* Карточка */

.about-benefits__item {
    position: relative;
    min-height: 360px;
    padding: 30px;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    display: flex;
    align-items: flex-end;
}

/* Градиент поверх картинки */

.about-benefits__item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.75) 100%
    );
    z-index: 0;
}

.about-benefits__content {
    position: relative;
    z-index: 1;
}

/* Текст на карточке */

.about-benefits__card-title {
    font-size: 20px;
    line-height: 110%;
    font-weight: 500;
    margin: 0;
}

.about-benefits__card-subtitle {
    margin-top: 6px;
    font-size: 14px;
    line-height: 120%;
    font-weight: 300;
}

/* Фоны карточек */

.about-benefits__item--1 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card1.jpg");
}

.about-benefits__item--2 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card2.jpg");
}

.about-benefits__item--3 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card3.jpg");
}

.about-benefits__item--4 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card4.jpg");
}

.about-benefits__item--5 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card5.jpg");
}

.about-benefits__item--6 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card6.jpg");
}

.about-benefits__item--7 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card7.jpg");
}

.about-benefits__item--8 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card8.jpg");
}

.about-team {
    margin: 80px 0 90px;
}

.about-team__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.about-team__item {
    border-radius: 10px;
    padding: 30px 30px 28px;
    border:#eeeeee 1px solid;
    min-height: 250px; /* как у карточек выше */
    display: flex;
    flex-direction: column;
}

.about-team__photo-wrapper {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}
.about-team__photo-wrapper img {
    margin-top:0;
}
.about-team__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-team__name {
    font-size: 20px;
    line-height: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}

.about-team__role {
    font-size: 14px;
    line-height: 120%;
}

/* Как мы работаем */

.about-steps {
    margin-bottom: 90px;
}

.about-steps__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.about-steps__item {
    border-radius: 10px;
    border:#eeeeee 1px solid;
    padding: 28px 30px 30px;
    min-height: 260px; /* тот же визуальный объём */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-steps img {
    margin-top:0;
}
.about-steps__icon {
    margin-bottom: 18px;
}

.about-steps__icon-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    display: block;
    
}

.about-steps__title {
    font-size: 20px;
    line-height: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}

.about-steps__subtitle {
    font-size: 14px;
    line-height: 120%;
    margin-bottom: 10px;
}
.multiform-popup-link {
    display: block;
    width: 100%;
    margin:0 !important;
}
.about-steps__btn-link {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    border-radius: 5px;
    background: #F4F4F4;
    font-size: 14px;
    line-height: 120%;
    color: #333 !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease, color 0.25s ease;
    margin-top: auto;
}

/* Ховер эффект */
.about-steps__btn-link:hover {
    background: #e8e8e8;
    color: #000 !important;
}

/* Блок "Ваше время — наш приоритет" */
.about-priority {
    margin-bottom: 80px;
}

/* Для этого блока на десктопе — 3 колонки */
.about-priority .about-steps__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.about-priority .about-steps__item {
    padding: 40px 50px 35px;
    min-height: initial;
}

.about-gallery {
    margin: 40px 0 80px;
}
.about-priority img, .about-gallery img {
    margin-top:0;
}

.about-gallery__view {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Ряды */

.about-gallery__row--top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.about-gallery__row--bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

/* Карточки изображений */

.about-gallery__item {
    border-radius: 10px;
    overflow: hidden;
}

.about-gallery__item--tall {
    aspect-ratio: 3 / 4;
}

/* Картинки */

.about-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Блок "Italishop — для тех, кто ценит время" */
.about-audience {
    margin-bottom: 80px;
}

/* Сетка на 3 карточки (поверх базового repeat(4,...)) */
.about-benefits__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 30px;
}

.about-benefits__grid--3 .about-benefits__item {
    min-height: 300px;
}

/* Фоны карточек этого блока */

.about-benefits__item--9 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card9.jpg");
}

.about-benefits__item--10 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card10.jpg");
}

.about-benefits__item--11 {
    background-image: url("/wa-data/public/shop/themes/megashop31/img/about-card11.jpg");
}

.about-today {
    margin: 60px 0 80px;
}

.about-today__grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 6%;
    align-items:stretch;
}

/* ЛЕВАЯ КОЛОНКА — ВИДЕО */
.about-today__video {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    display: flex !important;
}
.blocks__item-brands .about-today__video {
    background-image:var(--bg);
    background-size:cover;
    background-position:50% 35%;
    background-repeat:no-repeat;
}
/* Контейнер задает пропорции */
.video-wrapper-bg {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%; /* Пропорция 16:9 */
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

/* Ссылка растягивается на весь блок */
.video-popup-link-new {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.4s ease;
}

/* Затемнение при наведении */
.video-popup-link-new:after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.1);
    transition: 0.3s;
}

.video-popup-link-new:hover:after {
    background: rgba(0,0,0,0.3);
}

/* Кнопка Play по центру */
.play-button-center {
    position: relative;
    z-index: 2;
    width: 80px;
    height: 80px;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.video-popup-link-new:hover .play-button-center {
    transform: scale(1.15);
}
/* Прячем любые элементы Video.js внутри блока превью, если они там вдруг создаются */
.video-container-wrap .video-js {
    display: none !important;
}

/* Показываем плеер только когда он внутри модального окна */
.js-video-modal .video-js {
    display: block !important;
}
/* Адаптив для мобилок */
@media (max-width: 640px) {
    .play-button-center { width: 60px; height: 60px; }
}


/* ПРАВАЯ КОЛОНКА */
.about-today__content {
    width: 100%;
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:0;
}

/* Сетка цифр */
.about-today__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px 40px;
    margin: 32px 0 40px;
}

.about-today__stat { }

.about-today__number {
    font-size: 44px;
    font-weight: 100;
    font-family: "Playfair Display", serif;
    letter-spacing: -1px;
    line-height: 100%;
    border-bottom: 2px solid #000;
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 5px;
    width: 100%;
}

.about-today__label {
    font-size: 13px;
    line-height: 100%;
}

/* Серый блок под форму */
.about-today__form {
    background: #F4F4F4;
    border-radius: 10px;
    padding: 25px 30px;
    min-height: 140px;
    display: flex;
    margin-top:auto;
}
.about-today__form-title {
    margin-bottom: 18px;
    font-size: 22px;
    line-height: 100%;
    font-weight: 600;
    color: #333;
}
/* ===== about-today: "Подробнее о нас" ===== */
.about-today__more{
  display: inline-flex;
  align-items: center;
  margin: 0px 0 40px;
  font-size: 14px;
  line-height: 120%;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,.35);
  width: fit-content;
}

.about-today__more:hover{
  border-bottom-color: rgba(0,0,0,.7);
}
/* 1) Ряд полей: имя + телефон + кнопка */
.multiform-wrap.discussproject .multiform-gap-fields{
  display: grid !important;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: center;
}

/* убираем подписи над полями (в макете их нет) */
.multiform-wrap.discussproject .multiform-gap-name{
  display: none !important;
}

/* сбрасываем 100% ширины от mf-colm12 */
.multiform-wrap.discussproject .multiform-gap-field,
.multiform-wrap.discussproject .multiform-gap-value{
  width: auto !important;
  margin: 0 !important;
}

/* чтобы инпуты нормально ужимались в grid */
.multiform-wrap.discussproject #multiformField2_2-1,
.multiform-wrap.discussproject #multiformField3_2-1{
  min-width: 0;
}

/* инпуты на всю ширину своей колонки */
.multiform-wrap.discussproject #multiformField2_2-1 input,
.multiform-wrap.discussproject #multiformField3_2-1 input{
  width: 100% !important;
}

/* кнопка фикс-ширины (как на скрине), не растягивается на всю строку */
.multiform-wrap.discussproject #multiformField18_2-1{
  min-width: 0;
}

.multiform-wrap.discussproject #multiformField18_2-1 button{
  padding:10px 25px !important;
}

/* 2) Нижняя строка с email — в одну линию */
.about-today__form-desc{
  display: flex;
  align-items: center;
  margin-top: 15px;
  font-size: 14px;
  line-height: 120%;
  color:#333;
}
.about-today__form-desc svg {
    margin:0 3px 0 5px;
}

/* ссылка (иконка + email) тоже в линию */
.about-today__form-desc a{
  display: inline-flex;
  align-items: center;
  color:#333;
}

/* email не переносится */
.about-today__form-email{
  white-space: nowrap;
  font-weight: 600
}
.copy-success {
    color: #cb9c27 !important;
}
/* иконка аккуратная (на скрине маленькая рядом с email) */
.about-today__form-desc .icon-box__icon{
  display: inline-flex;
  margin-left:5px;
}

@media (max-width: 847px){
  .home-block .multiform-wrap.discussproject .multiform-gap-fields{
    grid-template-columns: 1fr;
  }

  .multiform-wrap.discussproject #multiformField18_2-1 button{
    width: 100% !important;
  }

  .about-today__form-desc{
    flex-wrap: wrap;
  }
}

.custom-projects-section {
    width: 99vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    /* Убираем возможные горизонтальные отступы, если они есть у родителя */
    padding: 0;
    margin-bottom: 80px;
}
.custom-projects-section {
    position: relative;
    overflow: hidden;
}
.custom-projects-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 100%);
    z-index: 3; 
    pointer-events: none;
}
.projects-static-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none; /* Текст не мешает перелистыванию */
    display: flex;
    flex-direction: column;
}
.projects-static-content .container {
    position: relative;
    height: 100%;
    margin: 0 auto;
    pointer-events: none; /* Чтобы не мешал кликать по слайдам */
}
.projects-main-title {
    position: absolute;
    top: 400px;
    left: 45px;
    color: #fff;
    font-size: 48px;
    font-weight: 100;
    font-family: "Playfair Display", serif;
    letter-spacing: -1px;
    line-height: 100%;
    margin: 0;
    pointer-events: auto; /* Чтобы текст можно было выделить, если нужно */
}
.projects-view-all {
    position: absolute;
    bottom: 100px;
    right: 45px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: 0.3s;
    pointer-events: auto; /* Ссылка должна быть кликабельной! */
}
.projects-view-all:hover {
    border-bottom-color: #fff;
}
.slide__text.container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Опускает всё содержимое вниз */
    align-items: flex-start;    /* Выравнивает по левому краю */
    height: 100%;
    padding-bottom: 130px !important; /* Отступ от нижнего края, чтобы текст не лежал на точках */
    box-sizing: border-box;
    position: relative;
    z-index: 15;
    pointer-events: none; /* Чтобы контейнер не перекрывал клики, если он на весь экран */
}

/* Делаем вложенные элементы снова кликабельными */
.slide__title, 
.slide__button-container {
    pointer-events: auto;
}
.slide__title {
    margin-bottom: 0px !important;
    transform: none !important; /* Убираем лишние сдвиги от параллакса, если они мешают */
}
.slide__title-text {
    font-size: 20px !important; /* Размер как на скриншоте 1 */
    font-weight: 400;
    color: #ffffff;
}

/* 3. Стили кнопки "Смотреть" (делаем её контурной как на макете) */
.slide__button-container .button.button_size_xl {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 5px !important; /* Квадратная кнопка */
    padding: 12px 40px !important;
    font-size: 14px !important;
    text-transform: none;
    transition: all 0.3s ease;
    z-index: 15;
}

.slide__button-container .button.button_size_xl:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

.blocks__item-brands .about-today__grid {
    grid-template-columns: 1.2fr 1fr;
}

.about-reviews {
    margin: 80px 0;
}

.about-reviews__wrapper {
    margin-top: 30px;
}

/* Заглушка под будущий виджет */
.about-reviews__placeholder {
    
}
.about-info {
    margin: 80px 0;
}

/* Верхний блок: текст + картинка */
.about-info__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5%;
    align-items: start;
    margin-bottom: 40px;
}

.about-info__text p {
    font-size: 14px;
    line-height: 120%;
}

.about-info__text a {
    color: #333;
    text-decoration: underline;
}

h4.about-info__subtitle {
    margin: 0 0 15px !important;
}

/* Картинка справа */
.about-info__image {
    border-radius: 10px;
    overflow: hidden;
    height: 100%; /* контейнер тянется */
    display: flex;
}

.about-info__img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* растягивает картинку ровно под высоту */
    display: block;
}

/* Нижние две колонки текста */
.about-info__bottom {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5%;
}

.about-info__column p {
    font-size: 14px;
    line-height: 120%;
}

.about-contacts {
    margin: 80px 0 20px;
}

.about-contacts__grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 50 / 50 */
    gap: 40px;
    align-items: start;
}

/* Сетка внутри левой части: два столбца */
.about-contacts__info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 20px;
}

/* Адрес чуть отодвинуть от сетки */
.about-contacts__block--address {
    margin-bottom: 8px;
}

/* Колонки внутри левой части */
.about-contacts__col .about-contacts__block {
    margin-bottom: 20px;
}

.about-contacts__block {
    margin-bottom: 24px;
}

.about-contacts__label {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 10px;
}

.about-contacts__text {
    font-size: 14px;
    color: #333;
    line-height: 130%;
}

/* Правая колонка — карта */
.about-contacts__map {
    width: 100%;
    display: flex;
}
.products-bar__filters.is-fixed{
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  z-index: 200;
  background: #fff;
  padding:5px 10px 10px;
  border-bottom: 1px solid #eee;
}
/* === Баннер помощи в избранном === */
.favorite-help-banner{
  position: relative;
  display: block;
  height: 407px;
  margin-top:20px;
  align-self: flex-start;   /* если родитель flex и тянет */
  flex: 0 0 auto; 
  border-radius: 10px;
  overflow: hidden;

  background-image: url('/wa-data/public/shop/themes/megashop31/img/about-card5.jpg');
  background-size: cover;
  background-position: center;

  text-decoration: none;
  color: #fff;
}

/* затемнение */
.favorite-help-banner__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.05) 0%,
    rgba(0,0,0,0.55) 100%
  );
  z-index: 1;
}

/* контейнер контента */
.favorite-help-banner__content{
  position: relative;
  z-index: 2;

  height: 100%;
  padding: 24px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}

/* заголовок */
.favorite-help-banner__title{
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  margin-bottom: 20px;
}

/* кнопка (визуально) */
.favorite-help-banner__button{
  pointer-events: none;
  font-size: 11px;
  line-height: 100%;
}

@media (max-width: 847px) {
  .blocks__item-brands .block__header {
      margin-bottom:0;
  }
  .blocks__item-brands .about-today {
    margin: 0px 0 10px;
}
  .about-today__grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "header header"
      "stats  stats"
      "more   more"
      "form   video";
    column-gap: 24px;
    row-gap: 24px;
    align-items: start;
  }

  /* content превращаем в “прозрачный контейнер”, чтобы его дети стали grid-item’ами */
  .about-today__content{
    display: contents;
  }

  /* назначаем зоны */
  .about-today__content .block__header{ grid-area: header; }
  .about-today__content .about-today__stats{ grid-area: stats; }
  .about-today__content .about-today__more{ grid-area: more; }
  .about-today__content .about-today__form{ grid-area: form; }
  .about-today__video{ grid-area: video; }

  /* под 1024 чуть компактнее */
  .about-today__stats{
    margin: 24px 0 24px;
  }
  .about-today__number{
    font-size: 50px;
  }
  .about-today__form-desc a {
      margin-top:5px
  }
  .about-today__form {
     padding:30px; 
  }
  .about-today__form-desc {
      margin-top:30px
  }

  /* картинка справа — нормальная высота, без “вытягивания” */
  .about-today__video{
    height: auto;
    align-self: start;
  }
  .about-today__video .about-today-img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }
    /* важно: чтобы выступ не обрезался */
  .about-today__grid {
    overflow: visible;
  }

  /* поднимаем правую колонку с картинкой */
  .about-today__video {
    position: relative;
    overflow: visible;
  }

  /* сам сдвиг вверх (подбери значение) */
  .about-today-img {
    display: block;
    transform: translateY(-100px); 
  }
}

/* <= 640px */
@media (max-width: 600px) {
  .blocks__item-brands .about-today__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "header"
      "stats"
      "more"
      "video"
      "form";
    row-gap: 18px;
  }
  .blocks__item-brands .about-today {
    margin: 0px 0 80px;
}

  /* цифры остаются в 3 колонки, но компактнее */
  .about-today__stats{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 18px;
    margin: 18px 0 10px;
  }
  .about-today__number{
    font-size: 32px;
    padding-bottom: 3px;
  }
  .about-today__label{
    font-size: 12px;
  }
  .about-today__more {
    margin-bottom:10px
  }

  /* картинка — полная ширина */
  .about-today__video{
    border-radius: 10px;
    overflow: hidden;
  }
  .about-today__video .about-today-img{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    transform:none;
  }

  /* форма — вниз, на всю ширину */
  .about-today__form{
    width: 100%;
    padding: 22px 20px;
  }

  /* поля формы в колонку (чтобы не ломались на узком) */
  .multiform-wrap.discussproject .multiform-gap-fields{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .multiform-wrap.discussproject #multiformField18_2-1 button{
    width: 100% !important;
  }

  .about-today__form-desc{
    flex-wrap: wrap;
    gap: 6px;
    margin-top:20px;
  }
  .about-today__form-desc a {
    margin-top: 0;
    }
    .about-today__form-desc a svg {
        margin-right: 5px;
    }
}
/* ================================
   about-priority: адаптив 1024 / 640
   Вставь В САМЫЙ НИЗ user.css
================================ */

/* 1024px: 2 колонки, 3-я карточка внизу на всю ширину */
@media (max-width: 1024px) {
  .about-priority .about-steps__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  /* третью карточку растягиваем на 2 колонки */
  .about-priority .about-steps__item:last-child{
    grid-column: 1 / -1;
  }

  /* чуть компактнее, как в макете */
  .about-priority .about-steps__item{
    padding: 30px 34px 30px !important;
  }
}


/* 640px: 1 колонка + “горизонтальная” карточка (иконка слева, текст справа) */
@media (max-width: 640px) {
  .about-priority .about-steps__grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .about-priority .about-steps__item{
    padding: 18px 20px !important;
  }

  /* Внутренний контейнер карточки (он у тебя: .about-steps__item ) делаем строкой */
  .about-priority .about-steps__item .about-steps__item-wrap {
  display: grid;
  grid-template-columns: 56px 1fr;
  column-gap: 18px;
  row-gap: 1px;
  align-items: start;
  }

  /* иконка слева, на 2 строки */
    .about-priority .about-steps__icon{
      margin: 0 !important;
      grid-column: 1;
      grid-row: 1 / span 2;
      align-self: start;
      width: 52px
    }
    
    .about-priority .about-steps__icon-img{
      width: 52px !important;
      height: 52px !important;
      display: block;
      object-fit: contain;
    }

      /* заголовок сверху справа */
    .about-priority .about-steps__title{
      grid-column: 2;
      grid-row: 1;
      margin: 0 0 2px !important;
      font-size: 18px !important;
      line-height: 110% !important;
      padding-top:5px;
    }
    
      /* описание под заголовком справа */
    .about-priority .about-steps__subtitle{
      grid-column: 2;
      grid-row: 2;
      margin: 0 !important;
      font-size: 13px !important;
      line-height: 120% !important;
    }
}

@media (max-width: 900px) { 
    .about-brands .slider-block__header-right {
        display:none !important;
    }
}
@media (max-width: 900px) { 
    .slider-block__subtitle {
        margin-bottom: 15px;
    }
}
/* SUPPLY CARDS — адаптив 640px */
@media (max-width: 640px) {

  /* сетка: одна карточка в строке */
  .supply-cards__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* карточка — обычная вертикаль */
  .supply-card {
    display: block;
  }

  /* картинка — нормальной высоты, без перекосов */
  .supply-card__image {
    height: 200px;          /* можно 180–220, под визуал */
    overflow: hidden;
    border-radius: 12px 12px 0 0;
  }

  .supply-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  /* текстовый блок */
  .supply-card__content {
    padding: 14px 16px 18px;
  }

  .supply-card__title {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 6px;
  }

  .supply-card__text {
    font-size: 13px;
    line-height: 1.4;
  }
  
  .contacts-page__info {
      display:grid;
      gap: 20px;
  }
  .contacts-page__cta {
      font-size: 16px;
  }
}
/* CONTACTS: 1024px — форма вниз, контакты на всю ширину */
@media (max-width: 824px) {
  .contacts-block{
    flex-direction: column;
    gap: 30px;              /* расстояние между контактами и формой */
    margin: 50px 0 60px;    /* можно поджать, если надо */
  }

  .contacts-block__left,
  .contacts-block__right{
    width: 100%;
  }

  /* чтобы правая "карточка" формы не выглядела слишком узкой/прижатой */
  .contacts-block__right .form-placeholder{
    width: 100%;
    box-sizing: border-box;
  }
  .contacts-block__right .multiform-gap-value input[type='checkbox'] {
      position:absolute;
  }
}
/* === Форма "Остались вопросы?" — 640px: имя и телефон в 1 колонку === */
@media (max-width: 640px) {

  /* вместо 2 колонок делаем 1 */
  .form-placeholder .multiform-gap-fields {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "question"
      "name"
      "phone"
      "consent" !important;
    grid-column-gap: 0 !important;
  }

  /* страховка: поля "Ваше имя" и "Ваш номер телефона" на всю ширину */
  .multiform-wrap.questions #multiformField8_4-1,
  .multiform-wrap.questions #multiformField9_4-1{
    width: 100% !important;
  }

  .multiform-wrap.questions #multiformField8_4-1 .multiform-gap-value,
  .multiform-wrap.questions #multiformField9_4-1 .multiform-gap-value,
  .multiform-wrap.questions #multiformField8_4-1 input,
  .multiform-wrap.questions #multiformField9_4-1 input{
    width: 100% !important;
  }
}
/* ===== CEO QUOTE: адаптив под 1024px (как на скрине №2) ===== */
@media (max-width: 1024px) {
  .ceo-quote__inner{
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 70px 44px 34px;
  }

  /* контент растягиваем, убираем правый внутренний отступ */
  .ceo-quote__content{
    width: 100%;
    flex: 1 1 auto;
    padding-right: 0;
    padding-bottom: 0;
  }

  /* Кавычки переезжают (чтобы было как на скрине) */
  .ceo-quote__inner::before,
  .ceo-quote__inner::after{
    font-size: 120px;
  }
  .ceo-quote__inner::before{
    left: 35px;
    top: 27px;
  }
  .ceo-quote__inner::after{
    right: 26px;
    bottom: 48px;
  }

  /* Фото-блок превращаем в маленький, фиксируем снизу справа */
  .ceo-quote__photo{
    position: absolute;
    right: 34px;
    bottom: 28px;

    /* раскладка: имя/должность слева, аватар справа */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;

    /* ограничение, чтобы подпись не ломала весь блок */
    max-width: 240px;

    /* на десктопе у тебя text-align:left — тут удобнее вправо */
    text-align: right;
    margin: 0;
  }

  .ceo-quote__photo-img{
    width: 56px;
    height: 56px;
    margin: 0;

    flex: 0 0 56px;
    order: 2;
  }

  /* Имя/должность делаем колонкой слева от аватара */
  .ceo-quote__name,
  .ceo-quote__position{
    flex: 1 1 auto;
    width: calc(100% - 68px); /* 56px аватар + небольшой зазор */
    order: 1;
  }

  .ceo-quote__name{
    margin: 0 12px 2px 0;
  }
  .ceo-quote__position{
    margin: 0 12px 0 0;
  }

  /* Кнопки — слева, без “растягивания” и с нормальным переносом */
  .ceo-quote__buttons{
    width: 100%;
    justify-content: flex-start;
  }
}
/* === CEO QUOTE: автор в одну строку с кнопками (<=1024) === */
@media (max-width: 1024px) {
  /* делаем "полосу" с кнопками чуть шире и с местом справа под автора */
  .ceo-quote__buttons {
    position: relative;
    padding-right: 220px; /* место под имя+фото справа */
    align-items: center;
  }

  /* переносим левый блок автора (который был большой) в правый низ и делаем его компактным */
  .ceo-quote__photo {
    position: absolute;
    right: 40px;
    bottom: 44px; /* подгон: чтобы было на одной линии с кнопками */
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 14px;

    /* фото справа, текст слева (как на скрине) */
    flex-direction: row !important;

    /* сбрасываем старые размеры/поведение */
    flex: 0 0 auto;
    width: auto;
    white-space: nowrap;
    margin: 0;
  }
}
/* === CEO QUOTE: автор (имя+должность) слева, аватар справа, без переносов (<=1024) === */
@media (max-width: 1024px) {

  /* делаем ряд: кнопки слева, автор справа (как на скрине №2) */
  .ceo-quote__buttons{
    position: relative;
    align-items: center;
  }

  /* блок автора ставим В ОДНУ ЛИНИЮ и запрещаем перенос */
  .ceo-quote__photo{
    position: absolute;
    right: 34px;
    bottom: 25px;                 /* <-- ключ: на линии кнопок */
    display: flex !important;
    flex-wrap: nowrap !important;  /* <-- запрет переноса */
    align-items: center;
    gap: 12px;
    width: auto !important;
    max-width: none !important;
    text-align: right;
    margin: 0;
  }

  /* аватар справа */
  .ceo-quote__photo-img{
    width: 56px;
    height: 56px;
    margin: 0 !important;
    flex: 0 0 56px;
  }

  /* имя + должность НЕ растягиваем на 100% и НЕ считаем calc(...) */
  .ceo-quote__name,
  .ceo-quote__position{
    width: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap;       /* чтобы строки не ломались */
    margin: 0;
  }

  /* чуть аккуратнее вертикальный ритм между строками */
  .ceo-quote__name{ margin-bottom: 2px; }

  /* чтобы имя/должность были "столбиком" слева от аватара */
  .ceo-quote__name,
  .ceo-quote__position{
    display: block;
    text-align: right;
  }
}
/* === CEO QUOTE: автор справа от кнопок (<=1024px) === */
@media (max-width: 1024px) {

  /* Кнопки + автор в одной строке */
  .ceo-quote__buttons {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding-right: 200px; /* место под автора */
  }


  /* ТЕКСТ АВТОРА — КОЛОНКОЙ */
  .ceo-quote__name,
  .ceo-quote__position {
    display: block;
    line-height: 1.2;
  }

  .ceo-quote__name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
  }

  .ceo-quote__position {
    font-size: 11px;
    color: #666;
  }

  /* Обёртка текста (ВАЖНО: создаём виртуальную колонку) */
  .ceo-quote__photo > .ceo-quote__name,
  .ceo-quote__photo > .ceo-quote__position {
    order: 1;
  }

  /* Аватар */
  .ceo-quote__photo-img {
    width: 56px;
    height: 56px;
    margin: 0;
    flex-shrink: 0;
    order: 2;
  }
}
/* ===== CEO QUOTE: 640px (как на твоём скрине) ===== */
/* Вставь НИЖЕ всех предыдущих стилей ceo-quote */
@media (max-width: 640px) {

  .ceo-quote__inner{
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 60px 20px 96px;      /* запас снизу под “футер”: фото+кнопки */
  }
  .ceo-quote__inner::before{
    left: 12px;
    top: 14px;
  }
  .ceo-quote__inner::after{
    right: 12px;
    bottom: 16px;                 /* чтобы не наезжало на “футер” */
  }

  /* контент */
  .ceo-quote__content{
    width: 100%;
    padding-right: 0;
  }

  .ceo-quote__title{
    font-size: 26px;
    line-height: 100%;
    margin-bottom: 14px;
  }
  .ceo-quote__subtitle{
    font-size: 16px;
    line-height: 115%;
    margin-bottom: 12px;
  }
  .ceo-quote__text{
    font-size: 12px;
    line-height: 130%;
    margin-bottom: 0;
  }

  /* ===== НИЖНЯЯ ПОЛОСА: автор слева, кнопки справа ===== */
  .ceo-quote__photo{
    position: absolute;
    left: 15px;
    bottom: 20px;
right: auto;
            display: grid !important;
        grid-template-columns: 56px 1fr;
        grid-template-rows: auto auto;
        column-gap: 10px;
        row-gap: 6px;
        align-items: center;
  }

  /* кружочек слева */
  .ceo-quote__photo-img{
    width: 56px;
    height: 56px;
    grid-column: 1;
        grid-row: 1 / span 2;
        margin: 0;
        justify-self: start;
  }

  /* имя сверху, должность снизу */
  .ceo-quote__name{
    margin: 0;
    font-size: 14px;
    line-height: 120%;
    white-space: nowrap;
    grid-column: 2;
        grid-row: 1;
        margin: 0;
        align-self: end;
        text-align: left;
  }
  .ceo-quote__position{
    margin: 2px 0 0;
    font-size: 11px;
    line-height: 120%;
    white-space: nowrap;
            grid-column: 2;
        grid-row: 2;
        margin: 0;
        align-self: start;
        text-align: left;
  }

  /* кнопки справа внизу, как квадраты с иконками */
  .ceo-quote__buttons{
    position: absolute;
    right: 10px;
    bottom: 0px;
    margin-bottom:-70px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 0;
    justify-content: flex-end;
    padding-right:0;
  }

  .ceo-quote__btn{
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
  }

  /* убираем текст у кнопок (на 640 — только иконки) */
  .ceo-quote__btn .icon-box__content{
    display: none !important;
  }

  .ceo-quote__btn .icon-box{
    gap: 0;
  }
  .icon-box__icon {
      padding-right: 0;
  }

  /* чуть крупнее иконки */
  .ceo-quote__btn--tg .ceo-quote__icon,
  .ceo-quote__btn--wa .ceo-quote__icon {
      transform: scale(1.4);
    }
}
.content-columns_sidebar-left .sidebar-pages {
    display:none;
}
/* === PAY-DELIVERY: mail + 3 квадратные иконки (как на скрине №2) === */
.pay-delivery__hero-actions{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}

/* ВАЖНО: убираем старое "flex: 1 1 50%" для всех кнопок внутри actions,
   чтобы квадратные не растягивались */
.pay-delivery__hero-actions .consultant-card__wa-btn{
  flex: 1 1 auto;
  max-width: none;
}

/* Большая кнопка email — занимает всё свободное место */
.pay-delivery__hero-actions .pay-delivery__btn--mail{
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
}

/* Квадратные кнопки-иконки */
.pay-delivery__icon-btn{
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid currentColor;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* чтобы <use> красился от currentColor */
.pay-delivery__icon-btn .svg-icon{
  display: block;
  fill: currentColor;
}
.pay-delivery__icon-btn--tg .svg-icon {
      transform: scale(1.4);
    }
.pay-delivery__icon-btn--wa .svg-icon {
      transform: scale(1.2);
    }

/* Цвета (как у вас уже в CEO блоке) */
.pay-delivery__icon-btn--wa{ color: #4EB859 !important; }
.pay-delivery__icon-btn--tg{ color: #37B4FD !important; }
.pay-delivery__icon-btn--max{ color: #464AE9 !important; }

/* Hover */
.pay-delivery__icon-btn--wa:hover{
  background: #4EB859;
  color: #fff !important;
}
.pay-delivery__icon-btn--tg:hover{
  background: #37B4FD;
  color: #fff !important;
}
.pay-delivery__icon-btn--max:hover{
  background: #464AE9;
  color: #fff !important;
}

/* На всякий: чтобы email не ломал строку */
.pay-delivery__btn--mail .icon-box__content{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 580px) {
    .pay-delivery__hero-actions .consultant-card__wa-btn {
    padding: 7px 12px;
    }
    .pay-delivery__hero-actions {
    gap: 7px;
    }
    .pay-delivery__icon-btn {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    }
}
@media (max-width: 880px) {
  .pay-delivery-guarantee__grid {
    display: flex;
    flex-direction: column;
    gap: 24px; /* расстояние между карточками */
  }

  /* сбрасываем возможные grid-настройки */
  .pay-delivery-guarantee__grid > * {
    width: 100%;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  /* если левая карточка была "в две строки" */
  .pay-delivery-guarantee__card-left {
    min-height: auto;
  }
  .pay-delivery__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
    }
   .pay-delivery-guarantee__quote-inner {
       margin-bottom:20px;
   }
  .pay-delivery__card--hero {
    display: grid;
    gap: 30px;
  }
}

/* =========================
   ABOUT TEAM — адаптив
   860px (как скрин №2)
   500px (как скрин №3)
   ========================= */

/* 860px: делаем 2 колонки и “воздух”, чтобы карточки выглядели как на скрине №2 */
@media (max-width: 860px) {
  .about-team__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .about-team__item{
    padding: 28px 24px 26px !important;
    min-height: 180px !important;
  }

  .about-team__photo-wrapper{
    width: 120px !important;
    height: 120px !important;
    margin-bottom: 14px !important;
  }

  .about-team__name{
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }

  .about-team__role{
    font-size: 13px !important;
    line-height: 120% !important;
  }
}

/* 500px: остаётся 2 колонки, но всё компактнее — как на скрине №3 */
@media (max-width: 500px) {
  .pay-delivery__card {
    padding: 15px 15px;
}
.about-team__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .about-team__item{
    padding: 18px 16px 18px !important;
    min-height: 250px !important;
  }

  .about-team__photo-wrapper{
    width: 108px !important;
    height: 108px !important;
    margin-bottom: 12px !important;
  }

  .about-team__name{
    font-size: 16px !important;
    margin-bottom: 6px !important;
  }

  .about-team__role{
    font-size: 12px !important;
    line-height: 120% !important;
  }
}
@media (max-width: 860px) and (min-width: 600px) {
  .about-team__item{
    display: grid !important;
    grid-template-columns: 120px 1fr;
    grid-template-rows: auto auto;      /* имя / должность */
    column-gap: 20px;
    row-gap: 6px;
    align-items: center;               /* по вертикали для фото */
  }

  /* фото слева и на 2 строки */
  .about-team__photo-wrapper{
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;                         /* если были отступы */
    justify-self: start;
    flex-shrink: 0;
  }

  /* имя справа сверху */
  .about-team__name{
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    align-self: end;
    text-align: left;
  }

  /* должность строго под именем */
  .about-team__role{
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    align-self: start;
    text-align: left;
  }
}
/* ================================
   ABOUT-STEPS ("Как мы работаем")
   900px -> 2 колонки (как скрин №1)
   500px -> 1 колонка + горизонтальная карточка (как скрин №2)
   Вставь ниже существующих стилей
================================ */

/* 900px: делаем сетку 2x2 */
@media (max-width: 900px) {
  .about-steps__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* 500px: одна колонка + внутри карточки иконка слева, текст справа, кнопка снизу */
@media (max-width: 500px) {
  .about-steps__grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .about-steps__item{
    padding: 18px 20px !important; /* как на моб.скрине */
    min-height: unset !important;
  }

  /* Верхняя часть карточки (обёртка с иконкой/текстом) в две колонки */
  .about-steps__item .about-steps__item-wrap {
    display: grid !important;
    grid-template-columns: 56px 1fr;
    column-gap: 18px;
    row-gap: 4px;
    align-items: start;
  }

  /* Иконка слева и занимает 2 строки */
  .about-steps__icon{
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0 !important;
    width: 56px;
  }

  .about-steps__icon-img{
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
    display: block;
  }

  /* Текст справа “столбиком”: имя/заголовок над описанием */
  .about-steps__title{
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 2px !important;
    font-size: 18px !important;
    line-height: 110% !important;
  }

  .about-steps__subtitle{
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 120% !important;
  }

  /* Кнопка — отдельной строкой снизу */
  .about-steps__btn-link{
    margin-top: 14px !important;
    padding: 12px 16px !important;
  }
}
/* ================================
   ABOUT-STEPS ("Как мы работаем")
   900px -> 2 колонки (как скрин №1)
   500px -> 1 колонка + горизонтальная карточка (как скрин №2)
   Вставь ниже существующих стилей
================================ */

/* 900px: делаем сетку 2x2 */
@media (max-width: 900px) {
  .about-steps__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

/* 500px: одна колонка + внутри карточки иконка слева, текст справа, кнопка снизу */
@media (max-width: 500px) {
  .about-steps__grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .about-steps__item{
    padding: 18px 20px !important; /* как на моб.скрине */
    min-height: unset !important;
  }

  /* Верхняя часть карточки (обёртка с иконкой/текстом) в две колонки */
  .about-steps__item .about-steps__item-wrap{
    display: grid !important;
    grid-template-columns: 56px 1fr;
    column-gap: 18px;
    row-gap: 4px;
    align-items: start;
  }

  /* Иконка слева и занимает 2 строки */
  .about-steps__icon{
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0 !important;
    width: 56px;
  }

  .about-steps__icon-img{
    width: 56px !important;
    height: 56px !important;
    object-fit: contain !important;
    display: block;
  }

  /* Текст справа “столбиком”: имя/заголовок над описанием */
  .about-steps__title{
    grid-column: 2;
    grid-row: 1;
    margin: 0 0 2px !important;
    font-size: 18px !important;
    line-height: 110% !important;
  }

  .about-steps__subtitle{
    grid-column: 2;
    grid-row: 2;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 120% !important;
  }

  /* Кнопка — отдельной строкой снизу */
  .about-steps__btn-link{
    margin-top: 14px !important;
    padding: 12px 16px !important;
  }
}
.banner-inner-wrap {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 40px;
    box-sizing: border-box;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: transform 0.3s ease;
}

/* Заголовок баннера */
.banner-title {
    color: #ffffff!important;
    font-size: 20px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 10px!important;
}

/* Описание баннера */
.banner-description {
    color: rgba(255, 255, 255, 0.9)!important;
    font-size: 14px;
    line-height: 120%;
}

/* Кнопка */
.banner-action-btn {
    display: block;
    margin-top: 25px!important;
    width: 100%;
    color: #ffffff!important;
    padding: 14px 20px;
    font-size: 14px;
    text-decoration: none!important;
    transition: background 0.3s ease;
    box-sizing: border-box;
}

.banner-action-btn:hover {
    background-color: #a68332!important;
}

@media (max-width: 1023px) {
    .banner-inner-wrap {
        padding:23px 23px
    }
}
@media (max-width: 590px) {
    .banner-inner-wrap {
        padding: 4px 15px 15px;
    }
    .banner-action-btn {
        padding: 7px 10px;
    }
}
/* 1. Позиционирование в сетке Megashop 3.0 */
.custom-banner-fullwidth {
    grid-column: 1 / -1; /* Растягиваем на все колонки (от 1 до конца) */
    width: 100%;
    margin: 0 0;
    box-sizing: border-box;
}

/* 2. Общий контейнер баннера */
.banner-horizontal-wrapper {
    display: flex;
    flex-direction: row; /* По умолчанию в ряд (для больших экранов) */
    background: #f4f4f4; /* Светло-серый фон как на макете */
    border-radius: 10px;
    overflow: hidden;
    min-height: 320px;
}

/* 3. Левая сторона с IMG */
.banner-collage-side {
    flex: 1.2; /* Занимает чуть больше места */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff; /* Белый фон под коллажем */
}

.collage-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 4. Правая сторона с текстом и фоновым PNG */
.banner-info-side {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 40px 60px;
    background-image: url('https://italishop.ru/wa-data/public/shop/themes/megashop31/img/watch.png'); 
    background-repeat: no-repeat;
    background-position: right 40% center; 
    background-size: 320px auto; /* 300px - ширина, auto - высота */
}

.banner-info-content {
    position: relative;
    z-index: 2; /* Чтобы текст был выше фоновой картинки */
    max-width: 450px;
}

.banner-h2 {
    font-size: 32px;
    font-weight: 100;
    line-height:100%;
    font-family: "Playfair Display", serif;
    letter-spacing: -1px;
    color: #333333;
    margin-bottom: 10px;
}

.banner-p {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height:100%;
    margin-bottom: 22px;
}

.banner-btn-gold {
    display: inline-block;
    padding: 14px 40px;
    font-size: 14px;
    text-decoration: none!important;
    transition: 0.3s;
}

/* --------------------------------------------------- */
/* АДАПТИВНОСТЬ */

/* Скриншот 2: От 800px до 1024px (Баннер складывается горизонтально) */
@media (max-width: 1024px) {
   .banner-horizontal-wrapper {
        flex-direction: column; /* Коллаж сверху, текст снизу */
        min-height: auto;
    }
    
   .banner-info-side {
        padding: 40px 40px 55px;
        /* Смещаем фоновые часы, чтобы не мешали тексту при сужении */
        background-position: center bottom;
        background-size: 290px auto; 
    }
    
   .banner-info-content {
        max-width: 100%;
    }
}

/* Скриншот 3: До 600px (Мобильная версия) */
@media (max-width: 690px) {
   .banner-h2 {
        font-size: 24px!important;
    }
    
   .banner-info-side {
        padding: 10px 50px 30px;
        justify-content: center;
        text-align: center;
        background-position: center center;
        background-size: 200px auto;
    }
    .banner-p {
        padding:0 40px;
    }
}

.multiform-popup-window .multiform-wrap.default-theme {
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    background: #f5f5f5 !important;
    border-radius:12px;
    padding:30px 35px;
    font-family: 'Manrope', sans-serif;
}
.multiform-popup-window .default-theme .multiform-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    line-height: 100%;
    color: #333333;
    text-align:left;
    padding:0;
}
/* Иконка */
#multiformField20_6-1,
#multiformField22_7-1,
#multiformField22_7-2 {
    position:relative;
}
#multiformField20_6-1 button::after,
#multiformField22_7-1 button::after,
#multiformField22_7-2 button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(50% - 41px); /* отступ от правого края */
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background-image: url("https://italishop.ru/wa-data/public/shop/themes/megashop31/img/icon-login.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
}
.multiform-fileinput-button span {
    background:transparent !important;
    border: 0 !important;
}
.multiform-popup-window .default-theme .multiform-form-description {
    padding:0;
    margin:0;
    color: #333333;
    font-family: 'Manrope', sans-serif;
}
.multiform-popup-window .default-theme .multiform-form-description p {
    margin:0 0 7px;
}
.multiform-popup-window .default-theme .multiform-gap-field {
    padding-bottom:10px !important;
}
.multiform-wrap .multiform-error-field, .multiform-wrap input.multiform-error-field, .multiform-wrap select.multiform-error-field {
    border: 1px solid #d43538 !important;
}
.multiform-wrap .multiform-gap-value {
    position: relative !important;
}
.multiform-wrap.default-theme .errormsg {
    position: absolute !important;
    right: 12px !important;    /* Отступ от правого края внутри поля */
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;   /* Скрываем текст "Обязательное поле" */
    background: none !important;
    border: none !important;
    z-index: 10;
    pointer-events: none;
}
/* 3. Рисуем иконку восклицательного знака */
.multiform-wrap.default-theme .errormsg::before {
    content: "!";             /* Символ внутри */
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 20px !important;    /* Размер кружка */
    height: 20px !important;
    background-color: transparent !important; /* Убираем заливку */
    color: #d43538 !important; /* Цвет самого знака "!" делаем красным */
    border: 1px solid #d43538 !important; /* Добавляем красную обводку */
    font-size: 13px !important;
    font-weight: bold !important;
    font-style:normal !important;
    font-family: 'Manrope', sans-serif;
    border-radius: 50% !important;
}

/* 4. Чтобы текст не налезал на иконку при наборе */
.multiform-wrap.default-theme .multiform-gap-field input {
    padding-right: 40px !important;
}
/* === ABOUT GALLERY: сетка как на скрине (<= 800px) === */
@media (max-width: 800px) {

  /* убираем влияние двух "рядов" (top/bottom), чтобы не было пустоты справа */
  .about-gallery__row {
    display: contents !important;
  }

  /* собираем ВСЕ 5 карточек в одну grid-сетку */
  .about-gallery__view{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 14px; /* подгони при желании */
  }

  /* базово: все карточки по 1 колонке */
  .about-gallery__item{
    width: 100%;
  }

  /* 1-я картинка (первая big) — на всю ширину */
  .about-gallery__row--top .about-gallery__item--big:first-child{
    grid-column: 1 / -1;
  }

  /* 2-я big становится "малой" (правая сверху в блоке из 4) */
  .about-gallery__row--top .about-gallery__item--big:last-child{
    grid-column: auto;
  }

  /* чтобы пропорции были аккуратные, как на моб.скрине */
  .about-gallery__row--top .about-gallery__item--big:first-child{
    aspect-ratio: 4 / 3; /* большая сверху */
    overflow: hidden;
    border-radius: 10px;
  }
  .about-gallery__row--top .about-gallery__item--big:last-child,
  .about-gallery__row--bottom .about-gallery__item--small{
    aspect-ratio: 4 / 3; /* 4 маленьких */
    overflow: hidden;
    border-radius: 10px;
  }

  .about-gallery__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}

/* ABOUT BENEFITS: 800px -> 3 в ряд */
@media (max-width: 800px) {
  .about-benefits__grid-top {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .about-benefits__grid-top .about-benefits__item {
    min-height: unset !important;
    aspect-ratio: 3 / 4 !important;  /* чуть “выше”, чтобы текст лучше читался */
    padding: 20px !important;
    border-radius: 12px !important;
  }

 .about-benefits__grid-top .about-benefits__card-title {
    font-size: 20px !important;
    line-height: 115% !important;
  }
}
@media (max-width: 768px) {
  .about-benefits__grid-top {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .about-benefits__grid-top .about-benefits__item {
    min-height: unset !important;     /* убираем фикс 360px */
    aspect-ratio: 1 / 1 !important;   /* делаем карточки квадратнее */
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .about-benefits__grid-top .about-benefits__card-title {
    font-size: 18px !important;
    line-height: 110% !important;
  }
}
/* 850px: 2 колонки, 3-я карточка на всю ширину снизу */
@media (max-width: 850px) {
  .about-benefits__grid--3{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    aspect-ratio: 3 / 2 !important;
  }

  /* 3-я карточка (Девелоперы и HORECA) — во всю ширину */
  .about-benefits__grid--3 .about-benefits__item:nth-child(3){
    grid-column: 1 / -1;
    min-height: 260px; /* чтобы смотрелась как на скрине */
  }
}

/* 600px: 1 колонка, все карточки друг под другом */
@media (max-width: 600px) {
  .about-benefits__grid--3{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .about-benefits__grid--3 .about-benefits__item{
    min-height: 240px;     /* можно 220–260 под вкус */
    padding: 22px !important;
    border-radius: 10px;
  }

  /* на всякий: сбрасываем растяжение 3-й карточки (уже не нужно в 1 колонке) */
  .about-benefits__grid--3 .about-benefits__item:nth-child(3){
    grid-column: auto;
  }

  /* чуть компактнее текст, чтобы не “расползался” */
  .about-benefits__grid--3 .about-benefits__card-title{
    font-size: 18px !important;
    line-height: 110% !important;
  }

  .about-benefits__grid--3 .about-benefits__card-subtitle{
    font-size: 13px !important;
    line-height: 120% !important;
  }
}
/* =========================
   ABOUT TODAY (o-magazine)
   Скрин #2: title+stats+form+video — все на 100% ширины
   Вставь в конец user.css
========================= */

@media (max-width: 1024px) {

  /* 1) Пересобираем сетку секции */
  .about-today.about-today-o-magazine .about-today__grid{
    display: grid;
    grid-template-columns: 1fr 1fr; /* "две колонки", но элементы тянем на обе */
    grid-template-areas:
      "header header"
      "stats  stats"
      "form   form"
      "video  video";
    column-gap: 24px;
    row-gap: 24px;
    align-items: start;
  }
  .about-today__form-inner {
      width:100%;
  }

  /* 2) Делаем так, чтобы дети .about-today__content стали grid-item’ами */
  .about-today.about-today-o-magazine .about-today__content{
    display: contents;
  }

  /* 3) Назначаем области */
  .about-today.about-today-o-magazine .about-section__title{ grid-area: header; }
  .about-today.about-today-o-magazine .about-today__stats{ grid-area: stats; }
  .about-today.about-today-o-magazine .about-today__form{ grid-area: form; }
  .about-today.about-today-o-magazine .about-today__video{ grid-area: video; }

  /* 4) Чтобы форма/заголовок реально занимали всю ширину */
  .about-today.about-today-o-magazine .about-section__title,
  .about-today.about-today-o-magazine .about-today__form,
  .about-today.about-today-o-magazine .about-today__video{
    width: 100%;
  }

  /* 5) Видео — аккуратная адаптивная высота */
  .about-today.about-today-o-magazine .about-today__video{
    height: auto;
  }
  .about-today.about-today-o-magazine .about-today__video iframe{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    display: block;
    border: 0;
  }
}
@media (max-width: 780px) {
.about-info__top {
    display: grid;
    grid-template-columns: 1fr;
    gap:30px;
    margin-bottom: 40px;
    }
    .about-info__bottom {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap:30px;
    }
    .about-contacts__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    }
}
.blog-post-page__content-container .blog-post-page__author-container {
    display:none;
}
.yreviews-btn {
    display: inline-block;
    border: 0;
    padding: 8px 14px;
    border-radius: 5px;
    background: #F4F4F4;
    color: #333 !important;
    text-decoration: none;
    transition: opacity .15s ease;
    text-decoration: none !important;
    font-size: 14px;
}
.yreviews__item {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    min-height: 220px;
}
.yreviews__full {
    display: inline-block;
    margin-top: 6px;
    color: #999999 !important;
    font-size: 12px !important;
    line-height: 120%;
    cursor: pointer;
    border: 0 !important;
    text-decoration-line: underline !important;
    text-decoration-style: dashed !important;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}
.yreviews__meta {
    display: flex;
    flex-direction: column;
    gap: 0px; 
}
.multiform-wrap .multiform-errorfld {
    display:none;
}