.ui-widget-overlay {
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
} 
.btn.btn-sidebar-menu-item.is-open + li > ul {
    display: block;
}
body.modal-open {
    overflow: hidden;
}
       .amkpc-demo-wrap {
            --amkpc-accent: #047cb0;
            --amkpc-accent-dark: #035f87;
            --amkpc-accent-deep: #033a57;
            --amkpc-accent-soft: #e8f5fb;
            --amkpc-accent-soft-2: #f3f9fc;
            --amkpc-bg: #f6f8fa;
            --amkpc-white: #ffffff;
            --amkpc-text: #183145;
            --amkpc-text-soft: #607789;
            --amkpc-line: rgba(4, 124, 176, 0.12);
            --amkpc-line-strong: rgba(4, 124, 176, 0.22);
            --amkpc-shadow: 0 14px 38px rgba(19, 51, 71, 0.08);
            --amkpc-shadow-hover: 0 22px 54px rgba(19, 51, 71, 0.14);
            --amkpc-radius-xl: 26px;
            --amkpc-radius-lg: 22px;
            --amkpc-radius-md: 16px;
            --amkpc-radius-sm: 12px;
            --amkpc-green: #25bf57;
            --amkpc-green-dark: #1ea34a;
            --amkpc-transition: .28s ease;
            position: relative;
            color: var(--amkpc-text);
        }
