/*Шапка*/ .header-menu--80 .header-menu__item { margin: 0&nbsp;20px; } .header--narrow .hide-name-narrow .header__icon-name,
.header--narrow .hide-narrow {
    display: block !important;
} .logo { height: 65px !important; }&nbsp;.header__main-item {
    margin: 0 !important;
}
.header-menu__title {
    font-size: 16px !important;
    color: #333333 !important;
}
.header__main-inner--shadow {
    box-shadow: unset !important;
    outline: 1px solid #F2F2F2 !important;
}
.header__top-item .regions .icon-block__icon,
.header__top-item .regions .more-arrow,
.header__top-item .phones  .icon-block__icon,
.phones  .email__title {
    display: none !important;
}
.header__top-item .slogan__text {
    opacity: 1 !important;
}
.header__top-item .phones__callback {
    color: #333333 !important;
}
.header__top-item .phones {
    gap: 20px;
}
.index-block:has(.banners-big) {
    margin-top: 15px;
}
/*Баннеры с текстом*/
.banners-img-with-text-list__item-title {
    font-family: "Open Sans", Arial !important;
}
.banners-img-with-text-list__item-top-text {
    opacity: 1 !important;
}
.banners-big__depend-height {
    max-height: 670px;
}
/*Тизеры*/
body .tizers-list__items-wrapper {
    row-gap: 35px;
}
.tizers-list__item--narrow-with-bg {
    padding: 30px !important;
}
.tizers-list__item-image-wrapper--position-TOP.tizers-list__item-image-wrapper--ICONS {
    margin-bottom: 20px !important;
}
.tizers-list__item-link {
    color: #555555 !important;
    font-size: 28px !important;
}
.tizers-list__item-descr {
    color: #555555 !important;
    font-size: 16px !important;
}
.tizers-list__item .bordered {
    border: 1px solid #f2f2f2 !important;
}
/*Отзывы*/
.reviews-list__item-date-active,
.reviews-list__separator,
.reviews-list__item-more {
    display: none !important;
}
.reviews-list__item--padding-48 {
    padding: 30px 25px !important;
}
.reviews-list__item-image-wrapper {
    margin-top: unset !important;
    margin-right: 15px !important;
}
.reviews-list__item-text .switcher-title {
    font-family: "Open Sans", Arial !important;
    font-weight: 600 !important;
}
.reviews-list__item-preview-wrapper p {
    margin-bottom: unset !important;
}
.reviews-list__item-company {
    margin-bottom: unset !important;
}
/*Широкие баннеры с текстом*/
.index-block--fon:has(.banners-fon-list) {
    background: #f0f0f0 !important;
}
.banners-fon-list__item--BIG_BANNER .banners-fon-list__item-inner {
    padding: 0 40px 0 0 !important;
}
.banners-fon-list__image-inner {
    display: flex;
    align-items: center;
    justify-content: end;
}
.banners-fon-list__item-image--absolute {
    position: unset !important;
}
.banners-fon-list__item-title {
    font-size: 32px !important;
}
.banners-fon-list__item-btn {
    margin-top: 50px !important;
}
.banners-fon-list__item-btn a {
    color: var(--theme-base-color) !important;
    background-color: #ffffff !important;
    text-transform: unset !important;
}
/*Табы каталога*/
.CATALOG_TAB .index-block__title {
    max-width: 100%;
    font-size: 32px !important;
}
.CATALOG_TAB .custom__catalog-descr,
.TIZERS .custom__catalog-descr {
    max-width: 720px !important;
}
.CATALOG_TAB .custom__catalog-descr {
    margin-bottom: 35px !important;
}
.TIZERS .custom__catalog-descr {
    font-size: 16px !important;
    color: #555555 !important;
}
.CATALOG_TAB .index-block__part--left {
    margin-bottom: 15px !important;
}
.CATALOG_TAB .index-block__subtitle {
    margin-bottom: 35px !important;
}
.CATALOG_TAB .index-block__title-wrapper--with-center-block .index-block__part--left,
.CATALOG_TAB .index-block__title-wrapper--with-center-block .index-block__part--right {
    flex-basis: unset !important;
}
.CATALOG_TAB  .index-block__part--center {
    flex: unset !important;
    width: 100% !important;
}
.CATALOG_TAB .index-block__title-wrapper {
    justify-content: center;
    margin-bottom: 35px !important;
}
.CATALOG_TAB .article {
    font-size: 0px !important;
}
.CATALOG_TAB .js-replace-article {
    font-size: 15px !important;
    color: #555555 !important;
}
.CATALOG_TAB .catalog-block__info-tech {
    margin: 0px !important;
}
.CATALOG_TAB .catalog-block__info-title a {
    font-family: "Open Sans", Arial !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}
