/* ===================================
   Service Detail Page Styles
   =================================== */

.service-detail-section {
    background: #020617;
    padding: 100px 0;
}

.service-detail-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
}

/* Main Content Column */
.service-content-col {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.service-block {
    margin-bottom: 20px;
}

.service-heading {
    font-family: 'Outfit', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 24px;
}

.service-text {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    color: #94a3b8;
    line-height: 1.8;
    margin-bottom: 30px;
}

.service-img-wrapper {
    width: 100%;
    border-radius: 24px;
    overflow: hidden;
    margin-top: 30px;
}

.service-detail-img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.service-img-wrapper:hover .service-detail-img {
    transform: scale(1.05);
}

/* How It Works List */
.how-it-works-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.hiw-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 30px;
}

.hiw-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.hiw-title {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 12px;
}

.hiw-desc {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 16px;
    color: #94a3b8;
    line-height: 1.6;
    margin: 0;
}

/* Sidebar Column */
.service-sidebar-col {
    display: flex;
    flex-direction: column;
    gap: 40px;
    position: sticky;
    top: 120px;
    height: fit-content;
}

.sidebar-widget {
    background: #0f1420;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    padding: 40px;
}

.widget-title {
    font-family: 'Outfit', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 30px;
}

/* Other Services List */
.other-services-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.other-services-list li a {
    display: block;
    padding: 18px 24px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    color: #94a3b8;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.other-services-list li a:hover,
.other-services-list li a.active {
    background: linear-gradient(90deg, rgba(56, 189, 248, 0.1) 0%, rgba(56, 189, 248, 0) 100%);
    border-color: rgba(56, 189, 248, 0.3);
    color: #38bdf8;
    padding-left: 30px;
}

/* Help Widget */
.help-widget {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.8) 0%, rgba(30, 41, 59, 0.8) 100%);
    text-align: center;
    border: 1px solid rgba(56, 189, 248, 0.1);
}

.help-icon {
    font-size: 40px;
    color: #38bdf8;
    margin-bottom: 20px;
}

.help-title {
    font-family: 'Outfit', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 30px;
}

.help-contact {
    margin-bottom: 30px;
}

.help-phone {
    font-family: 'Outfit', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.help-email {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    color: #94a3b8;
}

.btn-full {
    width: 100%;
    display: block;
    text-align: center;
}

/* FAQ Accordion Simple (Reusing/Overriding styles) */
.faq-accordion-simple .faq-item {
    margin-bottom: 15px;
    background: #0b101b;
}

.faq-accordion-simple .faq-header {
    padding: 20px 24px;
}

.faq-accordion-simple .faq-header h4 {
    font-size: 16px;
}

/* Responsive */
@media (max-width: 992px) {
    .service-detail-grid {
        grid-template-columns: 1fr;
    }

    .service-sidebar-col {
        order: -1;
        /* Sidebar on top on mobile? Or keep bottom. Let's keep bottom for now, or maybe top for navigation. Usually content first is better for SEO, but sidebar nav is useful. Let's stick to default order (bottom) */
        order: 1;
    }
}