/* ==========================================================================
   1. ГЛОБАЛЬНЫЕ СТИЛИ ДЛЯ ВНУТРЕННИХ СТРАНИЦ
   ========================================================================== */

body.inner-page {
    background-color: #3e424c; /* Базовый серо-голубой цвет */
    color: #ffffff;
    margin: 0;
    padding: 0;
}

/* Шапка — figma-header-inner.css (как на странице «Контакты») */

/* Обертка секций каталога (без боковых полей, чтобы ряды растягивались на 100%) */
.sections.section3 {
    width: 100%;
    margin: 0;
    padding: 0; /* Важно! Нулевые поля для эффекта стыковки краев */
    background-color: #848899;
}

.catalog-sections-wrap {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Центрируем заголовок и фильтры по сетке контента */
.catalog-header {
    max-width: 1600px;
    margin: 50px auto 40px auto;
    padding: 0 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.catalog-title {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

/* Стили фильтров */
.catalog-filters {
    display: flex;
    gap: 8px;
}

.filter-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #b0b5c0;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.filter-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

.filter-btn.active {
    background-color: #007042 !important;
    color: #ffffff !important;
    border-color: #007042 !important;
    box-shadow: 0 4px 12px rgba(0, 112, 66, 0.3);
}


/* ==========================================================================
   2. СЕТКА РЯДОВ НА FLEXBOX
   ========================================================================== */

/* Общая обертка */
.catalog-grid-flex {
    width: 100%;
    margin-bottom: 60px;
}

/* Обычный светлый ряд (фон #848899) */
.catalog-row {
    width: 100%;
    background-color: #848899;
    padding: 40px 0;
    box-sizing: border-box;
}

/* Темный ряд (фон #2b2e35) */
.catalog-row.dark-row {
    background-color: #2b2e35;
}

/* Ограничитель сетки на 1600px */
.catalog-row-content {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto; /* Центрируем */
    padding: 0 15px; /* Боковые зазоры для адаптива */
    display: flex;
    justify-content: flex-start; /* Карточки выстраиваются слева направо! */
    flex-wrap: wrap; /* Позволяет переноситься, если это мобилка */
    gap: 25px 2%; /* Зазор между карточками: 25px по вертикали и 2% по горизонтали */
    box-sizing: border-box;
}


/* ==========================================================================
   3. СЕКЦИЯ 1.5: АКЦИЯ (ДВЕ КОЛОНКИ)
   ========================================================================== */

.sections.section1-5 {
    width: 100%;
    height: 535px;
    position: relative;
    overflow: hidden;
    background: #121416 url('../img/promo-trax.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.sections.section1-5 .sections-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 60px;
}

.promo-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    font-family: 'Manrope', sans-serif;
}

/* Левая часть */
.promo-left {
    max-width: 800px;
    color: #ffffff;
}

.promo-header {
    display: flex;
    align-items: center;
    gap: 30px;
}

.promo-badge {
    color: #ECD00B;
    font-size: 64px;
    font-weight: 600;
    display: block;
}

.promo-subtitle {
    font-size: 32px;
    color: #fff;
}

.promo-main {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    max-width: 600px;
}

.promo-discount {
    font-size: 120px;
    font-weight: 600;
    color: #FFD700;
}

.promo-car-name {
    font-size: 72px;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 1);
}

/* Правая часть */
.promo-right {
    max-width: 600px;
}

.promo-right p {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}


/* ==========================================================================
   4. КАТАЛОГ (ТОЧНАЯ КОПИЯ СТИЛЕЙ С ГЛАВНОЙ)
   ========================================================================== */

.section3 {
    background: #7E838F; 
    font-family: 'Manrope', sans-serif;
}

.section3 .sections-wrap {
    margin: 0 auto;
}

/* Заголовки и фильтры в каталоге */
.catalog-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
}

.catalog-title {
    color: #FFF;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}

.catalog-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.filter-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFF;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.filter-btn.active, .filter-btn:hover {
    background: #FFF;
    color: #333;
}

/* Сетка каталога: жестко разделяем карточки, чтобы не слипались */
.catalog-grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; /* Распределяем карточки с зазорами */
    gap: 25px 2%; /* Зазоры между рядами и колонками */
    align-items: stretch;
}

/* Карточка товара (Точная копия с главной) */
.card-item {
    flex: 0 1 32%; /* Занимает 32% ширины, не слипаясь с соседями */
    max-width: 450px;
    background: #FFF;
    border-radius: 5px; /* Скругление как на главной */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
    box-sizing: border-box;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Мягкая тень */
}

.card-item:hover {
    transform: translateY(-5px);
}

/* Верхняя часть с фото (3:2) */
.card-img-box {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 3 / 2; 
    background: #2D3139;
    overflow: hidden;
}

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

/* Контентная часть (Задает отступ в 25px вокруг кнопки) */
.card-content {
    padding: 25px; /* Благодаря этому кнопка получает отступы! */
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.card-price {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
}

.card-price span {
    font-size: 24px;
    font-weight: 800;
    color: #219653;
}

.card-name {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: #1A1A1A;
    font-family: 'Manrope', sans-serif;
}

.card-meta {
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Inter', sans-serif;
}

.card-class span {
    color: #219653;
    font-weight: 600;
}

/* Кнопка «Подробнее» (Больше не липнет к углам!) */
.card-btn {
    width: 100%;
    margin-top: auto; /* Прижимает кнопку книзу контента */
    box-sizing: border-box;
}

.card-btn a {
    display: block;
    width: 100%;
    background: linear-gradient(180deg, #045F42 0%, #033C2A 100%);
    color: #FFF;
    text-align: center;
    padding: 14px;
    border-radius: 8px; /* Полное закругление всех 4-х углов */
    text-decoration: none;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    box-sizing: border-box;
    transition: opacity 0.2s ease;
}

.card-btn a:hover {
    opacity: 0.95;
}

/* Ссылки "Смотреть все" */
.view-all {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #FFF;
    text-decoration: none;
    margin-top: 20px;
    font-size: 15px;
}

.catalog-divider {
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.2);
}


/* ==========================================================================
   5. ШАГИ ЗАКАЗА И УСЛОВИЯ (SECTION 4)
   ========================================================================== */

.section4 {
    background: #282C35;
    color: #FFF;
    font-family: 'Manrope', sans-serif;
    width: 100%;
}

.section4 .sections-wrap {
    width: 100%;
    padding: 0 20px;
}

.title-white {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align-last: left;
}

/* Шаги заказа */
.steps-flex-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.steps-flex-container .step-item {
    flex: 0 1 calc(50% - 30px);
    margin: 0 15px 25px 15px;
    display: flex;
    gap: 15px;
}

.step-item span {
    background: #D9D9D9;
    color: #282C35;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 13px;
}

.step-item p {
    font-size: 18px;
    line-height: 1.5;
    color: #ccc;
    margin: 0;
}

.divider-dark {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 40px 0 60px 0;
}

/* Контент условий */
.content-flex-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 50px;
}

.info-text-col {
    flex: 1;
}

.info-image-col {
    flex: 1;
}