.CATALOG_TAB .catalog-block__info-title {
    margin-bottom: 20px;
}
.CATALOG_TAB .catalog-block__info-bottom {
    display: none !important;
}
.CATALOG_TAB .catalog-block__item {
    padding: 25px !important;
}
.CATALOG_TAB .sticker_item--sale-text {
    background-color: #01ada0 !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 2px 10px !important;
}
.CATALOG_TAB .image-list-wrapper {
    padding: 0px !important;
    height: 100%;
}
.CATALOG_TAB .image-list, 
.CATALOG_TAB .image-list-outer {
    min-height: 290px;
}
.CATALOG_TAB .image-list-wrapper img {
    margin: unset !important;
    width: 100%;
}
/*Отзывы*/
.REVIEWS .index-block__title {
    font-size: 32px !important;
}
/*Вопрос-Ответ*/
.FAQS .sticky-block {
    height: 100%;
    position: unset !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.FAQS .index-block__title {
    font-size: 32px !important;
}
.FAQS .index-block__btn {
    margin-top: unset !important;
    margin-bottom: 50px;
    padding: 15px 10px !important;
    max-width: 150px;
    text-transform: none !important;
    background-color: #ffffff !important;
}
.FAQS .item-accordion-wrapper {
    padding-bottom: unset !important;
}
.FAQS .accordion-head {
    padding: 25px 50px !important;
}
.FAQS .accordion-head .switcher-title {
    font-family: "Open Sans", Arial !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}
.FAQS .faq-links-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    row-gap: 20px;
}
.FAQS .faq-link-ask {
    background-color: #0C9293 !important;
    color: #ffffff !important;
}
.FAQS .btn.btn-transparent-border:hover, 
.FAQS .btn.btn-transparent-border.active {
    color: #00aea0 !important;
}
.FAQS .btn.faq-link-ask:hover, 
.FAQS .btn.faq-link-ask.active {
    color: #ffffff !important;
}
/*Форма на главной Готовы начать?*/
.name-phone-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.FORMS [data-sid="NAME"] input,
.FORMS [data-sid="PHONE"] input {
    background-color: #FFFFFF;
}
.FORMS .index-block__title {
    font-size: 32px !important;
}
.FORMS .index-block__preview {
    margin-top: 15px !important;
}
.FORMS .form-checkbox__box {
    border-radius: 50% !important;
}
.FORMS label {
    margin-bottom: unset !important;
}
.FORMS .form .form-group .input {
    background-color: #ffffff !important;
}
.FORMS [data-sid="new_field_386"] select {
    padding: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    z-index: 7;
    background: transparent;
}
.FORMS [data-sid="new_field_386"] .input::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(/bitrix/templates/aspro-allcorp3/images/select-cross.svg);
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease; 
}
.FORMS [data-sid="new_field_386"] select:focus + .input::before,
.FORMS [data-sid="new_field_386"] select:hover + .input::before {
    transform: rotate(225deg) translateY(-50%);
}
/*Футер*/
#footer {
    background: #555555 !important;
}
#footer .footer__main-part-inner {
    padding: 0 0 70px !important;
}
#footer .items .wrap_compact_mobile {
    display: flex;
    flex-direction: column;
}
#footer .items &gt; .accordion-close {
    display: none !important;
}
#footer .item-link a {
    font-weight: 100 !important;
    color: #fff;
}
#footer .footer__main-part {
    padding-top: 30px;
}
#footer .footer__part-item:has(.bx-context-toolbar-empty-area) {
    display: none;
}
#footer .footer__part-item:has(.footer__info) {
    display: block;
    margin-top: 20px !important;
}
#footer .footer__quote {
    color: #ffffff;
    font-size: 15px;
    line-height: 130%;
}
#footer .footer__license-link {
    color: #ffffff !important;
    text-decoration: underline;
}
#footer .footer__license-link:not(:last-child) {
    margin-right: 5px;
}
#footer .footer__copy {
    color: #ffffff !important;
}
#footer .footer__bottom-part {
    border-top: 1px solid #e5e5e5;
}
/*Названия блока под слайдером на главной*/
.GALLERY .index-block__title {
    font-size: 32px !important;
}
.GALLERY .maxwidth-theme:last-child {
    display: none !important;
}
.GALLERY .gallery__descr {
    max-width: 860px;
}
.GALLERY .gallery-unset-mb .index-block__preview {
    margin-bottom: unset !important;
}
/*Статьи и видео*/
.CUSTOM_CATALOG_SECTIONS  .index-block__title {
    font-size: 32px !important;
}
.articles-hash-list {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 75px;
}
.article-hash-item {
    color: #000000;
    font-size: 15px;
    line-height: 110%;
}
.articles-list, .videos-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.article-item, .video-item {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.article-content {
    padding: 5px 10px;
}
.article-image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 240px;
}
.article-title, .video-title {
    font-size: 20px;
    margin: 5px 0;
    line-height: 140%;
    font-weight: 600;
}
.article-date, .video-date {
    color: #555555;
    font-size: 15px;
}
.video-embed iframe {
    width: 100%;
    height: 200px;
}
.tabs {
    margin-top: 35px;
}
.tab-links {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.tab-link {
    border: none;
    border-radius: 5px;
    padding: 2px 55px;
    font-size: 15px;
    color: #333333;
    background-color: #ffffff;
}
.tab-link.active {
    background-color: #0C9293;
    color: #ffffff;
}
.custom__text-steps {
    margin-bottom: 35px;
    border-bottom: none !important;
    padding-bottom: unset !important;
    margin-bottom: unset !important;
}
@media screen and (max-width: 1200px) {
    .header-menu__title {
        font-size: 15px !important;
    }
    .banners-fon-list__item-title,
    .CATALOG_TAB .index-block__title,
    .REVIEWS .index-block__title,
    .FAQS .index-block__title,
    .FORMS .index-block__title,
    .GALLERY .index-block__title,
    .CUSTOM_CATALOG_SECTIONS .index-block__title {
        font-size: 30px !important;
    }
    .FAQS .accordion-head .switcher-title {
        font-size: 20px !important;
    }
    .reviews-list__item-preview-wrapper p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis; 
    }
    .slogan__text {
        font-size: 13px !important;
    }
}
@media screen and (max-width: 1150px) {
    .FAQS .faq-link-ask {
        margin-top: 20px !important;
        margin-bottom: 20px;
    }
    .banners-fon-list__item-title,
    .CATALOG_TAB .index-block__title,
    .REVIEWS .index-block__title,
    .FAQS .index-block__title,
    .FORMS .index-block__title,
    .GALLERY .index-block__title,
    .CUSTOM_CATALOG_SECTIONS .index-block__title {
        font-size: 28px !important;
    }
}
@media screen and (max-width: 991px) {
    .FLOAT_BANNERS .banners-fon-list__item--min-height {
        flex-direction: row !important;
    }
    .FLOAT_BANNERS .banners-fon-list__image-wrapper {
        max-width: unset !important;
    }
    .CATALOG_TAB .tab-nav-wrapper {
        display: flex;
        justify-content: center;
    }
    .faq-links-wrapper {
        margin-top: 20px !important;
    }
    .form__img--SIDE_IMG {
        display: block !important;
        margin-bottom: 20px;
    }
    .form__img--SIDE_IMG .form-fon {
        background-position: center 15% !important;
    }
    .BIG_BANNER_INDEX .banners-big__text {
        width: 100%;
    }
    .FAQS .faq-link-ask {
        margin-top: unset !important;
        margin-bottom: unset !important;
    }
}
@media screen and (max-width: 800px) {
    .articles-list, .videos-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .banners-fon-list__item-text {
        padding-top: unset !important;
    }
}
@media screen and (max-width: 650px) {
    .FAQS .accordion-head {
        padding: 15px 25px !important;
    }
    .accordion-head .svg-inline-right-arrow {
        top: 50%;
        transform: translateY(-50%);
    }
    .CATALOG_TAB .catalog-block__item {
        padding: 10px !important;
    }
    .CATALOG_TAB .image-list, 
    .CATALOG_TAB .image-list-outer {
        min-height: 200px;
    }
    .CATALOG_TAB .catalog-block__info-title a {
        font-size: 20px !important;
    }
    .CATALOG_TAB .catalog-block__info-title {
        margin-bottom: 10px;
    }
    .CATALOG_TAB .catalog-block__info-tech {
        display: block !important;
    }
    .tizers-list__item-link {
        font-size: 21px !important;
    }
    .FAQS .faq-links-wrapper {
        align-items: self-start !important;
    }
    .reviews-list__item-preview-wrapper p {
        font-size: 14px !important;
    }
    .reviews-list__item--padding-48 {
        padding: 15px 10px !important;
    }
    .reviews-list__item-image-wrapper--image-small {
        width: 45px !important;
        height: 45px !important;
    }
    .reviews-list__item-company {
        font-size: 12px !important;
    }
    .reviews-list__item-text .switcher-title {
        font-size: 18px !important;
    }
    .FLOAT_BANNERS .banners-fon-list__item--min-height {
        flex-direction: column-reverse !important;
        align-items: flex-start;
    }
    .FLOAT_BANNERS .banners-fon-list__image-wrapper {
        max-width: unset !important;
        width: 100%;
        margin-bottom: 20px;
    }
    .banners-fon-list__item-image {
        max-height: 350px;
        width: 100%;
        object-fit: cover;
        object-position: center 30%;
    }
}
@media screen and (max-width: 550px) {
    .CATALOG_TAB .tab-nav-wrapper {
        display: block !important;
    }
    .FAQS .accordion-head .switcher-title {
        font-size: 18px !important;
    }
    .FAQS .accordion-head {
        padding-right: 50px !important;
    }
    .accordion-head .svg-inline-right-arrow {
        right: 15px;
    }
    .CUSTOM_CATALOG_SECTIONS .index-block__title {
        margin-bottom: 10px;
    }
    .articles-hash-list {
        padding: 0;
        gap: 15px;
        margin-bottom: 40px;
    }
    .articles-list {
        grid-template-columns: 1fr;
    }
    .article-image img {
        max-height: 170px;
    }
    .name-phone-wrapper {
        grid-template-columns: 1fr;
    }
}
.cost-summary thead {
    border-bottom: 3px solid #0C9293 !important;
}
.total-cost-wrapper {
    border-top: 3px solid #0C9293 !important;
}
.btn.btn-transparent-border {
    border-color: unset !important;
}
.total-cost &gt; span,
.total-cost-credit {
    font-weight: 500 !important;
}
.person-sale-text {
    position: relative;
    padding-left: 70px;
    font-weight: 600;
    font-style: italic;
}
.person-sale-text span {
    color: #0C9293;
}
.person-sale-text::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 50px;
    height: 50px;
    background-image: url('/bitrix/templates/aspro-allcorp3/images/personal-sale.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.total-cost span,
.total-cost-credit span {
    font-weight: 600 !important;
}
.option-item.active {
    border-left: 10px solid #0d9293;
}

@media(max-width: 768px){
    .banners-big .owl-carousel .owl-item, .banners-big .main-slider .main-slider__item{
        background-size: 0px 0px;
    }
}


/**
 * product table fix
 */
.CATALOG_TAB .switcher-title {
    font-family: "Open Sans", Arial !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

/**
 * situation block fix
 */
div.situation-block__item {
    margin: 10px 10px 10px 0;
}

/**
 * banners fix
 */
.banners-big__inner--righttext {
    justify-content: flex-end;
}

.ya_wrapper {
	display:flex;
	width:100%
}



.woncase__section {
    padding: 80px 0;
    background: #f8f9fa;
}
.woncase__container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
.woncase__title {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 60px;
    color: #222;
}
.woncase__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.woncase__card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.11);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
	max-height:260px;
}
.woncase__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 38px rgba(0,0,0,0.16);
}