.amkpc-pagination a.page-link {
  width: auto;
}
.amkpc-card__body a:hover {
    text-decoration: none;
}
        .amkpc-demo-wrap * {
            box-sizing: border-box;
        }

        .amkpc-breadcrumbs {
            margin-bottom: 18px;
            font-size: 13px;
            color: #73879a;
        }

        .amkpc-breadcrumbs a {
            color: #5f7787;
            text-decoration: none;
        }

        .amkpc-breadcrumbs a:hover {
            color: var(--amkpc-accent);
            text-decoration: none;
        }

        .amkpc-sidebar-box {
            background: #fff;
            border: 1px solid rgba(4, 124, 176, 0.10);
            border-radius: 18px;
            box-shadow: 0 8px 26px rgba(10, 35, 52, 0.04);
            padding: 16px;
        }

        .amkpc-sidebar-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .amkpc-sidebar-menu li + li {
            margin-top: 10px;
        }

        .amkpc-sidebar-menu a {
            display: block;
            padding: 14px 14px;
            border-radius: 12px;
            text-decoration: none;
            font-size: 13px;
            line-height: 1.35;
            font-weight: 700;
            color: #fff;
            background: linear-gradient(135deg, var(--amkpc-accent) 0%, #1497cf 100%);
            box-shadow: 0 8px 18px rgba(4, 124, 176, 0.16);
            transition: transform var(--amkpc-transition), box-shadow var(--amkpc-transition), background var(--amkpc-transition);
        }

        .amkpc-sidebar-menu a:hover {
            transform: translateY(-2px);
            color: #fff;
            background: linear-gradient(135deg, var(--amkpc-accent-dark) 0%, var(--amkpc-accent) 100%);
            box-shadow: 0 12px 24px rgba(4, 124, 176, 0.22);
        }

        .amkpc-pagehead {
            position: relative;
            overflow: hidden;
            margin-bottom: 24px;
            padding: 28px 30px;
            border-radius: var(--amkpc-radius-xl);
            background: linear-gradient(135deg, var(--amkpc-accent) 0%, var(--amkpc-accent-deep) 100%);
            color: #fff;
            box-shadow: 0 22px 54px rgba(4, 124, 176, 0.16);
        }

        .amkpc-pagehead::before {
            content: "";
            position: absolute;
            right: -90px;
            top: -90px;
            width: 280px;
            height: 280px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255,255,255,0.22), rgba(255,255,255,0) 72%);
        }

        .amkpc-pagehead::after {
            content: "";
            position: absolute;
            left: -60px;
            bottom: -80px;
            width: 220px;
            height: 220px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255,255,255,0.16), rgba(255,255,255,0) 72%);
        }

        .amkpc-pagehead__inner {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 1.2fr .8fr;
            gap: 24px;
            align-items: center;
        }

        .amkpc-pagehead h1 {
            margin: 0 0 12px;
            font-size: 38px;
            line-height: 1.08;
            letter-spacing: -0.02em;
            color: #fff;
        }

        .amkpc-pagehead p {
            margin: 0;
            max-width: 760px;
            font-size: 15px;
            line-height: 1.75;
            color: rgba(255,255,255,0.90);
        }

        .amkpc-pagehead__stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
        }

        .amkpc-stat {
            padding: 16px 14px;
            border-radius: 16px;
            background: rgba(255,255,255,0.12);
            border: 1px solid rgba(255,255,255,0.14);
            backdrop-filter: blur(4px);
            text-align: left;
        }

        .amkpc-stat strong {
            display: block;
            margin-bottom: 4px;
            font-size: 22px;
            color: #fff;
        }

        .amkpc-stat span {
            font-size: 12px;
            line-height: 1.45;
            color: rgba(255,255,255,0.82);
        }

        .amkpc-featured {
            display: grid;
            grid-template-columns: 1.02fr .98fr;
            gap: 0;
            overflow: hidden;
            margin-bottom: 26px;
            background: var(--amkpc-white);
            border: 1px solid var(--amkpc-line);
            border-radius: var(--amkpc-radius-xl);
            box-shadow: var(--amkpc-shadow);
        }

        .amkpc-featured__media {
            min-height: 100%;
            background: #d9eaf2;
        }

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

        .amkpc-featured__body {
            display: flex;
            flex-direction: column;
            gap: 18px;
            padding: 28px 28px 24px;
            background: linear-gradient(180deg, #ffffff 0%, #fbfdfe 100%);
        }

        .amkpc-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .amkpc-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 36px;
            padding: 8px 12px;
            border-radius: 999px;
            border: 1px solid var(--amkpc-line);
            background: #fff;
            color: #2f4c61;
            font-size: 13px;
            font-weight: 700;
        }

        .amkpc-badge--accent {
            color: var(--amkpc-accent);
            background: var(--amkpc-accent-soft);
            border-color: rgba(4, 124, 176, 0.18);
        }

        .amkpc-featured__title {
            margin: 0;
            font-size: 32px;
            line-height: 1.16;
            letter-spacing: -0.022em;
            color: #163349;
        }

        .amkpc-featured__text {
            margin: 0;
            font-size: 15px;
            line-height: 1.78;
            color: var(--amkpc-text-soft);
        }

        .amkpc-featured__actions {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
            margin-top: auto;
        }

        .amkpc-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 46px;
            padding: 0 20px;
            border-radius: 999px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 800;
            letter-spacing: 0.02em;
            transition: transform var(--amkpc-transition), box-shadow var(--amkpc-transition), background var(--amkpc-transition);
        }

        .amkpc-btn:hover {
            text-decoration: none;
        }

        .amkpc-btn--primary {
            color: #fff;
            background: linear-gradient(135deg, var(--amkpc-accent) 0%, #16a0db 100%);
            box-shadow: 0 12px 24px rgba(4, 124, 176, 0.22);
        }

        .amkpc-btn--primary:hover {
            color: #fff;
            transform: translateY(-2px);
            background: linear-gradient(135deg, var(--amkpc-accent-dark) 0%, var(--amkpc-accent) 100%);
            box-shadow: 0 16px 30px rgba(4, 124, 176, 0.28);
        }

        .amkpc-linkline {
            color: var(--amkpc-accent);
            font-size: 14px;
            font-weight: 800;
            text-decoration: none;
        }

        .amkpc-linkline:hover {
            color: var(--amkpc-accent-dark);
            text-decoration: none;
        }

        .amkpc-section-head {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 18px;
        }

        .amkpc-section-head h2 {
            margin: 0 0 8px;
            font-size: 28px;
            line-height: 1.1;
            color: #163349;
            letter-spacing: -0.02em;
        }

        .amkpc-section-head p {
            margin: 0;
            font-size: 14px;
            line-height: 1.7;
            color: var(--amkpc-text-soft);
        }

        .amkpc-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 24px;
        }

        .amkpc-card {
            position: relative;
            display: flex;
            flex-direction: column;
            background: linear-gradient(180deg, #ffffff 0%, #fbfdfe 100%);
            border: 1px solid var(--amkpc-line);
            border-radius: var(--amkpc-radius-lg);
            overflow: hidden;
            box-shadow: var(--amkpc-shadow);
            transition: transform var(--amkpc-transition), box-shadow var(--amkpc-transition), border-color var(--amkpc-transition);
        }

        .amkpc-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--amkpc-shadow-hover);
            border-color: var(--amkpc-line-strong);
        }

        .amkpc-card__media {
            position: relative;
            overflow: hidden;
            aspect-ratio: 16 / 9;
            background: #dceaf0;
        }

        .amkpc-card__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .55s ease;
        }

        .amkpc-card:hover .amkpc-card__media img {
            transform: scale(1.06);
        }

        .amkpc-card__overlay {
            position: absolute;
            left: 16px;
            right: 16px;
            bottom: 16px;
            padding: 14px 16px;
            border-radius: 16px;
            background: linear-gradient(180deg, rgba(3, 58, 87, 0.30) 0%, rgba(3, 58, 87, 0.90) 100%);
            backdrop-filter: blur(5px);
            color: #fff;
            opacity: 0;
            visibility: hidden;
            transform: translateY(12px);
            transition: all var(--amkpc-transition);
        }

        .amkpc-card:hover .amkpc-card__overlay {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .amkpc-card__overlay-label {
            display: inline-block;
            margin-bottom: 8px;
            padding: 4px 10px;
            border-radius: 999px;
            background: rgba(255,255,255,0.14);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: .08em;
            text-transform: uppercase;
        }

        .amkpc-card__overlay-text {
            margin: 0;
            font-size: 14px;
            line-height: 1.6;
            color: rgba(255,255,255,0.96);
        }

        .amkpc-card__body {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 20px 20px 22px;
            flex: 1;
        }

        .amkpc-card__meta {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }

        .amkpc-chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 34px;
            padding: 7px 12px;
            border-radius: 999px;
            border: 1px solid var(--amkpc-line);
            background: #fff;
            color: #304d62;
            font-size: 13px;
            font-weight: 700;
            line-height: 1;
        }

        .amkpc-chip--date {
            background: #f5fbfe;
        }

        .amkpc-chip--rating {
            background: #fff8e8;
            color: #8b6207;
            border-color: rgba(202, 158, 26, 0.18);
        }

        .amkpc-chip--views {
            background: #f2fbf6;
            color: #206c48;
            border-color: rgba(37, 191, 87, 0.16);
        }

        .amkpc-chip svg {
            width: 14px;
            height: 14px;
            flex: 0 0 14px;
        }

        .amkpc-card__title {
            margin: 0;
            font-size: 21px;
            line-height: 1.32;
            color: #143147;
            letter-spacing: -0.015em;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            min-height: 4.2em;
        }

        .amkpc-card__footer {
            margin-top: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

        .amkpc-card__line {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--amkpc-accent) 0%, #32b4e7 100%);
        }

        .amkpc-pagination {
            margin-top: 28px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .amkpc-pagination a,
        .amkpc-pagination span {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            border: 1px solid var(--amkpc-line);
            background: #fff;
            color: #28485f;
            font-size: 14px;
            font-weight: 800;
            text-decoration: none;
            transition: all var(--amkpc-transition);
        }

        .amkpc-pagination a:hover,
        .amkpc-pagination .is-active {
            color: #fff;
            background: var(--amkpc-accent);
            border-color: var(--amkpc-accent);
            transform: translateY(-2px);
            text-decoration: none;
        }

        @media (max-width: 1199px) {
            .amkpc-pagehead__inner,
            .amkpc-featured {
                grid-template-columns: 1fr;
            }

            .amkpc-pagehead__stats {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 991px) {
            .amkpc-grid {
                grid-template-columns: 1fr;
            }

            .amkpc-pagehead h1 {
                font-size: 32px;
            }

            .amkpc-featured__title {
                font-size: 28px;
            }

            .amkpc-card__title {
                min-height: auto;
            }
        }

        @media (max-width: 767px) {
            .amkpc-pagehead {
                padding: 22px 18px;
            }
.row.amkpc-demo-wrap .col-9.content {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
            .amkpc-pagehead__stats {
                grid-template-columns: 1fr;
            }

            .amkpc-featured__body,
            .amkpc-card__body {
                padding: 18px 16px 20px;
            }

            .amkpc-section-head {
                flex-direction: column;
                align-items: flex-start;
            }

            .amkpc-featured__title {
                font-size: 24px;
            }

            .amkpc-card__title {
                font-size: 19px;
            }

            .amkpc-card__overlay {
                left: 12px;
                right: 12px;
                bottom: 12px;
            }
        }

        @media (hover: none) {
            .amkpc-card__overlay {
                opacity: 1;
                visibility: visible;
                transform: none;
            }
        }


    :root{
      --amx-blue:#047caf;
      --amx-blue-dark:#035f86;
      --amx-green:#08b468;
      --amx-text:#112534;
      --amx-muted:#637887;
      --amx-line:#d8e3ea;
      --amx-bg:#f4f8fb;
      --amx-shadow-soft:0 10px 28px rgba(9,37,57,.08);
      --amx-shadow-medium:0 18px 46px rgba(9,37,57,.12);
      --amx-shadow-strong:0 28px 82px rgba(9,37,57,.18);
      --amx-container:1280px;
      --amx-transition:.28s ease;
    }
    /* Контейнер всего блока */
.faq-list {
    max-width: 1000px;
    margin: 20px 0;
    font-family: sans-serif;
}
.glider-dots {
  margin-top: 15px;
}
.products-item.js-productHeight p{
  
  margin-bottom: 0;
}
 .products-item-title {
  margin-bottom: 0;
  min-height: 60px;
}
 .products-item-img {
  height: 260px;
}
 .products-item-img img {
  height: 100%;
  object-fit: cover;
}
 .products-item-img-hover a {
  color: #fff;
  text-decoration: none;
}
/* Строка вопроса */
.faq-row {
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}

/* Шапка вопроса */
.faq-header {
    padding: 18px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}

.faq-header:hover .faq-title {
    color: #0b8dc2; /* Синий цвет как на alumak.ru */
}

.faq-title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
}

/* Иконка плюсика */
.faq-icon {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: 15px;
}

.faq-icon::before, .faq-icon::after {
    content: '';
    position: absolute;
    background-color: #0b8dc2;
    transition: transform 0.3s ease;
}

/* Горизонтальная палочка */
.faq-icon::before {
    width: 100%;
    height: 2px;
    top: 9px;
    left: 0;
}

/* Вертикальная палочка */
.faq-icon::after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 9px;
}

/* Скрываем вертикальную палочку при открытии (превращаем в минус) */
.faq-row.open .faq-icon::after {
    transform: rotate(90deg);
    opacity: 0;
}

/* Контент ответа */
.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0, 1, 0, 1);
}

