/* custom.css — мигрирован в SCSS-тему (_overrides.scss → main.css). Тонкий слой для ручных правок. */

/* ──────────────────────────────────────────────────────────────────────────
   Богатый раздел (Razdel/View, ivecom-капабилити) на теме shopnseo.
   Bootstrap (grid/card/breadcrumb/btn) и .product-card--large / .section-children /
   .section-products уже в main.css; здесь — только недостающие обёртки .service-*
   (тема shopnseo пересобрана без них; у kb77/seoforger/seowebdev они уже есть).
   ────────────────────────────────────────────────────────────────────────── */
.service-details {
    padding: 60px 0;
}

#service-details .breadcrumb {
    margin-bottom: 1.5rem;
}

.service-content .service-title {
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--heading-color);
    margin-bottom: 1.25rem;
}

.service-content .service-hero {
    margin-bottom: 2rem;
}

.service-content .service-hero img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    object-fit: cover;
}

.service-content .service-description {
    margin-bottom: 2.5rem;
}

.service-content .service-description .lead {
    font-size: 1.2rem;
    line-height: 1.7;
    color: color-mix(in srgb, var(--default-color), transparent 15%);
    margin-bottom: 1.5rem;
}

.service-content .service-description p {
    line-height: 1.8;
}

/* Сайдбар: виджеты размечены как .card (Bootstrap даёт фон/границу/радиус);
   добавляем ритм и читаемые заголовки. .service-sidebar уже .sticky-top в разметке. */
.service-sidebar .sidebar-widget {
    margin-bottom: 1.5rem;
}

.service-sidebar .card-header {
    font-weight: 600;
}