.woncase__head {
    padding: 28px 28px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
}
.woncase__name {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: 1.35;
    margin: 0;
    min-height: 40px;
    display: flex;
}
.woncase__city {
	font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 1.35;
    margin: 0;
	padding-bottom: 10px;
    display: flex;
}
.woncase__status {
	min-height: 45px;
    font-size: 18px;
    color: #d32f2f;
    line-height: 1.4;
    margin: 0;
}

.woncase__debt {
    background: #1565c0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 28px;
    text-align: center;
    margin: 20px 0 0;
}
.woncase__desc {
    flex-grow: 1;
    padding: 22px 28px;
    font-size: 15px;
    line-height: 1.58;
    color: #444;
    margin: 0;
}
.woncase__footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 28px;
    background: #fafafa;
    border-top: 1px solid #eaeaea;
    margin-top: auto;
    gap: 20px;
	flex-wrap:wrap;
}
.woncase__footer img {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}
.woncase__footer a {
    color: #1565c0;
    font-weight: 500;
    text-decoration: none;
    font-size: 18px;
}
.woncase__footer a:hover {
    text-decoration: underline;
}

@media (max-width: 992px) {
    .woncase__grid { grid-template-columns: 1fr; }
    .woncase__name { min-height: auto; }
}



/* Скрыть кнопку "показать ещё" (точки/доты) в верхнем меню */
.header-menu .menu-overflow,
.top-menu .more-btn,
.menu-items .show-more,
.menu-dots,
.overflow-dots {
    display: none !important;
}