.faq-row.open .faq-content {
    max-height: 1000px; /* Достаточно большое значение */
    transition: max-height 0.4s cubic-bezier(1, 0, 1, 0);
}

.faq-content-inner {
    padding: 0 0 25px 0;
    color: #666;
    line-height: 1.6;
    font-size: 16px;
}

/*
    *{
      box-sizing:border-box;
      min-width:0;
    }

    html{
      scroll-behavior:smooth;
    }

    body{
      margin:0;
      font-family:"Roboto", Arial, sans-serif;
      color:var(--amx-text);
      background:
        radial-gradient(circle at top right, rgba(4,124,175,.07), transparent 20%),
        radial-gradient(circle at left center, rgba(8,180,104,.05), transparent 18%),
        var(--amx-bg);
      line-height:1.55;
      overflow-x:hidden;
    }

    img{
      display:block;
      max-width:100%;
    }

    a{
      color:inherit;
      text-decoration:none;
    }

    button,input,textarea{
      font:inherit;
    }*/
    .footer-social-links.block_kontaktyi_page a {
  background-color: #12c175;
  overflow: visible;
  background: linear-gradient(135deg, #0a8dc2, #0a3d5d);
  border-radius: 50px;
  box-shadow: var(--amx-shadow-medium);
  width: 45px;
  height: 45px;
  padding: 4px;
}
    .footer-social-links {
        display: flex;
        gap: 15px;
        margin: 0 0 5px;
    }
    .soc-link {
        width: 30px;
        height: 30px;
        color: #ffffff; 
        transition: opacity 0.3s ease, transform 0.3s ease;
        display: inline-block;
    }
    .soc-link:hover {
        opacity: 0.7; 
        transform: translateY(-2px);
    }
    .soc-link svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    .amx-page{
      /*! width:100%; */
      /*! overflow:hidden; */
    }
.amx-header, .amx-header * {
  box-sizing: border-box;
  min-width: 0;
  font-family:"Roboto", Arial, sans-serif;
}
    .amx-container{
      width:min(calc(100% - 32px), var(--amx-container));
      margin:0 auto;
    }
.amx-header-topbar-right a:hover,
.amx-header-topbar-right a {
  color: var(--amx-muted);
  text-decoration: none;
}
.amx-header-brand-link:hover{
  text-decoration: none;
}
.amx-footer a:hover,
.amx-footer a {
  text-decoration: none;
}
    footer .amx-btn,
    .amx-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:48px;
      padding:0 22px;
      border:0;
      border-radius:999px;
      font-weight:700;
      cursor:pointer;
      transition:transform var(--amx-transition), box-shadow var(--amx-transition), background var(--amx-transition), color var(--amx-transition);
      text-align:center;
      white-space:nowrap;
    }