.info-block {
    margin-bottom: 40px;
}

.info-block h3 {
    font-size: 28px;
    margin-bottom: 20px;
}

.info-block p {
    font-size: 18px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 15px;
}

.delivery-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.delivery-list li {
    color: #999;
    margin-bottom: 8px;
}

.green-text {
    color: #219653;
    font-weight: 700;
}

.image-wrapper img {
    width: 100%;
    border-radius: 12px;
}

/* Футер секции 4 */
.section-footer {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin-top: 70px;
}

.section-footer p {
    font-size: 18px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 30px;
    max-width: 800px;
}

.section-footer p a {
    color: #219653;
    font-weight: bold;
}

.section-footer button a {
    color: #fff;
}


/* ==========================================================================
   6. АДАПТИВНОСТЬ ДЛЯ ВСЕХ ЭКРАНОВ
   ========================================================================== */

/* Ноутбуки и мониторы 1440px */
@media (max-width: 1440px) {
    .promo-discount {
        font-size: 100px;
    }
    .promo-car-name {
        font-size: 64px;
    }
    .promo-badge {
        font-size: 54px;
    }
}

/* Ноутбуки 1366px (стандарт) */
@media (max-width: 1366px) {
    .sections.section1-5 .sections-wrap {
        padding: 0 40px;
    }
    .promo-discount {
        font-size: 90px;
    }
    .promo-car-name {
        font-size: 56px;
    }
    .promo-subtitle {
        font-size: 28px;
    }
    .promo-right p {
        font-size: 18px;
    }
}

/* Планшеты и малые экраны 1024px */
@media (max-width: 1024px) {
    .sections.section1-5 {
        height: 480px;
    }
    .promo-content {
        align-items: center;
        gap: 30px;
    }
    .promo-header {
        gap: 20px;
    }
    .promo-badge {
        font-size: 42px;
    }
    .promo-subtitle {
        font-size: 24px;
    }
    .promo-discount {
        font-size: 80px;
    }
    .promo-car-name {
        font-size: 48px;
    }
    .promo-right {
        max-width: 400px;
    }
    .promo-right p {
        font-size: 16px;
    }
    .section4 {
        padding: 60px 0;
    }
    .content-flex-container {
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }
    .info-text-col {
        width: 100%;
    }
    .info-image-col {
        order: -1;
        width: 100%;
        height: 100%;
    }
    .image-wrapper {
        min-height: 250px;
    }
}

/* Fluid wrap на всех внутренних страницах ниже desktop 1920 */
@media (max-width: 1919px) {
    body.inner-page .wrap,
    body.inner-car-page .wrap,
    body.page-contacts .wrap {
        min-width: 0;
        max-width: 100%;
        overflow-x: hidden;
    }
}

/* Средние экраны и планшеты 992px (Каталог в 2 колонки) */
@media (max-width: 992px) {

    .catalog-row-content {
        flex-wrap: wrap ;
        justify-content: center !important; /* Центрируем, если карточка одна */
        gap: 20px !important;
    }

    .catalog-grid {
        justify-content: center;
        gap: 30px;
    }
    .card-item {
        flex: 0 1 47%; /* 2 карточки в ряд */
    }
}

/* Мобильные планшеты 768px */
@media (max-width: 768px) {
    .catalog-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .catalog-title {
        font-size: 26px;
    }
    .view-all {
        text-align: center;
    }
    .sections.section1-5 {
        height: auto;
        min-height: 500px;
        padding: 60px 0;
        background-position: center left;
    }
    .sections.section1-5 .sections-wrap {
        padding: 0 20px;
    }
    .promo-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }
    .promo-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        margin-bottom: 20px;
    }
    .promo-badge {
        font-size: 38px;
        line-height: 1;
    }
    .promo-subtitle {
        font-size: 18px;
    }
    .promo-main {
        align-items: flex-start;
    }
    .promo-discount {
        font-size: 80px;
        line-height: 1;
    }
    .promo-car-name {
        font-size: 42px;
        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8);
    }
    .promo-right {
        max-width: 100%;
        border-left: 3px solid #ECD00B;
        padding-left: 15px;
    }
    .promo-right p {
        font-size: 14px;
        line-height: 1.4;
    }
    .title-white {
        font-size: 26px;
        margin-bottom: 30px;
    }
    .steps-flex-container .step-item {
        flex: 0 1 100%;
        margin: 0 0 20px 20px;
    }
    .info-block h3 {
        font-size: 22px;
    }
    .info-block p, 
    .step-item p, 
    .section-footer p {
        font-size: 16px;
    }
    .section-footer {
        margin-top: 50px;
    }
    .section4 .button a {
        width: 100%;
        padding: 18px 0;
        text-align: center;
    }
}