/* Предотвратить сжатие: разрешить горизонтальную прокрутку или растянуть контейнер */
.header-menu .menu-container,
.top-menu ul,
.horizontal-menu {
    flex-wrap: nowrap !important;  /* Не переносить на новую строку */
    overflow-x: auto !important;  /* Горизонтальная прокрутка, если пункты не помещаются */
    white-space: nowrap;          /* Не разбивать текст */
    min-width: max-content;       /* Минимальная ширина по содержимому */
}

/* Если меню фиксировано, скорректировать ширину */
.header-fixed .menu-container {
    justify-content: flex-start !important;  /* Выравнивание слева, без обрезки */
}

/* Для мобильной версии (если нужно отдельно) */
@media (max-width: 991px) {
    .mobile-menu .menu-container {
        overflow-x: auto !important;
    }
}  



.tarifs-title {
 font-size: clamp(1.9rem, 5vw, 2rem);
  font-weight: 700;
 /* text-align: center;*/
  margin:2rem 1rem 1.8rem 1.3rem;
  color: #0f172a;	
}

.tarif-title th {
	font-size: clamp(1.3rem, 5vw, 1.2rem)!important;
	font-weight: 700;
	border-bottom: 1px #00000033 solid;
	text-transform:none!important;
}

.tariff-vygodny-block,
.tariff-optimal-block {
  box-sizing: border-box;
  /*font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;*/
  color: #1a1a1a;
  /*margin: 3rem auto;*/
  max-width: 1100px;
  padding: 0 12px;
}

