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:36px 30px;border:1px solid #E2E8F0;box-shadow:0 4px 20px rgba(15,23,42,0.04)}.svc-faq-heading{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:#0F172A;margin-bottom:22px;display:flex;align-items:center;gap:10px}.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}}/* ==========================================================================