.amx-header-phone-content a:hover,
.amx-header-phone-content a {
  color: #000;
  text-decoration: none;
}
.amx-header-phone-content a:hover {  
  color: #047caf;
}
  .amx-btn:hover {
    transform: translateY(-2px);
    text-decoration: none;
    color: #fff;
  }

    .amx-btn--primary{
      background:linear-gradient(135deg, var(--amx-green), #18c97c);
      color:#fff;
      box-shadow:0 12px 26px rgba(8,180,104,.25);
    }

    .amx-btn--primary:hover{
      box-shadow:0 18px 34px rgba(8,180,104,.30);
    }

    .amx-btn--light{
      background:#fff;
      color:var(--amx-blue);
      box-shadow:var(--amx-shadow-soft);
    }

    .amx-btn--light:hover{
      box-shadow:var(--amx-shadow-medium);
    }

    /* HEADER */
    .amx-header{
      position:sticky;
      top:0;
      z-index:5;
      background:rgba(244,248,251,.92);
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(17,37,52,.06);
      overflow: inherit;
    }

    .amx-header-topbar{
      background:#eef3f6;
      border-bottom:1px solid rgba(17,37,52,.05);
    }

    .amx-header-topbar-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      min-height:34px;
      font-size:13px;
      color:var(--amx-muted);
    }

    .amx-header-topbar-left,
    .amx-header-topbar-right{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }

    .amx-header-main{
      padding:10px 0;
    }

    .amx-header-main-inner{
      display:grid;
      grid-template-columns:260px 1fr auto auto;
      align-items:center;
      gap:14px;
    }

    .amx-header-brand-box,
    .amx-header-brand-link{
      display:flex;
      align-items:center;
      gap:5px;
      flex-direction: column;
    }

    .amx-header-brand-logo{
      width:210px;
      height:auto;
      object-fit:contain;
      border-radius:8px;
      /*background:#fff;*/
    }

    .amx-header-brand-note{
      max-width:213px;
      font-size:12px;
      line-height:1.35;
      color:var(--amx-muted);
      /*! display: none; */
    }

    .amx-header-meta-panel{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }

    .amx-header-address-card,
    .amx-header-phone-card{
      display:flex;
      align-items:center;
      gap:10px;
      padding:10px 12px;
      background:#fff;
      border:1px solid rgba(17,37,52,.06);
      border-radius:16px;
      box-shadow:var(--amx-shadow-soft);
    }

    .amx-header-address-icon,
    .amx-header-phone-icon{
      width:34px;
      height:34px;
      flex:0 0 34px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:12px;
      background:linear-gradient(135deg, rgba(4,124,175,.14), rgba(8,180,104,.14));
      color:var(--amx-blue);
      font-size:16px;
      font-weight:900;
    }

    .amx-header-address-content small,
    .amx-header-phone-content small{
      display:block;
      margin-bottom:2px;
      font-size:11px;
      color:var(--amx-muted);
    }

    .amx-header-address-content strong,
    .amx-header-phone-content strong{
      display:block;
      font-size:14px;
      line-height:1.35;
      color:var(--amx-text);
    }

    .amx-header-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .amx-header-search{
      position:relative;
      width:220px;
    }

    #search.amx-header-search-input{
      width:100%;
      height:44px;
      padding:0 46px 0 16px;
      border-radius:999px;
      border:1px solid rgba(17,37,52,.08);
      background:#fff;
      outline:none;
      box-shadow:var(--amx-shadow-soft);
    }

    .amx-header-search-button{
      position:absolute;
      right:5px;
      top:5px;
      width:34px;
      height:34px;
      border:0;
      border-radius:50%;
      background:linear-gradient(135deg, var(--amx-blue), #1799cf);
      color:#fff;
      cursor:pointer;
    }

    .amx-header-cta{
      display:flex;
      align-items:center;
    }

    .amx-header-mobile-trigger{
      display:none;
      align-items:center;
      justify-content:center;
    }

    .amx-header-mobile-trigger-btn{
      width:44px;
      height:44px;
      border:0;
      border-radius:14px;
      background:linear-gradient(135deg, var(--amx-blue), #1297ce);
      color:#fff;
      font-size:20px;
      cursor:pointer;
      box-shadow:var(--amx-shadow-soft);
    }

    .amx-header-nav-shell{
      padding:0 0 12px;
    }

    .amx-header-nav{
      position:relative;
      overflow:visible;
      background:linear-gradient(135deg, var(--amx-blue), #0c91c6);
      border-radius:22px;
      box-shadow:var(--amx-shadow-medium);
    }

    .amx-header-nav-list{
      position:relative;
      list-style:none;
      display:flex;
      align-items:center;
      gap:4px;
      min-height:56px;
      margin:0;
      padding:0 12px;
    }

    .amx-header-nav-item{
      position:static;
    }

    .amx-header-nav-item > a,
    .amx-header-nav-item > button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:42px;
      padding:0 14px;
      border:0;
      background:transparent;
      color:#fff;
      border-radius:14px;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      white-space:nowrap;
    }

    .amx-header-nav-item > a:hover,
    .amx-header-nav-item > button:hover,
    .amx-header-nav-item > a:focus,
    .amx-header-nav-item > button:focus{
      background:rgba(255,255,255,.12);
      outline:none;
      text-decoration: none;
    }

    .amx-header-nav-cta{
      margin-left:auto;
    }

    .amx-header-mega{
      position:absolute;
      top:calc(100% - 2px);
      top:calc(100% - 7px);
      left:12px;
      right:12px;
      width:auto;
      max-width:none;
      padding:24px;
      background:#fff;
      border-radius:28px;
      border:1px solid rgba(17,37,52,.06);
      box-shadow:var(--amx-shadow-strong);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(10px);
      transition:opacity var(--amx-transition), visibility var(--amx-transition), transform var(--amx-transition);
      color:var(--amx-text);
      z-index:20;
    }

    .amx-header-nav-item:hover .amx-header-mega,
    .amx-header-nav-item:focus-within .amx-header-mega{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateY(0);
    }

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

    .amx-header-mega-title{
      display:block;
      margin-bottom:12px;
      color:var(--amx-blue);
      font-size:13px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .amx-header-mega-links{
      display:grid;
      gap:9px;
    }

    .amx-header-mega-links a{
      color:#243a49;
      font-size:14px;
      line-height:1.35;
    }

    .amx-header-mega-links a:hover{
      color:var(--amx-blue);
      text-decoration: none;
    }

    /* MOBILE MENU */
    .amx-mobile-overlay{
      display:none;
      position:fixed;
      inset:0;
      z-index:1200;
      background:rgba(10,22,32,.58);
      backdrop-filter:blur(8px);
      padding:14px;
    }

    .amx-mobile-overlay.is-open{
      display:block;
    }

    .amx-mobile-panel{
      width:100%;
      max-width:560px;
      height:100%;
      background:#fff;
      border-radius:26px;
      box-shadow:var(--amx-shadow-strong);
      overflow:auto;
      padding:18px;
    }

    .amx-mobile-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:16px;
    }

    .amx-mobile-title{
      font-size:20px;
      font-weight:800;
      color:var(--amx-text);
    }

    .amx-mobile-close{
      width:42px;
      height:42px;
      border:0;
      border-radius:14px;
      background:#eef4f7;
      font-size:18px;
      cursor:pointer;
    }

    .amx-mobile-group-main,
    .amx-mobile-group-struct,
    .amx-mobile-group-profile,
    .amx-mobile-group-facade{
      margin-bottom:12px;
      padding:14px;
      background:#fff;
      border:1px solid rgba(17,37,52,.08);
      border-radius:18px;
    }

    .amx-mobile-group-main strong,
    .amx-mobile-group-struct strong,
    .amx-mobile-group-profile strong,
    .amx-mobile-group-facade strong{
      display:block;
      margin-bottom:10px;
      color:var(--amx-blue);
      font-size:15px;
    }

    .amx-mobile-group-main a,
    .amx-mobile-group-struct a,
    .amx-mobile-group-profile a,
    .amx-mobile-group-facade a{
      display:block;
      padding:8px 0;
      color:#223847;
      font-size:15px;
      line-height:1.35;
      border-bottom:1px dashed rgba(17,37,52,.08);
    }

    .amx-mobile-group-main a:last-child,
    .amx-mobile-group-struct a:last-child,
    .amx-mobile-group-profile a:last-child,
    .amx-mobile-group-facade a:last-child{
      border-bottom:0;
    }

    /* FOOTER */
footer.amx-footer {
  margin-top: -5px;
  color: #fff;
  background-color: #fff0;
  padding: 0;
}
footer .amx-footer-column-struct *,
footer .amx-footer-column-profile *,
footer .amx-footer-column-facade *{
  line-height: 1.55;
}
    .amx-footer-top{
      position:relative;
      overflow:hidden;
      padding:52px 0 34px;
      background:linear-gradient(145deg, #081f31 0%, #0a3450 60%, #0b496f 100%);
      border-radius:34px 34px 0 0;
    }

    .amx-footer-top::before{
      content:"";
      position:absolute;
      right:-120px;
      bottom:-120px;
      width:360px;
      height:360px;
      background:radial-gradient(circle, rgba(8,180,104,.22), transparent 65%);
      pointer-events:none;
    }

    .amx-footer-grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:1.2fr 1fr 1fr 1fr;
      gap:24px;
      align-items:start;
    }

    .amx-footer-brandblock{
      max-width:290px;
      margin-bottom:10px;
    }

    .amx-footer-logo{
      width:150px;
      padding:4px;
      border-radius:10px;
      background:#fff;
      margin-bottom:14px;
    }

    .amx-footer-brand-text{
      margin:0 0 18px;
      color:rgba(255,255,255,.76);
      font-size:15px;
      line-height:1.5;
    }

    .amx-footer-contactlist{
      display:grid;
      gap:10px;
      margin-bottom:18px;
      color:rgba(255,255,255,.88);
      font-size:15px;
      line-height:1.45;
    }

    .amx-footer-contactlist a{
      color:#fff;
      font-weight:700;
    }

    .amx-footer-column-struct,
    .amx-footer-column-profile,
    .amx-footer-column-facade{
      padding:20px;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.10);
      border-radius:24px;
      backdrop-filter:blur(10px);
    }

    .amx-footer-column-title{
      margin:0 0 14px;
      color:#9ed9f1;
      font-size:15px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.05em;
    }

    .amx-footer-column-links{
      display:grid;
      gap:10px;
    }

    .amx-footer-column-links a{
      color:rgba(255,255,255,.86);
      font-size:15px;
      line-height:1.4;
    }

    .amx-footer-column-links a:hover{
      color:#fff;
    }

    .amx-footer-bottom{
      padding:18px 0 28px;
      background:#061925;
      color:rgba(255,255,255,.76);
    }

    .amx-footer-bottom-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;
    }

    .amx-footer-legal,
    .amx-footer-policy{
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
      font-size:14px;
    }

    .amx-footer-policy a{
      color:#fff;
    }

    /* COOKIE */
    .amx-cookie{
      position:fixed;
      left:16px;
      right:16px;
      bottom:16px;
      z-index:1300;
      display:flex;
      justify-content:center;
      pointer-events:none;
    }

    .amx-cookie-panel{
      width:min(960px, 100%);
      display:flex;
      align-items:center;
      gap:14px;
      flex-wrap:wrap;
      padding:16px 18px;
      background:rgba(255,255,255,.96);
      border:1px solid rgba(17,37,52,.08);
      border-radius:22px;
      box-shadow:var(--amx-shadow-strong);
      backdrop-filter:blur(14px);
      pointer-events:auto;
    }

    .amx-cookie-text{
      flex:1 1 420px;
      margin:0;
      color:#24404f;
      font-size:14px;
      line-height:1.45;
    }

    .amx-cookie-text a{
      color:var(--amx-blue);
      text-decoration:underline;
    }

    .amx-cookie-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .amx-cookie-close{
      width:44px;
      height:44px;
      border:0;
      border-radius:14px;
      background:#eef4f8;
      cursor:pointer;
    }

    /* RESPONSIVE */
    @media (max-width: 1199px){
      .amx-header-main-inner{
        grid-template-columns:220px 1fr auto;
      }

      .amx-header-search{
        display:none;
      }

      .amx-header-mega-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }

      .amx-footer-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 991px){
      .amx-header-topbar{
        display:none;
      }
    .amx-header-brand-logo{
      width:200px;
    }
      .amx-header-main-inner{
        grid-template-columns:1fr auto;
        gap:12px;
      }

      .amx-header-meta-panel,
      .amx-header-actions,
      .amx-header-nav-shell{
        display:none;
      }

      .amx-header-mobile-trigger{
        display:flex;
      }

      .amx-header-brand-note{
        display:none;
      }

      .amx-footer-grid{
        grid-template-columns:1fr 1fr;
      }
    }

    @media (max-width: 767px){
      .amx-container{
        width:min(calc(100% - 24px), var(--amx-container));
      }

      .amx-footer-grid{
        grid-template-columns:1fr;
      }

      .amx-footer-top{
        padding:34px 0 24px;
        border-radius:26px 26px 0 0;
      }

      .amx-footer-column-struct,
      .amx-footer-column-profile,
      .amx-footer-column-facade{
        padding:18px;
      }

      .amx-footer-bottom-inner{
        flex-direction:column;
        align-items:flex-start;
      }

      .amx-cookie-panel{
        padding:14px;
      }

      .amx-cookie-actions{
        width:100%;
      }

      .amx-cookie-actions .amx-btn{
        flex:1 1 auto;
      }
    }

    @media (max-width: 479px){
      .amx-header-main{
        padding:8px 0;
      }

      .amx-header-brand-logo{
        width:108px;
      }

      .amx-mobile-panel{
        padding:14px;
      }
    }
    