.tariff-vygodny-block *,
.tariff-optimal-block * {
  box-sizing: border-box;
}

/* Общие заголовки */
.vy-title,
.opt-title {
  font-size: clamp(1.9rem, 5vw, 2.4rem);
  font-weight: 700;
  /*text-align: center;*/
  margin-bottom: 1.8rem;
  color: #0f172a;
}

/* Общие обёртки таблиц */
.vy-table-wrapper,
.opt-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

}

/* Общие таблицы */
.vy-table,
.opt-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  background: white;

  overflow: hidden;
  box-shadow: 0 3px 18px rgba(0,0,0,0.07);
}

.vy-table thead th,
.opt-table thead th {
  background: #0C9293;
  color: white;
  text-transform: uppercase;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 14px 12px;
  text-align: center;
}

.vy-table tbody tr:nth-child(odd),
.opt-table tbody tr:nth-child(odd) {
  background: #f8fafc;
}

.vy-table td,
.opt-table td {
  padding: 14px 12px;
  font-size: 1.02rem;
  vertical-align: middle;
}

.opt-table td.debt {
  text-align:left;
}

/* Стили «Выгодный» */
.vy-debt {
  font-weight: 600;
  color: #0C9293;
}

.vy-comment {
  color: #64748b;
  font-size: 0.97rem;
  text-align:center;
}

.vy-price {
  font-weight: 700;
  color: #727272;
  white-space: nowrap;
  text-align:center;
}

.vy-total {
  font-weight: 800;
  color: #000;
  /*background: #fff7ed;*/
  font-size: 1.1rem;
  text-align:center;
}

.vy-caption {
  text-align: center;
  color: #6b7280;
  font-size: 0.92rem;
  margin-top: 1.2rem;
}

/* Стили «Оптимальный» */
.opt-debt {
  font-weight: 600;
  color: #0C9293;
}

.opt-comment {
  color: #64748b;
  font-size: 0.97rem;
}

.opt-price {
  font-weight: 700;
  color: #787a79;
  white-space: nowrap;
}

.opt-total {
  font-weight: 800;
  color: #000000;
  /*background: #fff7ed;*/
  font-size: 1.1rem;
}

.opt-caption {
  text-align: center;
  color: #6b7280;
  font-size: 0.92rem;
  margin-top: 1.2rem;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .vy-title,
  .opt-title {
    font-size: 1.85rem;
  }
  
  .vy-table td, .vy-table th,
  .opt-table td, .opt-table th {
    padding: 12px 10px;
    font-size: 0.96rem;
  }
  
  .vy-table thead th,
  .opt-table thead th {
    font-size: 0.82rem;
  }
}


