/* Service page – Monochrome & Gold стиль */

/* Убираем все скругления, тени, градиенты, переходы */
.service-card {
    border: 1px solid #E8E8E8 !important;
    border-radius: 0 !important;
    background: #fff;
    transition: none;
}
.service-card .service-icon i {
    color: #C6A43F;
}
.price-badge {
    display: inline-block;
    background: transparent;
    border: 1px solid #C6A43F;
    color: #C6A43F;
    padding: 0.3rem 0.8rem;
    font-size: 0.8rem;
    font-weight: 500;
    margin-top: 0.8rem;
    border-radius: 0;
}
.service-detail-link {
    color: #C6A43F;
    text-decoration: none;
    font-weight: 500;
}
.service-detail-link:hover {
    text-decoration: underline;
}


/* Trust bar – квадратные блоки */
.trust-bar-item {
    border-right: 1px solid #E8E8E8;
}
.trust-bar-item:last-child {
    border-right: none;
}
@media (max-width: 768px) {
    .trust-bar-item {
        border-right: none;
        border-bottom: 1px solid #E8E8E8;
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .trust-bar-item:last-child {
        border-bottom: none;
    }
}


/* Таблица сравнения – строгие рамки */
.comparison-table {
    border-collapse: collapse;
    width: 100%;
}
.comparison-table th,
.comparison-table td {
    border: 1px solid #E8E8E8;
    padding: 1rem;
    vertical-align: middle;
    text-align: center;
}
.comparison-table thead th {
    background-color: #0B0C10;
    color: #fff;
    border-color: #333;
}
.comparison-table .bg-light {
    background-color: #FCFCFD !important;
}

/* Блоки с цифрами (шаги) – квадратные */
.step-box {
    border: 1px solid #E8E8E8;
    background: #fff;
    padding: 1.5rem;
    height: 100%;
}


/* Карточки преимуществ (почему мы) – на тёмном фоне */
.why-us-icon {
    width: 80px;
    height: 80px;
    border: 1px solid #C6A43F;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    background: transparent;
}
.why-us-icon i {
    font-size: 2rem;
    color: #C6A43F;
}

/* Для начинающих + сообщество – без скруглений */
.bg-dark .btn-outline-warning {
    border-color: #C6A43F;
    color: #C6A43F;
}
.bg-dark .btn-outline-warning:hover {
    background-color: #C6A43F;
    color: #0B0C10;
}

/* Sticky CTA */
.sticky-cta {
    position: sticky;
    top: 80px;
    z-index: 9;
}

/* Адаптив */
@media (max-width: 768px) {
    .hero-header .display-4 {
        font-size: 2rem !important;
    }
    .step-number {
        margin: 0 auto 1rem;
    }
}