/* 13B. LUXURY SINGLE SERVICE DESIGN SYSTEM (2026 EDITION) ========================================================================== */ 
.svc-single-hero{background:linear-gradient(135deg,#0284C7 0%,#0369A1 55%,#075985 100%);padding:75px 0 65px;text-align:center;position:relative;overflow:hidden;color:#FFFFFF}.svc-single-hero::before{content:'';position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(circle,rgba(56,189,248,0.35) 0%,rgba(2,132,199,0) 70%);pointer-events:none}.svc-hero-badge-wrap{margin-bottom:18px}.svc-pill-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:#FDE047;font-size:0.85rem;font-weight:800;letter-spacing:0.5px;padding:8px 20px;border-radius:9999px;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.svc-hero-title{font-family:var(--font-heading);font-size:2.9rem;font-weight:800;color:#FFFFFF;line-height:1.2;margin-bottom:16px;max-width:900px;margin-left:auto;margin-right:auto}.svc-hero-subtitle{font-size:1.12rem;color:rgba(255,255,255,0.92);max-width:680px;margin:0 auto 30px;line-height:1.65}.svc-hero-trust-strip{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:35px}.svc-trust-item{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.2);padding:7px 16px;border-radius:9999px;font-size:0.86rem;font-weight:700;color:#FFFFFF}.svc-trust-item i{color:#FDE047}.svc-hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-svc-wa{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#25D366 0%,#16A34A 100%);color:#FFFFFF !important;padding:14px 30px;border-radius:9999px;font-weight:800;font-size:1rem;box-shadow:0 8px 24px rgba(37,211,102,0.4);text-decoration:none;transition:all 0.25s ease}.btn-svc-wa:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,211,102,0.5)}.btn-svc-call{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.18);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,0.4);color:#FFFFFF !important;padding:14px 28px;border-radius:9999px;font-weight:800;font-size:1rem;text-decoration:none;transition:all 0.25s ease}.btn-svc-call:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}.svc-layout-grid{display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}.svc-main-col{display:flex;flex-direction:column;gap:32px}.svc-card-luxury{background:#FFFFFF;border-radius:24px;padding:36px 32px;border:1px solid #E2E8F0;box-shadow:0 4px 20px rgba(15,23,42,0.04)}.svc-card-header{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #F1F5F9}.svc-icon-box{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#0284C7 0%,#0369A1 100%);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 20px rgba(2,132,199,0.28);flex-shrink:0}.svc-card-title{font-family:var(--font-heading);font-size:1.7rem;font-weight:800;color:#0F172A;margin:0 0 4px}.svc-card-meta{font-size:0.86rem;color:#0369A1;font-weight:700;margin:0;display:flex;align-items:center;gap:6px}.svc-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.svc-feature-box{background:#FFFFFF;border-radius:22px;padding:32px 26px;border:1px solid #E2E8F0;box-shadow:0 6px 20px rgba(15,23,42,0.04);position:relative;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.svc-feature-box:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(15,23,42,0.09)}.svc-feature-box.border-emerald{border-top:4px solid #10B981;background:linear-gradient(180deg,#FFFFFF 0%,#F9FDFB 100%)}.svc-feature-box.border-sky{border-top:4px solid #0284C7;background:linear-gradient(180deg,#FFFFFF 0%,#F9FBFE 100%)}.svc-feature-icon-wrap{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}.svc-feature-icon-wrap.bg-emerald{background:#ECFDF5;color:#10B981}.svc-feature-icon-wrap.bg-sky{background:#E0F2FE;color:#0369A1}.svc-feature-box h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:#0F172A;margin-bottom:8px}.svc-feature-desc{font-size:0.88rem;color:#64748B;margin-bottom:18px;line-height:1.5}.svc-checklist{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:12px}.svc-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:0.92rem;color:#334155;line-height:1.45}.svc-checklist li i{color:#10B981;margin-top:3px;font-size:0.95rem;flex-shrink:0}.svc-shift-list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:12px}.svc-shift-list li{display:flex;flex-direction:column;gap:2px;font-size:0.88rem;color:#475569;padding-bottom:10px;border-bottom:1px solid #F1F5F9}.svc-shift-list li:last-child{border-bottom:none;padding-bottom:0}.shift-tag{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:#0F172A;font-size:0.94rem}.shift-tag i{color:#0369A1;font-size:0.95rem}.svc-process-card-luxury{background:#FFFFFF;border-radius:24px;padding:38px 30px;border:1px solid #E2E8F0;box-shadow:0 4px 20px rgba(15,23,42,0.04)}.svc-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.svc-step-card{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:18px;padding:26px 20px;text-align:center;position:relative;transition:all 0.3s ease}.svc-step-card:hover{background:#FFFFFF;border-color:#BAE6FD;box-shadow:0 8px 24px rgba(2,132,199,0.08);transform:translateY(-4px)}.svc-step-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0284C7 0%,#0369A1 100%);color:#FFFFFF;font-size:1.15rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 6px 16px rgba(2,132,199,0.3)}.svc-step-card h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#0F172A;margin-bottom:8px}.svc-step-card p{font-size:0.88rem;color:#64748B;line-height:1.55;margin:0}.svc-faq-card-luxury{background:#FFFFFF;border-radius:24px;padding:40px 36px;border:1.5px solid #E2E8F0;box-shadow:0 6px 24px rgba(11,21,54,0.04)}.svc-faq-heading{font-family:var(--font-heading);font-size:1.6rem;font-weight:850;color:#0B1536;margin-bottom:26px;display:flex;align-items:center;gap:12px}.svc-sticky-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:24px}.svc-booking-card{background:linear-gradient(145deg,#FFFFFF 0%,#F0F9FF 100%);border:2px solid #BAE6FD;border-radius:22px;padding:28px 22px;box-shadow:0 10px 30px rgba(2,132,199,0.1)}.svc-booking-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pulse-dot{width:10px;height:10px;border-radius:50%;background:#10B981;box-shadow:0 0 0 0 rgba(16,185,129,0.7);animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.svc-booking-header h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:#0F172A;margin:0}.svc-booking-desc{font-size:0.88rem;color:#475569;line-height:1.5;margin-bottom:20px}.svc-booking-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.btn-sidebar-wa{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#25D366 0%,#16A34A 100%);color:#FFFFFF !important;padding:13px 20px;border-radius:12px;font-weight:800;font-size:0.95rem;box-shadow:0 6px 18px rgba(37,211,102,0.35);text-decoration:none;transition:all 0.25s ease}.btn-sidebar-wa:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,211,102,0.45)}.btn-sidebar-call{display:flex;align-items:center;justify-content:center;gap:10px;background:#0B1536;color:#FFFFFF !important;padding:13px 20px;border-radius:12px;font-weight:800;font-size:0.95rem;text-decoration:none;transition:all 0.25s ease}.btn-sidebar-call:hover{background:#0284C7;transform:translateY(-2px)}.svc-sidebar-badges{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #E2E8F0}.s-badge{display:flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:700;color:#334155}.svc-other-services-card{background:#FFFFFF;border-radius:20px;padding:24px;border:1px solid #E2E8F0;box-shadow:0 4px 16px rgba(15,23,42,0.04)}.svc-other-services-card h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:#0F172A;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #F1F5F9}.svc-other-list{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column;gap:6px}.svc-other-list li a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:#334155;font-weight:600;font-size:0.88rem;text-decoration:none;transition:all 0.2s ease}.svc-other-list li a i:first-child{color:#0369A1;width:18px;text-align:center}.svc-other-list li a .arrow-icon{margin-left:auto;font-size:0.75rem;color:#475569;transition:transform 0.2s}.svc-other-list li a:hover{background:#F0F9FF;color:#0369A1;transform:translateX(4px)}.svc-other-list li a:hover .arrow-icon{color:#0369A1;transform:translateX(2px)}.svc-other-list li.current-svc a{background:#E0F2FE;color:#0369A1;font-weight:800}.svc-locality-coverage-card{background:#FFFFFF;border-radius:20px;padding:22px;border:1px solid #E2E8F0;box-shadow:0 4px 16px rgba(15,23,42,0.04)}.svc-locality-coverage-card h4{font-family:var(--font-heading);font-size:1rem;font-weight:800;color:#0F172A;margin-bottom:8px}.svc-locality-coverage-card p{font-size:0.84rem;color:#64748B;line-height:1.5;margin-bottom:12px}.coverage-link{font-size:0.84rem;font-weight:800;color:#0369A1;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s}.coverage-link:hover{gap:10px}.svc-bottom-cta-card{background:linear-gradient(135deg,#0284C7 0%,#0369A1 55%,#075985 100%);border-radius:28px;padding:55px 36px;text-align:center;color:#FFFFFF;box-shadow:0 20px 50px rgba(2,132,199,0.22);position:relative;overflow:hidden}.svc-bottom-cta-card h2{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:#FFFFFF;margin:16px 0 12px}.svc-bottom-cta-card p{font-size:1.05rem;color:rgba(255,255,255,0.9);max-width:660px;margin:0 auto 30px;line-height:1.6}.svc-bottom-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-svc-bottom-wa{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#25D366 0%,#16A34A 100%);color:#FFFFFF !important;padding:15px 34px;border-radius:9999px;font-weight:800;font-size:1rem;box-shadow:0 8px 24px rgba(37,211,102,0.4);text-decoration:none;transition:all 0.25s ease}.btn-svc-bottom-wa:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,211,102,0.5)}.btn-svc-bottom-call{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.18);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,0.4);color:#FFFFFF !important;padding:15px 30px;border-radius:9999px;font-weight:800;font-size:1rem;text-decoration:none;transition:all 0.25s ease}.btn-svc-bottom-call:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px)}@media (max-width:1024px){.svc-layout-grid{grid-template-columns:1fr !important}.svc-sticky-sidebar{position:static !important}.svc-highlights-grid{grid-template-columns:1fr !important}.svc-hero-title{font-size:2.2rem !important}}@media (max-width:768px){.svc-single-hero{padding:48px 0 42px !important}.svc-hero-title{font-size:1.95rem !important}.svc-card-luxury{padding:26px 18px !important}.svc-steps-grid{grid-template-columns:1fr !important;gap:16px !important}.svc-bottom-cta-card{padding:34px 20px !important;border-radius:20px !important}.svc-bottom-cta-card h2{font-size:1.75rem !important}.svc-hero-trust-strip{gap:8px !important}.svc-trust-item{font-size:0.78rem !important;padding:6px 12px !important}}

/* ==========================================================================
   14. REDESIGNED LUXURY SERVICE HERO & INTERACTIVE COMPONENTS (2026 UPDATE)
   ========================================================================== */
.svc-split-hero-wrap {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;
    gap: 40px;
    align-items: center;
    text-align: left;
}

.svc-split-hero-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.svc-hero-visual-card {
    position: relative;
    border-radius: 28px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.svc-hero-img-wrap {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    max-height: 420px;
}

.svc-hero-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.svc-hero-visual-card:hover .svc-hero-img-wrap img {
    transform: scale(1.04);
}

/* Floating Trust Badges on Image */
.svc-floating-badge {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    font-size: 0.82rem;
    font-weight: 800;
    z-index: 3;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.svc-floating-badge.badge-top-right {
    top: 18px;
    right: 18px;
    background: rgba(11, 21, 54, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

.svc-floating-badge.badge-bottom-left {
    bottom: 18px;
    left: 18px;
    background: rgba(16, 185, 129, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
}

.svc-floating-badge.badge-bottom-right {
    bottom: 18px;
    right: 18px;
    background: rgba(2, 132, 199, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #FFFFFF;
}

/* Sticky Sub-Navigation Quick Jump Bar */
.svc-sticky-subnav {
    position: sticky;
    top: 68px;
    z-index: 35;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1.5px solid #E2E8F0;
    padding: 10px 0;
    box-shadow: 0 4px 20px rgba(11, 21, 54, 0.05);
}

.svc-subnav-scroll {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    white-space: nowrap;
    padding: 4px 0;
}

.svc-subnav-scroll::-webkit-scrollbar {
    display: none;
}

.svc-subnav-pill {
    padding: 8px 18px;
    border-radius: 9999px;
    font-size: 0.85rem;
    font-weight: 750;
    color: #475569;
    text-decoration: none;
    background: #F1F5F9;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.svc-subnav-pill:hover,
.svc-subnav-pill.active {
    background: #0284C7;
    color: #FFFFFF !important;
    border-color: #0284C7;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(2, 132, 199, 0.25);
}



/* Cross-Sell Cards with High-Res Image Thumbnails */
.svc-cross-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 14px rgba(11, 21, 54, 0.03);
}

.svc-cross-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 36px rgba(11, 21, 54, 0.09);
    border-color: #BAE6FD;
}

.svc-cross-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #0B1536;
}

.svc-cross-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.svc-cross-card:hover .svc-cross-thumb img {
    transform: scale(1.06);
}

.svc-cross-body {
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

@media (max-width: 1024px) {
    .svc-split-hero-wrap {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .svc-split-hero-left {
        align-items: center;
        text-align: center;
    }
    .svc-hero-visual-card {
        max-width: 580px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .svc-hero-img-wrap {
        aspect-ratio: 16 / 11;
        max-height: 280px;
    }
    .svc-floating-badge {
        font-size: 0.74rem;
        padding: 6px 12px;
    }
    .svc-sticky-subnav {
        top: 60px;
    }
}

/* 15. SERVICES ARCHIVE DIRECTORY CARDS (2026 EDITION) */
.service-card-pro {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 20px rgba(11, 21, 54, 0.04);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
}

.service-card-pro:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 40px rgba(11, 21, 54, 0.1);
    border-color: #BAE6FD;
}

.service-card-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #0B1536;
}

.service-card-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.service-card-pro:hover .service-card-image-wrap img {
    transform: scale(1.06);
}

.service-card-body {
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.service-category-badge-inline {
    display: inline-block;
    align-self: flex-start;
    background: #E0F2FE;
    color: #0284C7;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 9999px;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.service-card-title {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 850;
    color: #0F172A;
    margin: 0 0 10px;
    line-height: 1.3;
}

.service-card-desc {
    font-size: 0.88rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 16px;
    flex-grow: 1;
}

.service-card-features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.service-feature-pill {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 8px;
}

.service-card-footer {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid #F1F5F9;
}

.service-card-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 9999px;
    background: #F1F5F9;
    color: #0F172A;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
    transition: all 0.2s ease;
}

.service-card-cta:hover {
    background: #0284C7;
    color: #FFFFFF !important;
}

.btn-svc-card-wa {
    transition: all 0.25s ease;
}

.btn-svc-card-wa:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(37, 211, 102, 0.45);
}
/* Explicit Split Hero Desktop Alignment Fixes */
.svc-split-hero-left .svc-hero-title {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}
.svc-split-hero-left .svc-hero-subtitle {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}
.svc-split-hero-left .svc-hero-trust-strip {
    justify-content: flex-start !important;
}
.svc-split-hero-left .svc-hero-actions {
    justify-content: flex-start !important;
}

@media (max-width: 1024px) {
    .svc-split-hero-left .svc-hero-title,
    .svc-split-hero-left .svc-hero-subtitle {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .svc-split-hero-left .svc-hero-trust-strip,
    .svc-split-hero-left .svc-hero-actions {
        justify-content: center !important;
    }
}