.tariff-optimal-block {
  box-sizing: border-box;
  /*font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;*/
  color: #1a1a1a;
  margin: 3rem 0 auto;
  max-width: 1200px;
  padding: 0 12px;
}

.tariff-optimal-block *,
.tariff-optimal-block *::before,
.tariff-optimal-block *::after {
  box-sizing: border-box;
}

.opt-title {
  font-size: clamp(1.9rem, 5vw, 2.4rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.8rem;
  color: #0f172a;
}

.opt-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.opt-table {
  width: 100%;
  min-width: 920px; 
  border-collapse: collapse;
  background: white;

  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.opt-table thead th {
  background: #0C9293;
  color: white;
  text-transform: uppercase;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  padding: 14px 10px;
  text-align: center;
  line-height: 1.3;
}

.opt-table tbody tr:nth-child(odd) {
  background: #f8fafc;
}

.opt-table td {
  padding: 14px 10px;
  font-size: 1rem;
  vertical-align: middle;
  text-align: center;
}

/* Классы ячеек */
.opt-debt {
  font-weight: 600;
  color: #0C9293;
  text-align: left!important;
}

.opt-comment {
  color: #64748b;
  font-size: 0.95rem;
}

.opt-price {
  font-weight: 700;
  color: #787a79;
  white-space: nowrap;
}

.opt-total {
  font-weight: 800;
  color: #000000;
  /*background: #fff7ed;*/
  font-size: 1.08rem;
}

.opt-conditions {
  font-size: 0.95rem;
  color: #374151;
  line-height: 1.4;
  white-space: pre-line;
}

.opt-caption {
  text-align: center;
  color: #6b7280;
  font-size: 0.92rem;
  margin-top: 1.2rem;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .opt-title {
    font-size: 1.85rem;
  }
  
  .opt-table td,
  .opt-table th {
    padding: 12px 8px;
    font-size: 0.93rem;
  }
  
  .opt-table thead th {
    font-size: 0.78rem;
    padding: 10px 8px;
  }
  
  .opt-conditions {
    font-size: 0.88rem;
  }
}


.tariff-udobny-block {
  box-sizing: border-box;
  /*font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;*/
  color: #1a1a1a;
  margin: 3rem 0 auto;
  max-width: 1200px;
  padding: 0 12px;
}

.tariff-udobny-block *,
.tariff-udobny-block *::before,
.tariff-udobny-block *::after {
  box-sizing: border-box;
}

.ud-title {
  font-size: clamp(1.9rem, 5vw, 2.4rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.8rem;
  color: #0f172a;
}

.ud-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ud-table {
  width: 100%;
  min-width: 960px;
  border-collapse: collapse;
  background: white;

  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.ud-table thead th {
  background: #0C9293;
  color: white;
  text-transform: uppercase;
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  padding: 14px 10px;
  text-align: center;
  line-height: 1.3;
}

.ud-table tbody tr:nth-child(odd) {
  background: #f8fafc;
}

.ud-table td {
  padding: 14px 10px;
  font-size: 1rem;
  vertical-align: middle;
  text-align: center;
}

/* Ячейки */
.ud-debt {
  font-weight: 600;
  color: #0C9293;
  text-align: left!important;
}

.ud-comment {
  color: #64748b;
  font-size: 0.95rem;
}

.ud-price {
  font-weight: 700;
  color: #787a79;
  white-space: nowrap;
}

.ud-total {
  font-weight: 800;
  color: #000000;
  /*background: #fff7ed;*/
  font-size: 1.08rem;
}

.ud-conditions {
  font-size: 0.95rem;
  color: #374151;
  line-height: 1.4;
  white-space: pre-line;
}

.ud-caption {
  text-align: left;
    color: #6b7280;
    font-size: 0.92rem;
    margin-top: 1.2rem;
    line-height: 1em;
}

/* Мобильные устройства */
@media (max-width: 768px) {
  .ud-title {
    font-size: 1.85rem;
  }
  
  .ud-table td,
  .ud-table th {
    padding: 12px 8px;
    font-size: 0.92rem;
  }
  
  .ud-table thead th {
    font-size: 0.78rem;
    padding: 10px 8px;
  }
  
  .ud-conditions {
    font-size: 0.87rem;
  }
}

.faq_wrap {
	padding:60px 0px 80px 0px;
	
}

@media(min-width:1400px) {
.faq_wrap {
	width:80%
}
}

section.toggle.active>label::before {
	border-top-color:#fff;
}

section.toggle .toggle-content {
	margin:10px;
}

