/* Static service introductions matching the WEHYB page theme. */
.service-detail-page .service-intro { padding: clamp(44px, 6vw, 76px) 0; background: #f4f7ff; }
.service-intro-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(30px, 4vw, 56px); align-items: center; }
.service-art { margin: 0; min-width: 0; overflow: hidden; border: 1px solid #dce7f3; border-radius: 26px; background: #eaf3fc; box-shadow: 0 18px 44px #123b630b; }
.service-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.service-copy { min-width: 0; }
.service-category { position: relative; display: flex; align-items: center; gap: 14px; width: fit-content; margin: 0 0 24px; padding-bottom: 9px; color: #124c80; font-size: clamp(16px, 1.55vw, 21px); line-height: 1.4; font-weight: 700; letter-spacing: .035em; }
.service-category::before { content: ""; flex: 0 0 13px; width: 13px; height: 13px; border-radius: 3px; background: #ff7929; transform: rotate(-35deg); box-shadow: 6px 4px 0 #ffda35; }
.service-category::after { content: ""; position: absolute; left: 32px; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #ff7929 0 2px, #ffda3570 2px, transparent); }
.service-detail-page .service-copy h1 { margin: 0 0 18px; color: #123b63; font-family: Arial, Helvetica, sans-serif; font-size: clamp(30px, 3vw, 43px); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; }
.service-copy h1 em { display: block; margin-top: 3px; color: #bc5018; font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-style: italic; letter-spacing: -.025em; }
.service-copy .service-description { margin: 0 0 22px; color: #4e6173; font-size: 16px; line-height: 1.75; }
.service-copy h2 { margin: 0 0 12px; color: #123b63; font-size: 18px; font-weight: 700; line-height: 1.4; }
.service-points { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.service-points li { position: relative; padding-left: 26px; color: #4e6173; font-size: 15px; line-height: 1.6; }
.service-points li::before { content: "\2713"; position: absolute; left: 0; top: 1px; color: #124c80; font-weight: 700; }
.service-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 28px; }
.service-actions .button { min-width: 165px; margin: 0; padding: 16px 22px; border-radius: 6px; font-size: 14px; line-height: 1.5; text-decoration: none; transition: background-color .2s ease; }
.service-actions .service-enquiry { background: #124c80; color: #fff; }
.service-actions .service-enquiry:hover { background: #0d3961; color: #fff; }
.service-actions .service-whatsapp { background: #168307; color: #fff; }
.service-actions .service-whatsapp:hover { background: #106005; color: #fff; }
.service-actions .button:focus-visible { outline: 3px solid #ff7929; outline-offset: 4px; }
.service-actions .action-arrow { display: inline-flex; width: 20px; height: 20px; flex: 0 0 20px; }
.service-actions svg { display: block; width: 100%; height: 100%; }
.service-detail-page .advisory-back { margin-top: 28px; }
@media (max-width: 900px) {
    .service-intro-grid { grid-template-columns: minmax(0, 1fr); }
    .service-art { width: 100%; max-width: 520px; margin: 0 auto; }
}
@media (max-width: 420px) {
    .service-category { font-size: 16px; }
    .service-actions { flex-direction: column; }
    .service-actions .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .service-actions .button { transition: none; } }