/* Обёртка для горизонтального скролла на случай очень узких экранов */
.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
}
.about-content .comparison-table {
    display: table;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  background: #fff;
  line-height: 1.5;
}

.comparison-table th,
.comparison-table td {
  padding: 12px 16px;
  text-align: left;
  border: 1px solid #e2e8f0;
  vertical-align: top;
}

.comparison-table th {
  background: #f8fafc;
  font-weight: 600;
  color: #1e293b;
}

.comparison-table tbody tr:nth-child(even) {
  background: #fafbfc;
}

.comparison-table tbody tr:hover {
  background: #f1f5f9;
}

/* 📱 Адаптация для мобильных (≤991px) */
@media (max-width: 991px) {
  .comparison-table,
  .comparison-table thead,
  .comparison-table tbody,
  .comparison-table th,
  .comparison-table td,
  .comparison-table tr {
    display: block;
  }

  .comparison-table thead {
    display: none; /* Скрываем шапку таблицы */
  }

  .comparison-table tr {
    margin-bottom: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  }

  .comparison-table td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    text-align: right;
  }

  .comparison-table td:last-child {
    border-bottom: none;
  }

  /* Подставляем заголовок из data-label */
  .comparison-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #475569;
    text-align: left;
    padding-right: 12px;
    flex: 0 0 45%;
    word-break: break-word;
  }

  /* Первая ячейка становится заголовком карточки */
  .comparison-table td:first-child {
    background: #f8fafc;
    font-weight: 700;
    color: #0f172a;
    justify-content: flex-start;
    border-bottom: 2px solid #e2e8f0;
  }

  .comparison-table td:first-child::before {
    display: none;
  }
}