/**
 * Service detail (/service/{slug}) — editorial + tech + pin features + polish.
 */

body.capnis-service-detail-page #smooth-wrapper,
body.capnis-service-detail-page #smooth-content {
    background-color: #e4e9f0;
}

body.capnis-service-detail-page .capnis-service-detail-page__deck {
    position: relative;
    overflow: hidden;
}

body.capnis-service-detail-page .capnis-service-detail-portfolio-hero .capnis-portfolio-social-glyph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body.capnis-service-detail-page .capnis-service-detail-portfolio-hero .capnis-portfolio-social-glyph i {
    font-size: 1.05rem;
}

body.capnis-service-detail-page .capnis-service-detail-portfolio-hero .capnis-portfolio-social-glyph svg {
    width: 1.1rem;
    height: 1.1rem;
    display: block;
}

/* Duplicate type node for single-slide portfolios (thumb engine needs ≥2 slides). */
body.capnis-service-detail-page .capnis-portfolio-type__item--fx-dup {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    pointer-events: none;
}

body.capnis-service-detail-page .capnis-sd-slider-fallback .ar-banner-wrap img {
    display: block;
    max-height: min(560px, 68vh);
    width: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    body.capnis-service-detail-page .capnis-sd-slider-fallback .ar-banner-wrap img {
        max-height: none;
    }
}

/* ── AR editorial hero + banner (legacy; optional partial) ───────────────── */
body.capnis-service-detail-page .capnis-sd-ar-hero.ar-hero-area {
    position: relative;
    isolation: isolate;
    background-color: #eef2f6;
    overflow: hidden;
}

body.capnis-service-detail-page .capnis-sd-ar-hero .tp-career-shape-1 span {
    color: rgba(15, 23, 42, 0.09);
}