/* Мобильные телефоны (до 580px) */
@media (max-width: 580px) {
    .card-item {
        max-width: 100%;
        flex: 0 1 100%; /* Карточки строго в 1 колонку */
    }
    .card-content {
        padding: 15px; /* Чуть компактнее отступы на мобильных */
    }
    .section3 .sections-wrap {
        padding: 0 15px;
    }
    .card-img-box {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 480px) {
    .promo-discount {
        font-size: 64px;
    }
    .promo-car-name {
        font-size: 36px;
    }
}

/* ==========================================================================
   7. ДЕТАЛЬНАЯ СТРАНИЦА АВТОМОБИЛЯ (car.php)
   ========================================================================== */

/* Общий фон всей страницы под стиль макета Chevrolet */
body.inner-car-page {
    background-color: #7a8190 !important; /* Тот самый базовый серо-голубой цвет */
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
}

/* Хлебные крошки — выравнивание по левому краю вровень со слайдером */
.breadcrumbs-section {
    background-color: #7a8190;
    padding: 50px 0 20px 0;
}

.breadcrumbs-section .container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.breadcrumbs-section h2 {
    color: #ffffff;
    margin: 0 0 12px 0;
    font-size: 34px;
    font-weight: 700;
}

.breadcrumbs, .breadcrumbs a {
    color: #d1d5db;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumbs a:hover {
    color: var(--accent-green, #2ecc71);
}

.breadcrumbs span {
    color: #ffffff;
}

/* Общая секция под карточку */
.car-details-section {
    padding: 10px 0 80px 0;
    background-color: #7a8190;
}

/* Ограничитель сетки по твоей системе (макс. 1600px) */
.car-details-section .container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Двухколоночная сетка Flexbox */
.car-grid {
    display: flex;
    gap: 50px; /* Оптимальное расстояние между гигантским слайдером и инфоблоком */
    align-items: stretch; /* Растягивает обе колонки на одинаковую высоту */
}

/* Левая колонка: Фото / Слайдер (Твои идеальные 85% визуального объема) */
.car-gallery-column {
    flex: 1.7; 
    min-width: 0; /* Предотвращает разламывание флексов слайдером */
}

.slider-wrap {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

/* Ярлык класса на фото (аккуратная плашка в углу) */
.car-class-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #333333;
    padding: 5px 12px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 10;
}

#mainCarousel .f-carousel__slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

/* Правая колонка: Характеристики и калькулятор цен */
.car-info-column {
    flex: 0.3; /* Компактная колонка справа */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Распределяет элементы строго по высоте слайдера */
    min-width: 320px; /* Предотвращает избыточное сжатие текста на экранах поменьше */
    padding-bottom: 10px;
}

/* Обертка для верхней текстовой части */
.car-info-top {
    width: 100%;
}

/* Имя авто */
.car-title {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
    line-height: 1.15;
}

/* Короткие данные */
.car-meta-short {
    font-size: 13px;
    color: #e5e7eb;
    margin-bottom: 15px;
}

.car-meta-short p {
    margin: 3px 0;
}

.car-meta-short strong {
    color: #ffffff;
    font-weight: 500;
}

/* Сетка характеристик (Компактный шрифт и отступы, чтобы уместиться по высоте) */
.car-specs-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.spec-row {
    display: flex;
    font-size: 13px;
    line-height: 1.35;
}

.spec-label {
    color: #e5e7eb;
    width: 150px; /* Чуть уменьшили ширину ярлыка под узкую колонку */
    flex-shrink: 0;
}

.spec-value {
    font-weight: 400;
    color: #ffffff;
}

/* Теги опций (фичи) */
.car-features-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 25px;
}

.feature-tag {
    color: #e5e7eb;
    font-size: 12px;
    font-weight: 400;
}

.feature-tag::after {
    content: ",";
}

.feature-tag:last-child::after {
    content: "";
}

/* Обертка для нижней части (блок цен и кнопка) */
.car-info-bottom {
    width: 100%;
    margin-top: auto; /* Прижимает блок цен к самому низу слайдера */
}

/* Блок цен (Темная плашка с ценами) */
.price-box {
    background-color: #383d48; /* Контрастный темный цвет плашки цен */
    color: #ffffff;
    padding: 18px 20px; /* Уплотненные внутренние отступы */
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.price-box-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    color: #d1d5db;
    letter-spacing: 0.5px;
}

.price-tier {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0; /* Более плотные строки */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.price-tier:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tier-days {
    font-size: 13px;
    color: #ffffff;
}

.tier-val {
    font-size: 13px;
    color: #d1d5db;
}

.tier-val strong {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

/* Кнопка "Взять в аренду" */
.btn-rent {
    display: block;
    background-color: #033C2A; 
    background-image: linear-gradient(180deg, #045F42 0%, #033C2A 100%);
    color: #ffffff;
    border: 1px solid #022F21;
    border-radius: 6px;
    padding: 14px 20px; /* Сделали высоту кнопки чуть более аккуратной */
    font-size: 15px;
    font-weight: 600;
    font-family: 'Manrope', sans-serif;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 
        inset 2px 2px 3px rgba(255, 255, 255, 0.1),
        inset -2px -2px 3px rgba(0, 0, 0, 0.3),
        0 5px 15px rgba(0, 0, 0, 0.2);
}

.btn-rent:hover {
    background-color: #333333; 
    background-image: linear-gradient(180deg, #3C3C3C 0%, #2A2A2A 100%);
    box-shadow: 
        inset 2px 2px 4px rgba(255, 255, 255, 0.2),
        inset -2px -2px 4px rgba(0, 0, 0, 0.4),
        0 8px 20px rgba(0, 0, 0, 0.3);
}

.btn-rent:active {
    background-color: #033C2A; 
    background-image: linear-gradient(180deg, #045F42 0%, #033C2A 100%);
    box-shadow: 
        inset 3px 3px 6px rgba(0, 0, 0, 0.5);
    transform: translateY(1px);
}

/* Плейсхолдер для авто без фото */
.no-photo-placeholder {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #383d48;
    border-radius: 6px;
    color: #d1d5db;
    font-weight: 600;
}

/* ==========================================================================
   Стили для нижних темных секций (Рекомендуем и Условия)
   ========================================================================== */

.dark-bg {
    background-color: #1a1b1e !important; /* Глубокий темный фон для подвала */
    padding: 70px 0;
    color: #ffffff;
}

.recommended-section .section-title {
    color: #ffffff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
}

.recommended-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.terms-container {
    padding: 0 20px;
    color: #000;
}

.terms-grid {
    display: flex;
    gap: 60px;
}

.terms-col, .delivery-col {
    flex: 1;
}

.terms-col h3, .delivery-col h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}

.terms-cta {
    margin: 40px auto;
    max-width: 1200px;
}

.terms-cta a {
    color: #ffffff;
}


.cta-btn-wrap {
    width: 100%;
    margin: 40px auto;
}

.cta-btn-wrap button {
    margin: auto;
}

/* ==========================================================================
   8. АДАПТИВНОСТЬ ДЛЯ ДЕТАЛЬНОЙ СТРАНИЦЫ
   ========================================================================== */

/* Адаптив под 1024px (Планшеты) */
@media (max-width: 1024px) {
    .breadcrumbs-section .container,
    .car-details-section .container {
        padding: 0 20px;
    }
    
    .car-grid {
        flex-direction: column;
        gap: 40px;
        align-items: stretch;
    }

    .car-gallery-column, 
    .car-info-column {
        width: 100%;
        flex: none;
    }

    .car-info-top,
    .car-info-bottom {
        max-width: 100%; /* На планшетах и мобилках раскрываем на всю ширину */
    }
    
    .car-title {
        font-size: 30px;
    }

    .recommended-grid {
        grid-template-columns: 1fr 1fr;
    }

        .terms-grid {
        flex-direction: column;
        gap: 30px;
    }
}

/* Адаптив под мобильные (до 580px) */
@media (max-width: 580px) {
    .car-details-section {
        padding: 10px 0 40px 0;
    }

    .car-title {
        font-size: 24px;
    }
    
    .price-box {
        padding: 20px;
    }
    
    .tier-val strong {
        font-size: 18px;
    }

    .recommended-grid {
        grid-template-columns: 1fr;
    }
}

/* Стили для миниатюр детальной страницы */
.f-carousel-thumbs .thumb-slide {
    transition: border-color 0.2s ease;
    border-radius: 4px;
}
.f-carousel-thumbs .thumb-slide:hover,
.f-carousel-thumbs .thumb-slide.is-nav-selected {
    border-color: #045F42 !important; /* Обводка активного слайда зеленым */
}


.recommended-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}


//* ==========================================================================
   СЕКЦИЯ УСЛОВИЙ И ДОСТАВКИ (ЦВЕТА СТРОГО ПО МАКЕТУ)
   ========================================================================== */

body.inner-page {
    background-color: #848899; /* Базовый фон страницы */
    color: #000000;
    font-family: 'Manrope', sans-serif;
}

/* Белый заголовок h2 вне карточек */
body.inner-page .catalog-title {
    color: #ffffff;
}

/* Страница «Условия аренды и оплаты» — flex-макет */
body.inner-page.page-rules .catalog-sections-wrap {
    position: relative;
    max-width: none;
    margin: 0;
    padding: 0;
    line-height: 120%;
}

body.inner-page.page-rules .catalog-header {
    position: static;
    display: block;
    max-width: var(--ap-container-max, 1920px);
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 40px clamp(16px, 5vw, 98px) 0;
    overflow: visible;
    box-sizing: border-box;
}

body.inner-page.page-rules .catalog-title {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
}

body.inner-page.page-rules .rules-container-flex {
    max-width: 1600px;
    margin: 0 auto;
    padding: 24px 20px 30px;
}

body.inner-page.page-rules .rules-refund-notice {
    margin: 16px 0 0;
    padding: 0;
    box-sizing: border-box;
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
}

body.inner-page.page-rules .rules-figma-line,
body.inner-page.page-rules .rules-figma-line-2 {
    margin: 24px 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    border-top: 1px solid #ffffff;
}

body.inner-page.page-rules .rules-figma-line {
    height: 0;
}

body.inner-page.page-rules .rules-figma-rect61,
body.inner-page.page-rules .rules-figma-rect62,
body.inner-page.page-rules .rules-figma-rect63,
body.inner-page.page-rules .rules-figma-rect64,
body.inner-page.page-rules .rules-figma-rect65,
body.inner-page.page-rules .rules-figma-rect66,
body.inner-page.page-rules .rules-figma-rect67,
body.inner-page.page-rules .rules-figma-rect68 {
    display: none !important;
}

/* Figma Rectangle 34 — квадрат «1», 96×96, top 163 / left 852 (от .catalog-sections-wrap) */
@media (min-width: 32000px) {
    /* Отключено: Figma absolute desktop — используется flow-layout */
    body.inner-page.page-rules .catalog-sections-wrap {
        min-height: 3807px;
        height: 3807px;
        padding-bottom: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    /* Figma заголовок — 650×55, top 54 / left 97 */
    body.inner-page.page-rules .catalog-title {
        position: absolute;
        top: 54px;
        left: 97px;
        z-index: 3;
        box-sizing: border-box;
        width: 650px;
        height: 55px;
        opacity: 1;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-num {
        position: absolute;
        top: 163px;
        left: 852px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(1, 1, 1, 0.25);
        border-radius: 3px;
        box-shadow: 0px 4px 4px 0px #00000040;
        background-color: #D9D9D9BF;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «1» — 21×66, top 178 / left 888 (15 / 36 от квадрата) */
    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 36px;
        box-sizing: border-box;
        width: 21px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 1 — текст, 550×82, top 156 / left 971 */
    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-content {
        position: absolute;
        top: 156px;
        left: 971px;
        z-index: 3;
        box-sizing: border-box;
        width: 550px;
        height: 82px;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 35 — квадрат «2», 96×96, 62px ниже Rectangle 34 (321 / 852) */
    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-num {
        position: absolute;
        top: 321px;
        left: 852px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(1, 1, 1, 0.25);
        border-radius: 3px;
        box-shadow: 0px 4px 4px 0px #00000040;
        background-color: #D9D9D9BF;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «2» — 29×66, top 336 / left 886 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 29px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 2 — текст, 805×186, top 314 / left 971 (как п.1: текст на 7px выше квадрата) */
    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-content {
        position: absolute;
        top: 314px;
        left: 971px;
        z-index: 3;
        box-sizing: border-box;
        width: 805px;
        height: 186px;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 36 — квадрат «3», 96×96, 91px ниже Rectangle 35 (508 / 852) */
    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rule-card-num {
        position: absolute;
        top: 508px;
        left: 852px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid rgba(1, 1, 1, 0.25);
        border-radius: 3px;
        box-shadow: 0px 4px 4px 0px #00000040;
        background-color: #D9D9D9BF;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «3» — 28×66, top 523 / left 886 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rule-card-content {
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 3 — оплата, 805×278, top 501 / left 971 */
    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma {
        position: absolute;
        top: 501px;
        left: 971px;
        z-index: 3;
        box-sizing: border-box;
        width: 805px;
        height: 278px;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma h3 {
        margin: 0;
        padding: 0;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-style: inherit;
        font-size: inherit;
        line-height: inherit;
        letter-spacing: inherit;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma .sub-info--cards {
        margin: 0 0 36px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma > p:nth-of-type(3) {
        margin-bottom: 36px;
    }

    /* Figma реквизиты — 851×227, top 735 / left 971 */
    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma {
        position: absolute;
        top: 735px;
        left: 971px;
        z-index: 3;
        box-sizing: border-box;
        width: 851px;
        height: 227px;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
        font-family: 'Manrope', sans-serif;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma .company-requisites-title {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma .requisites-text {
        margin: 0;
        padding: 0;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma .requisites-text p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma фото — 701×850, top 158 / left 101 */
    body.inner-page.page-rules .rules-top-layout {
        display: block;
        min-height: calc(158px + 850px);
        margin-bottom: 30px;
        width: 100%;
    }

    body.inner-page.page-rules .rules-top-media {
        position: absolute;
        top: 158px;
        left: 101px;
        z-index: 2;
        box-sizing: border-box;
        width: 701px;
        height: 850px;
        max-width: none;
        margin: 0;
        padding: 1px;
        border: none;
        border-radius: 25px;
        background: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        overflow: visible;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
    }

    body.inner-page.page-rules .rules-main-img {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        border-radius: calc(25px - 1px);
        object-fit: cover;
        opacity: 1;
    }

    body.inner-page.page-rules .rules-top-content {
        margin-left: calc(101px + 701px + 48px);
        max-width: calc(100% - 101px - 701px - 48px);
    }

    /* Figma уведомление о возврате — 1712×78, top 1098 / left 100 */
    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-refund-notice {
        position: absolute;
        top: 1098px;
        left: 100px;
        z-index: 3;
        width: 1712px;
        max-width: calc(100% - 100px);
        height: 78px;
        margin: 0;
        opacity: 1;
    }

    /* Figma Line 6 — 1718×0, top 1194 / left 104 */
    body.inner-page.page-rules .rules-figma-line {
        position: absolute;
        top: 1194px;
        left: 104px;
        z-index: 3;
        width: 1718px;
        max-width: calc(100% - 104px);
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 1;
        border: none;
        border-top: 1px solid #ffffff;
    }

    /* Figma Rectangle 61 — квадрат «4», 96×96, top 1258 / left 105 */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-num {
        position: absolute;
        top: 1258px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «4» — 28×66, top 1273 / left 139 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) {
        display: block;
        height: 0;
        margin: 0 0 605px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 4 — текст, 1012×360, top 1255 / left 249 */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content {
        position: absolute;
        top: 1255px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1012px;
        max-width: calc(100% - 249px);
        height: 360px;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    /* «Залог за аренду авто» — Manrope Bold 24 / 100% */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content h3 {
        margin: 0 0 48px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Остальной текст — Manrope Light 18 / 100% */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content p:nth-of-type(2) {
        margin-bottom: 36px;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .prices-list {
        margin: 0;
        padding: 0;
        max-width: none;
        list-style: none;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .prices-list li {
        display: block;
        margin: 0 0 5px;
        padding: 0;
        border-bottom: none;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Числа и «руб» в тексте — SemiBold, цвет как у абзаца */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .rules-text-semibold {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #000000;
    }

    /* Числа и «руб» в списке — SemiBold, белый */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .prices-list li span {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
    }

    /* Figma Rectangle 62 — квадрат «5», 96×96, 280px ниже Rectangle 61 (1634 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-num {
        position: absolute;
        top: 1669px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «5» — 28×66, top 1649 / left 139 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 {
        display: block;
        height: 0;
        margin: 0 0 120px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 5 — текст, 1438×91, top 1625 / left 249 */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-content {
        position: absolute;
        top: 1666px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 63 — квадрат «6», 96×96, 73px ниже Rectangle 62 (1803 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-num {
        position: absolute;
        top: 1838px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «6» — 28×66, top 1818 / left 139 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 {
        display: block;
        height: 0;
        margin: 0 0 185px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 6 — текст, top 1800 / left 249 (как п.4–5: текст на 3px выше квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-content {
        position: absolute;
        top: 1835px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-content p {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 64 — квадрат «7», 96×96, 77+35px ниже Rectangle 63 (2011 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-num {
        position: absolute;
        top: 2041px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «7» — 28×66, top 1991 / left 139 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 {
        display: block;
        height: 0;
        margin: 0 0 120px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 7 — текст, top 2008 / left 249 (как п.4–6: текст на 3px выше квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-content {
        position: absolute;
        top: 2038px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 65 — квадрат «8», 96×96, 84+35px ниже Rectangle 64 (2226 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-num {
        position: absolute;
        top: 2256px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «8» — 28×66, top 2171 / left 139 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 {
        display: block;
        height: 0;
        margin: 0 0 120px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 8 — текст, top 2223 / left 249 (как п.4–7: текст на 3px выше квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-content {
        position: absolute;
        top: 2253px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 66 — квадрат «9», 96×96, 81+35px ниже Rectangle 65 (2438 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-num {
        position: absolute;
        top: 2468px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «9» — 28×66, top 2348 / left 139 (15 / 34 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 34px;
        box-sizing: border-box;
        width: 28px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 {
        display: block;
        height: 0;
        margin: 0 0 185px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 9 — текст, top 2435 / left 249 (как п.4–8: текст на 3px выше квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content {
        position: absolute;
        top: 2465px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content p {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content p:last-child {
        margin-bottom: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content .white-price {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
    }

    /* Figma Rectangle 67 — квадрат «10», 96×96, 79+35px ниже Rectangle 66 (2648 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-num {
        position: absolute;
        top: 2678px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «10» — 40×66, top 2523 / left 128 (15 / 23 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 23px;
        box-sizing: border-box;
        width: 50px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 {
        display: block;
        height: 0;
        margin: 0 0 120px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 10 — текст, top 2645 / left 249 (как п.4–9: текст на 3px выше квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-content {
        position: absolute;
        top: 2675px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma Rectangle 68 — квадрат «11», 96×96, 84px ниже Rectangle 67 (2858 / 105) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-num {
        position: absolute;
        top: 2858px;
        left: 105px;
        z-index: 3;
        box-sizing: border-box;
        width: 96px;
        height: 96px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 3px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        opacity: 1;
        display: block;
        font-size: 0;
        line-height: 0;
        flex-shrink: 0;
        color: #010101;
    }

    /* Figma цифра «11» — 50×66, top 2873 / left 128 (15 / 23 от квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-num__digit {
        position: absolute;
        top: 15px;
        left: 23px;
        box-sizing: border-box;
        width: 50px;
        height: 66px;
        margin: 0;
        padding: 0;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #010101;
        font-family: 'Manrope', sans-serif;
        font-size: 48px;
        font-weight: 600;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 {
        display: block;
        height: 0;
        margin: 0 0 120px;
        padding: 0;
        overflow: visible;
    }

    /* Figma пункт 11 — текст, top 2855 / left 249 (как п.4–10: текст на 3px выше квадрата) */
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content {
        position: absolute;
        top: 2855px;
        left: 249px;
        z-index: 3;
        box-sizing: border-box;
        width: 1438px;
        max-width: calc(100% - 249px);
        height: auto;
        margin: 0;
        padding: 0;
        opacity: 1;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content p {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content p:last-child {
        margin-bottom: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content .white-price {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
    }

    /* Figma Line 7 — разделитель перед блоком доставки (84px ниже п.11) */
    body.inner-page.page-rules .rules-figma-line-2 {
        position: absolute;
        top: 3038px;
        left: 104px;
        z-index: 3;
        width: 1718px;
        max-width: calc(100% - 104px);
        height: 0;
        margin: 0;
        padding: 0;
        opacity: 1;
        border: none;
        border-top: 1px solid #ffffff;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info {
        display: block;
        height: 0;
        margin: 0 0 940px;
        padding: 0;
        overflow: visible;
        background-color: transparent;
    }

    /* Figma блок «Доставка автомобиля» — 1444×297, top 3101 / left 239 (63px ниже Line 7) */
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma {
        position: absolute;
        top: 3101px;
        left: 239px;
        z-index: 3;
        box-sizing: border-box;
        width: 1444px;
        max-width: calc(100% - 239px);
        height: 297px;
        margin: 0;
        padding: 0;
        opacity: 1;
        overflow: visible;
        color: #000000;
    }

    /* Figma — «Доставка автомобиля» (Manrope Bold 700, 24px, line-height 100%) */
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Figma — строки доставки (Manrope Light 300, 18px, line-height 100%) */
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(1),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(2),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(3),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(4) {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(1) {
        margin-bottom: 41px;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(4) {
        margin-bottom: 41px;
    }

    /* Figma — ночное время (Manrope Light 300, 18px, line-height 100%) */
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(5),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(6),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(7) {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(7) {
        margin-bottom: 0;
    }

    /* Figma — «Дополнительно оплачивается…» (Manrope Bold 700, 24px, line-height 100%) */
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma h4,
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma .delivery-sub-title {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma .white-price {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-contacts {
        display: block;
        height: 0;
        margin: 0 0 260px;
        padding: 0;
        overflow: visible;
    }

    /* Контакты — 886×202, 48px ниже блока «Доставка автомобиля» (3101 + 297 + 48) */
    body.inner-page.page-rules .rules-container-flex .rules-footer-contacts p {
        position: absolute;
        top: 3446px;
        left: 238px;
        z-index: 3;
        box-sizing: border-box;
        width: 886px;
        max-width: calc(100% - 238px);
        height: 202px;
        margin: 0;
        padding: 0;
        opacity: 1;
        overflow: visible;
        text-align: left;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    /* Номера телефонов — белые, жирные */
    body.inner-page.page-rules .rules-container-flex .rules-footer-contacts p a {
        color: #ffffff;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: none;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions {
        display: block;
        height: 0;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    /* «Заказать звонок» — как «Подробнее» в каталоге, 480×88, 120px ниже начала блока контактов */
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap {
        position: absolute;
        top: 3566px;
        left: 238px;
        z-index: 50;
        box-sizing: border-box;
        width: 480px;
        height: 88px;
        margin: 0;
        padding: 0.75px;
        border: none;
        border-radius: 13px;
        background: linear-gradient(97.62deg, #76f8cc 16.37%, #11322b 76.29%);
        overflow: visible;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap:hover:not(:active) {
        background: linear-gradient(97.62deg, #ffffff 16.37%, #75819b 76.29%);
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0 20px;
        border: none;
        border-radius: 12px;
        background-color: #017344;
        background-image: linear-gradient(358.41deg, #12332d 0.9%, #017344 98.2%);
        box-shadow:
            0 3px 3px 0 rgba(0, 0, 0, 0.8),
            inset -4px 2px 1px 2px rgba(169, 248, 157, 0.26),
            inset -2px -2px 1px 0 rgba(0, 0, 0, 0.25);
        color: #ffffff;
        font-family: 'Manrope', sans-serif;
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        text-transform: none;
        cursor: pointer;
        box-sizing: border-box;
        appearance: none;
        -webkit-appearance: none;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap:hover:not(:active) .rules-catalog-btn,
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn:hover:not(:active) {
        background-image: linear-gradient(358.41deg, #282c35 0.9%, #596476 98.2%);
        box-shadow:
            0 3px 3px 0 rgba(0, 0, 0, 0.8),
            inset -4px 2px 1px 2px #848899,
            inset -2px -2px 1px 0 #282c35;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn:active {
        background-image: linear-gradient(358.41deg, #017344 0.9%, #309b4d 98.2%);
    }

    /* «Выбрать авто» — как «Подробнее», цвета #C2CDE3 / #596476 */
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select {
        position: absolute;
        top: 3566px;
        left: 738px;
        z-index: 50;
        box-sizing: border-box;
        width: 480px;
        height: 88px;
        margin: 0;
        padding: 0.75px;
        border: none;
        border-radius: 13px;
        background: linear-gradient(97.62deg, #C2CDE3 16.37%, #596476 76.29%);
        overflow: visible;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-height: 0;
        margin: 0;
        padding: 0 20px;
        border: none;
        border-radius: 12px;
        background-color: #596476;
        background-image: linear-gradient(358.41deg, #596476 0.9%, #C2CDE3 98.2%);
        box-shadow:
            0 3px 3px 0 rgba(89, 100, 118, 0.55),
            inset -4px 2px 1px 2px #C2CDE3,
            inset -2px -2px 1px 0 #596476;
        color: #ffffff;
        font-family: 'Manrope', sans-serif;
        font-size: 30px;
        font-weight: 500;
        font-style: normal;
        line-height: 120%;
        letter-spacing: 0;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 2px 4px rgba(89, 100, 118, 0.45);
        text-transform: none;
        cursor: pointer;
        box-sizing: border-box;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select:hover:not(:active) {
        background: linear-gradient(97.62deg, #C2CDE3 16.37%, #596476 76.29%);
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select:hover:not(:active) .rules-catalog-btn--select,
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select:hover:not(:active) {
        background-color: #C2CDE3;
        background-image: linear-gradient(358.41deg, #C2CDE3 0.9%, #596476 98.2%);
        color: #ffffff;
        box-shadow:
            0 3px 3px 0 rgba(89, 100, 118, 0.55),
            inset -4px 2px 1px 2px #C2CDE3,
            inset -2px -2px 1px 0 #596476;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select:active {
        background-color: #596476;
        background-image: linear-gradient(358.41deg, #596476 0.9%, #C2CDE3 98.2%);
    }

    body.inner-page.page-rules .rules-container-flex {
        max-width: none;
        margin: 0;
        padding: 0;
        gap: 0;
    }
}


/* ==========================================================================
   ГЛАВНЫЙ КОНТЕЙНЕР И ДВУХКОЛОНОЧНАЯ СЕТКА (ВЕРХ СТРАНИЦЫ)
   ========================================================================== */

/* Ограничитель контента 1600px */
body.inner-page .rules-container-flex {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 30px 20px;
    box-sizing: border-box;
    width: 100%;
}

/* Сетка для картинки и блоков 1, 2, 3 */
body.inner-page .rules-top-layout {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    margin-bottom: 30px;
    width: 100%;
}

/* Левая колонка с изображением автомобиля */
body.inner-page:not(.page-rules) .rules-top-media {
    flex: 0 0 40%;
    max-width: 680px;
}

body.inner-page:not(.page-rules) .rules-main-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 25px;
    object-fit: cover;
}

/* Правая колонка под контент */
body.inner-page .rules-top-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ==========================================================================
   СТИЛИЗАЦИЯ ПУНКТОВ (ПРОЗРАЧНЫЙ ФОН + СЕРЫЕ КВАДРАТЫ)
   ========================================================================== */

.white-price {
    font-weight: 700;
    color: #ffffff;
}    

/* Строка элемента (Цифра + Текст) */
body.inner-page .rules-container-flex .rule-card-item {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    background-color: transparent;
    border-radius: 0;
    overflow: visible;
    margin-bottom: 5px;
}

body.inner-page .rules-container-flex .rule-card-item:has(+ .delivery-card-info) {
    padding-bottom: 30px; /* Отступ от текста до линии */
    margin-bottom: 30px;  /* Отступ от линии до блока доставки */
    border-bottom: 1px solid #ffffff; /* Такая же светлая линия */
    width: 100%;
}

/* Отдельный квадрат для цифры */
body.inner-page .rules-container-flex .rule-card-num {
    background-color: #D9D9D9BF; /* Полупрозрачный фон квадрата */
    color: #010101;              /* Цвет цифр */
    font-size: 36px;
    font-weight: 700;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px;
}

body.inner-page.page-rules .rules-container-flex .rules-figma-rect61.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect62.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect63.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect64.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect65.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect66.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect67.rule-card-num,
body.inner-page.page-rules .rules-container-flex .rules-figma-rect68.rule-card-num {
    width: 96px;
    height: 96px;
    border-radius: 3px;
    display: block;
    font-size: 0;
    line-height: 0;
}

/* Блок с текстом справа */
body.inner-page .rules-container-flex .rule-card-content {
    padding: 0;
    flex-grow: 1;
    background-color: transparent;
}

/* Стилизация текстовых элементов внутри пунктов */
body.inner-page .rules-container-flex .rule-card-content h3 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

body.inner-page .rules-container-flex .rule-card-content p {
    margin: 5px 0;
    font-size: 15px;
    line-height: 120%;
    color: #000000;
}

/* Подстрочные примечания (например, в пункте 3) */
body.inner-page .rules-container-flex .rule-card-content .sub-info {
    font-size: 14px;
    color: #000000;
    padding-left: 0;
    margin-top: 4px;
    margin-bottom: 12px;
}

body.inner-page .rules-container-flex .rule-card-content .sub-info--cards {
    font-size: 24px;
    line-height: 120%;
}

/* Списки моделей авто (пункт 4) */
body.inner-page .rules-container-flex .prices-list {
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
    max-width: 500px;
}

body.inner-page .rules-container-flex .prices-list li {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    border-bottom: 1px dashed #333333;
    color: #000000;
    font-size: 15px;
}

body.inner-page .rules-container-flex .prices-list li span {
    font-weight: 700;
    color: #ffffff;
}

/* ==========================================================================
   БЛОК РЕКВИЗИТОВ (ПУНКТ 3)
   ========================================================================== */

body.inner-page:not(.page-rules) .rules-container-flex .company-requisites-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #000000;
    text-decoration: underline;
}

body.inner-page:not(.page-rules) .rules-container-flex .requisites-text p {
    font-size: 14px;
    line-height: 1.5;
    margin: 4px 0;
    color: #000000;
}

/* ==========================================================================
   УВЕДОМЛЕНИЯ И ДОСТАВКА (БЕЗ НОМЕРОВ)
   ========================================================================== */

/* Белый текст примечания между блоками */
body.inner-page .rules-container-flex .rule-notification-text {
    color: #000000;
    font-size: 14px;
    line-height: 120%;
    padding-bottom: 30px; /* Отступ от текста до линии */
    margin-bottom: 30px;  /* Отступ от линии до следующей карточки */
    border-bottom: 1px solid #ffffff; /* Светлая аккуратная линия во всю ширину контента */
    width: 100%;
    box-sizing: border-box;
}

/* Карточка доставки — убираем старый фон, делаем прозрачной с черным текстом */
body.inner-page .rules-container-flex .delivery-card-info {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    color: #000000;
    margin-top: 20px;
}

body.inner-page .rules-container-flex .delivery-card-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    color: #000000;
}

body.inner-page .rules-container-flex .delivery-card-info p {
    font-size: 15px;
    line-height: 120%;
    margin: 5px 0;
    color: #000000;
}

body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(1),
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(2),
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(3),
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(4),
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(5),
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(6),
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(7) {
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    color: #000000;
}

body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma h3,
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma h4,
body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma .delivery-sub-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
    color: #000000;
}

body.inner-page .rules-container-flex .delivery-sub-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #000000;
}

body.inner-page .rules-container-flex .rules-footer-contacts {
    color: #000000;
    text-align: center;
    margin-top: 15px;
    font-size: 15px;
    line-height: 120%;
}

body.inner-page.page-rules .rules-container-flex .rules-footer-contacts {
    color: #000000;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
}

/* ==========================================================================
   НИЖНИЕ КНОПКИ И ДЕЙСТВИЯ (CTA)
   ========================================================================== */

body.inner-page.page-rules .rules-container-flex .rules-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    align-items: stretch;
    margin-top: 30px;
    padding: 0 20px 40px;
    box-sizing: border-box;
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap {
    box-sizing: border-box;
    flex: 1 1 320px;
    max-width: 480px;
    min-width: 280px;
    height: 88px;
    margin: 0;
    padding: 0.75px;
    border: none;
    border-radius: 13px;
    background: linear-gradient(97.62deg, #76f8cc 16.37%, #11322b 76.29%);
    overflow: visible;
    box-shadow: 0px 4px 4px 0px #00000040;
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap:hover:not(:active) {
    background: linear-gradient(97.62deg, #ffffff 16.37%, #75819b 76.29%);
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0 20px;
    border: none;
    border-radius: 12px;
    background-color: #017344;
    background-image: linear-gradient(358.41deg, #12332d 0.9%, #017344 98.2%);
    box-shadow:
        0 3px 3px 0 rgba(0, 0, 0, 0.8),
        inset -4px 2px 1px 2px rgba(169, 248, 157, 0.26),
        inset -2px -2px 1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff !important;
    font-family: 'Manrope', sans-serif;
    font-size: 30px;
    font-weight: 500;
    font-style: normal;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    text-transform: none;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap:hover:not(:active) .rules-catalog-btn,
body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn:hover:not(:active) {
    background-image: linear-gradient(358.41deg, #282c35 0.9%, #596476 98.2%);
    box-shadow:
        0 3px 3px 0 rgba(0, 0, 0, 0.8),
        inset -4px 2px 1px 2px #848899,
        inset -2px -2px 1px 0 #282c35;
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn:active {
    background-image: linear-gradient(358.41deg, #017344 0.9%, #309b4d 98.2%);
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select {
    background: linear-gradient(97.62deg, #C2CDE3 16.37%, #596476 76.29%);
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select {
    background-color: #596476;
    background-image: linear-gradient(358.41deg, #596476 0.9%, #C2CDE3 98.2%);
    box-shadow:
        0 3px 3px 0 rgba(89, 100, 118, 0.55),
        inset -4px 2px 1px 2px #C2CDE3,
        inset -2px -2px 1px 0 #596476;
    text-shadow: 0 2px 4px rgba(89, 100, 118, 0.45);
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select:hover:not(:active) {
    background: linear-gradient(97.62deg, #C2CDE3 16.37%, #596476 76.29%);
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select:hover:not(:active) .rules-catalog-btn--select,
body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select:hover:not(:active) {
    background-color: #C2CDE3;
    background-image: linear-gradient(358.41deg, #C2CDE3 0.9%, #596476 98.2%);
    color: #ffffff !important;
    box-shadow:
        0 3px 3px 0 rgba(89, 100, 118, 0.55),
        inset -4px 2px 1px 2px #C2CDE3,
        inset -2px -2px 1px 0 #596476;
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select:active {
    background-color: #596476;
    background-image: linear-gradient(358.41deg, #596476 0.9%, #C2CDE3 98.2%);
}

body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn,
body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select {
    line-height: 100%;
}

body.inner-page .rules-container-flex .rules-footer-actions {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}

body.inner-page .rules-container-flex .rules-btn {
    padding: 16px 45px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}

body.inner-page .rules-container-flex .btn-green {
    background: linear-gradient(180deg, #055f43 0%, #033d2b 100%); /* Градиент бренда */
    color: #ffffff;
}

body.inner-page .rules-container-flex .btn-green:hover {
    opacity: 0.95;
}

body.inner-page .rules-container-flex .btn-white {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #d1d5db;
}

body.inner-page .rules-container-flex .btn-white:hover {
    background-color: #f9fafb;
}

/* ==========================================================================
   АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ УСТРОЙСТВА
   ========================================================================== */

@media (min-width: 0) {
    body.inner-page.page-rules .catalog-sections-wrap {
        min-height: 0;
        height: auto;
        padding-bottom: 24px;
    }

    body.inner-page.page-rules .rule-card-content,
    body.inner-page.page-rules .rule-card-content p,
    body.inner-page.page-rules .rule-card-content h3,
    body.inner-page.page-rules .rule-card-content h4,
    body.inner-page.page-rules .rules-payment-figma,
    body.inner-page.page-rules .rules-payment-figma p,
    body.inner-page.page-rules .rules-requisites-figma,
    body.inner-page.page-rules .rules-requisites-figma p,
    body.inner-page.page-rules .rules-delivery-figma,
    body.inner-page.page-rules .rules-delivery-figma p,
    body.inner-page.page-rules .rules-refund-notice,
    body.inner-page.page-rules .prices-list li {
        color: #000000;
        line-height: 120%;
    }

    body.inner-page .rules-top-layout {
        flex-direction: column;
        gap: 30px;
    }
    
    body.inner-page .rules-top-media {
        flex: 1 1 100%;
        max-width: 100%;
    }

    body.inner-page.page-rules .rules-top-layout {
        display: flex;
        flex-direction: column;
        min-height: 0;
        gap: 30px;
    }

    body.inner-page.page-rules .rules-top-media {
        position: static;
        width: 100%;
        height: auto;
        max-width: 701px;
        margin: 0 auto 24px;
        padding: 1px;
        border: none;
        border-radius: 25px;
        background: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        overflow: visible;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    body.inner-page.page-rules .rules-main-img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 850px;
        border: none;
        border-radius: calc(25px - 1px);
        object-fit: cover;
    }

    body.inner-page.page-rules .rules-top-content {
        margin-left: 0;
        max-width: none;
    }

    body.inner-page.page-rules .catalog-header {
        height: auto;
        max-width: 1600px;
        margin: 0 auto;
        padding: 40px 20px 0;
    }

    body.inner-page.page-rules .catalog-title {
        position: static;
        width: auto;
        height: auto;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-refund-notice {
        position: static;
        width: auto;
        max-width: none;
        height: auto;
        margin: 20px 0 0;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-figma-line {
        position: static;
        width: auto;
        max-width: none;
        margin: 0 20px 24px;
    }

    body.inner-page.page-rules .rules-figma-line-2 {
        position: static;
        width: auto;
        max-width: none;
        margin: 0 20px 24px;
    }

    body.inner-page.page-rules .rules-figma-rect61 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect61 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect62 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect62 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect63 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect63 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect64 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect64 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect65 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect65 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect66 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect66 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect67 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect67 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect68 {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-figma-rect68 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child {
        display: flex;
        height: auto;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-content h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:first-child .rule-card-content p {
        margin: 5px 0;
        font-size: 15px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        overflow: visible;
        background-color: #D9D9D9BF;
        font-size: 36px;
        line-height: normal;
        border-radius: 4px;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) {
        display: flex;
        height: auto;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-content h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item:nth-child(2) .rule-card-content p {
        margin: 5px 0;
        font-size: 15px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma p {
        margin: 5px 0;
        font-size: 15px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-payment-figma .sub-info--cards {
        font-size: 14px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma {
        position: static;
        width: auto;
        height: auto;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma .company-requisites-title {
        margin-top: 25px;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rules-requisites-figma .requisites-text p {
        margin: 4px 0;
        font-size: 14px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment {
        display: flex;
        height: auto;
    }

    body.inner-page.page-rules .rules-top-content .rule-card-item.section-payment .rule-card-content {
        height: auto;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border: 1px solid transparent;
        border-radius: 4px;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content p {
        margin: 5px 0;
        font-size: 15px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .prices-list {
        margin: 15px 0 0;
        max-width: 500px;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .prices-list li {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
        border-bottom: 1px dashed #333333;
        font-size: 15px;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:nth-child(2) .rule-card-content .prices-list li span {
        color: #ffffff;
        font-weight: 700;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-num {
        border: 1px solid transparent;
        border-image-source: linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        border-image-slice: 1;
        background-color: #D9D9D9BF;
        background-image:
            linear-gradient(#D9D9D9BF, #D9D9D9BF),
            linear-gradient(180deg, #000000 0%, #FFFFFF 100%);
        background-origin: padding-box, border-box;
        background-clip: padding-box, border-box;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-num,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-num__digit,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-content,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-content h3,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-content h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-content p,
    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item5 .rule-card-content p {
        margin: 5px 0;
        font-size: 15px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-content .prices-list {
        margin: 15px 0 0;
        max-width: 500px;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-content .prices-list li {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
        border-bottom: 1px dashed #333333;
        font-size: 15px;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item4 .rule-card-content .prices-list li span {
        color: #ffffff;
        font-weight: 700;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-content h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item6 .rule-card-content p {
        margin: 0 0 5px;
        font-size: 15px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-content h3 {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item7 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item8 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content p {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content p:last-child {
        margin-bottom: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item9 .rule-card-content .white-price {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-content h3 {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item10 .rule-card-content p {
        margin: 0;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-num {
        position: static;
        width: 75px;
        height: 75px;
        border-radius: 4px;
        display: flex;
        font-size: 36px;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-num__digit {
        position: static;
        width: auto;
        height: auto;
        display: block;
        font-size: 36px;
        font-weight: 700;
        line-height: normal;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 {
        display: flex;
        height: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content p {
        margin: 0 0 5px;
        padding: 0;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content p:last-child {
        margin-bottom: 0;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item.rules-figma-item11 .rule-card-content .white-price {
        font-family: 'Manrope', sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #ffffff;
    }

    body.inner-page.page-rules .rules-container-flex > .rule-card-item:has(+ .delivery-card-info) {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ffffff;
        width: 100%;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info {
        display: block;
        height: auto;
        margin-top: 20px;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma {
        position: static;
        width: auto;
        height: auto;
        font-size: 20px;
        line-height: 120%;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma h3 {
        margin: 0 0 5px;
        padding: 0;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma h4,
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma .delivery-sub-title {
        margin: 0 0 5px;
        padding: 0;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(1),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(2),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(3),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(4) {
        margin: 0 0 5px;
        padding: 0;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(1) {
        margin-bottom: 41px;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(4) {
        margin-bottom: 41px;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(5),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(6),
    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(7) {
        margin: 0 0 5px;
        padding: 0;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        color: #000000;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma > p:nth-of-type(7) {
        margin-bottom: 0;
    }

    body.inner-page.page-rules .rules-container-flex .delivery-card-info .rules-delivery-figma .white-price {
        color: #ffffff;
        font-weight: 700;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-contacts {
        display: block;
        height: auto;
        margin: 15px 0 0;
        overflow: visible;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-contacts p {
        position: static;
        width: auto;
        height: auto;
        max-width: none;
        text-align: center;
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-contacts p a {
        color: #000000;
        font-family: 'Manrope', sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0;
        text-decoration: underline;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions {
        position: static;
        display: flex;
        height: auto;
        margin: 30px 0 0;
        padding: 0 20px 48px;
        gap: 20px;
        justify-content: center;
        overflow: visible;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap,
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select {
        position: static;
        left: auto;
        top: auto;
        margin: 0;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn,
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select {
        font-size: 26px;
    }
}

@media (max-width: 640px) {
    body.inner-page .rules-container-flex .rule-card-item {
        gap: 15px;
    }

    body.inner-page .rules-container-flex .rule-card-num {
        width: 55px;
        height: 55px;
        font-size: 24px;
    }

    body.inner-page .rules-container-flex .rule-card-content h3 {
        font-size: 18px;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions {
        flex-direction: column;
        gap: 12px;
        padding: 0 16px 40px;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap,
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn-wrap--select {
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 0;
        height: 76px;
    }

    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn,
    body.inner-page.page-rules .rules-container-flex .rules-footer-actions .rules-catalog-btn--select {
        font-size: 22px;
    }
    
    body.inner-page .rules-container-flex .rules-btn {
        width: 100%;
        box-sizing: border-box;
    }
}