/* Service pages use the same dark palette and typography as the main site. */
html { scroll-behavior: smooth; }
body { background: #000; color: #fff; }

.service-content {
    background: #000;
    padding: 150px 24px 90px;
}
.service-content article {
    max-width: 1140px;
    margin: 0 auto;
    color: #f0f0f0;
}
.service-content h1,
.service-content h2,
.service-content h3 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; }
.service-content h1 {
    color: #fff;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.18;
    text-align: center;
    margin: 0 auto 34px;
    max-width: 900px;
}
.service-content article > p:first-of-type {
    color: #eaeaea;
    font-size: 20px;
    line-height: 1.7;
    text-align: center;
    max-width: 850px;
    margin: 0 auto 55px;
}
.service-content p,
.service-content li { color: #eaeaea; font-size: 18px; line-height: 1.75; }
.service-content p { margin: 18px 0; }
.service-content a { color: #cf9d47; text-decoration: underline; text-underline-offset: 3px; }
.service-content a:hover,
.service-content a:focus-visible { color: #f5d298; text-decoration: underline; }
.service-content a:focus-visible { outline: 2px solid #cf9d47; outline-offset: 3px; }
.service-content section {
    background: #000;
    border-top: 1px solid #cf9d47;
    padding: 38px 0;
    margin: 0;
}
.service-content h2 { color: #cf9d47; font-size: clamp(26px, 3vw, 33px); line-height: 1.25; margin-bottom: 18px; }
.service-content h3 { color: #fff; font-size: 23px; line-height: 1.3; margin: 20px 0 10px; }
.service-content section p:last-child { margin-bottom: 0; }
.service-content ul,
.service-content ol { padding-left: 24px; margin: 0; }
.service-content li { list-style: disc; padding-left: 5px; margin-bottom: 9px; }
.service-content ol li { list-style: decimal; }
.service-content li::marker { color: #cf9d47; }
.service-content .faq-item { margin-bottom: 26px; }
.service-content .faq-item:last-child { margin-bottom: 0; }

/* Shared header, contact form, and footer. */
.service-page #header-area { background: #000; }
.service-page #header-area.fixtopmenu { background: #cf9d47; }
.service-page .simple-dropdown-menu { max-height: calc(100vh - 100px); overflow-y: auto; }
.service-page #kontakt { background: #1b1b1b; }
.service-page #footer-area { background: #000; }

@media (max-width: 767px) {
    .service-content { padding: 130px 16px 65px; }
    .service-content h1 { text-align: left; margin-bottom: 24px; }
    .service-content article > p:first-of-type { text-align: left; font-size: 18px; margin-bottom: 32px; }
    .service-content section { padding: 28px 0; }
    .service-content p, .service-content li { font-size: 16px; }
}