body.capnis-service-detail-page .capnis-sd-ar-hero .ar-about-us-4-icon svg {
    color: #111013;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__crumbs {
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__crumbs a {
    color: #0f172a;
    text-decoration: none;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__crumbs a:hover {
    color: #0e4c87;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__crumbs .sep {
    margin: 0 0.45rem;
    opacity: 0.35;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__crumbs .current {
    color: #475569;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__actions .btn-red-bg {
    box-shadow: 0 10px 26px rgba(14, 76, 135, 0.18);
}

body.capnis-service-detail-page .capnis-sd-ar-hero__banner .ar-banner-wrap {
    border-radius: 0;
    overflow: hidden;
}

body.capnis-service-detail-page .capnis-sd-ar-hero__banner img {
    display: block;
    max-height: min(520px, 62vh);
    width: 100%;
    object-fit: cover;
    object-position: center top;
}

@media (max-width: 767px) {
    body.capnis-service-detail-page .capnis-sd-ar-hero__banner img {
        max-height: none;
    }
}

/* ── Overview (checked band) ──────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-overview {
    position: relative;
    overflow: hidden;
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-heading {
    margin-bottom: 1.25rem;
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-title {
    font-size: clamp(1.85rem, 3.2vw + 0.5rem, 3.1rem) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em;
    color: #0f172a !important;
    max-width: 18ch;
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-wrapper {
    font-size: 1.05rem;
    line-height: 1.72;
    color: #3d4f63;
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-wrapper p {
    margin-bottom: 1rem;
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-thumb {
    position: relative;
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-thumb .tp_img_reveal {
    border-radius: 22px;
    overflow: hidden;
    box-shadow:
        0 24px 60px rgba(15, 23, 42, 0.14),
        0 0 0 1px rgba(14, 76, 135, 0.08);
}

body.capnis-service-detail-page .capnis-sd-overview .pp-service-details-overview-thumb img {
    width: 100%;
    display: block;
}

body.capnis-service-detail-page .capnis-sd-overview::after {
    content: '';
    position: absolute;
    left: 0;
    top: clamp(4rem, 12vw, 7rem);
    bottom: clamp(4rem, 12vw, 7rem);
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(180deg, #d4ff33 0%, #0e4c87 65%, transparent 100%);
    opacity: 0.9;
    pointer-events: none;
}

@media (max-width: 991px) {
    body.capnis-service-detail-page .capnis-sd-overview::after {
        display: none;
    }
}

/* ── Technology strip ─────────────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-tech {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(ellipse 100% 80% at 90% 0%, rgba(212, 255, 51, 0.09), transparent 48%),
        radial-gradient(ellipse 80% 60% at 0% 100%, rgba(56, 189, 248, 0.1), transparent 50%),
        linear-gradient(168deg, #0a1628 0%, #0f2744 45%, #070d18 100%) !important;
    border-top: 1px solid rgba(148, 197, 255, 0.12);
    border-bottom: 1px solid rgba(15, 23, 42, 0.4);
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-subtitle p {
    color: #d4ff33 !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-size: 0.72rem !important;
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-title {
    color: #f8fafc !important;
    letter-spacing: -0.015em !important;
    line-height: 1.2 !important;
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-item {
    border-radius: 18px !important;
    border: 1px solid rgba(186, 230, 253, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: clamp(1.35rem, 3vw, 1.85rem);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-item:hover {
    transform: translateY(-5px);
    border-color: rgba(212, 255, 51, 0.28) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28);
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-item-title,
body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-item-title a {
    color: #f1f5f9 !important;
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-item-content p {
    color: rgba(203, 213, 225, 0.9) !important;
}

body.capnis-service-detail-page .capnis-sd-tech .tp-service-4-solution-item-btn .tp-line-black {
    color: #d4ff33 !important;
}

/* ── DGM features list (light, same pattern as homepage dgm-service-white) ─ */
body.capnis-service-detail-page .capnis-sd-features.dgm-service-area {
    background: linear-gradient(180deg, #eef2f7 0%, #f8fafc 28%, #ffffff 100%);
    border-top: 1px solid rgba(148, 163, 184, 0.22);
}

body.capnis-service-detail-page .capnis-sd-features .dgm-service-title-box.service-4-heading .subtitle-grey.text-black {
    color: #475569 !important;
}

body.capnis-service-detail-page .capnis-sd-features .dgm-service-content-right.black-text p {
    max-width: 36rem;
    line-height: 1.65;
}

/* ── Gallery ──────────────────────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-gallery.black-bg-3 {
    background:
        radial-gradient(ellipse 90% 80% at 50% 0%, rgba(14, 76, 135, 0.35), transparent 55%),
        linear-gradient(180deg, #0c1220 0%, #070b12 100%) !important;
}

body.capnis-service-detail-page .capnis-sd-gallery .tp-section-title.text-white {
    font-weight: 800 !important;
}

/* ── Benefits ─────────────────────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-benefits .tp-career-title {
    letter-spacing: -0.02em !important;
    color: #0f172a !important;
}

body.capnis-service-detail-page .capnis-sd-benefits .tp-benefits-heading p {
    max-width: 58rem;
    color: #475569 !important;
    font-size: 1.1rem;
    line-height: 1.7;
}

/* ── Video strip ─────────────────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-video-hero.tp-service-5-features-ptb {
    overflow: hidden;
}

body.capnis-service-detail-page .capnis-sd-video-hero .tp-service-5-feature-wrap {
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── FAQ ──────────────────────────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-faq.app-faq-area {
    padding-top: 5rem !important;
}

body.capnis-service-detail-page .capnis-sd-faq .tp-section-title {
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* ── Testimonials ─────────────────────────────────────────────────────────── */
body.capnis-service-detail-page .capnis-sd-testimonials.creative-testimonial-area {
    background:
        radial-gradient(1000px 400px at 10% -20%, rgba(14, 76, 135, 0.07), transparent 55%),
        linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
    border-top: 1px solid rgba(148, 163, 184, 0.2);
}

body.capnis-service-detail-page .capnis-sd-testimonials .creative-testimonial-item {
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: #ffffff !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

/* Quote wizard: full-section dark (grid overlay lives on .capnis-bg-checked-dark in capnis-overrides.css) */
body.capnis-service-detail-page section#service-quote.capnis-service-quote-section.capnis-svc-quote-wizard {
    background-color: #06080d !important;
    background-image:
        radial-gradient(ellipse 90% 60% at 50% -20%, rgba(204, 255, 0, 0.1), transparent 52%),
        radial-gradient(ellipse 75% 45% at 100% 100%, rgba(14, 76, 135, 0.12), transparent 48%),
        linear-gradient(180deg, #0a0c11 0%, #050608 42%, #040506 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}