#service-detail { padding-top: 60px; }
#service-detail .sd-sidebar { position: sticky; top: 100px; }
#service-detail .sd-nav { padding: 12px; border: 1px solid #fff; border-radius: 22px; background: #ffffffbf; box-shadow: 0 8px 28px #1f2a3c06; }
#service-detail .sd-nav h2 { margin: 8px 12px 14px; font-size: 11px; color: #78869a; letter-spacing: .1em; text-transform: uppercase; }
#service-detail .sd-nav a { display: flex; align-items: center; gap: 10px; margin-top: 4px; padding: 12px; border: 1px solid transparent; border-radius: 12px; color: #536174; font-size: 12px; font-weight: 600; }
#service-detail .sd-nav a > i { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 9px; background: #edf1f6; color: #718197; }
#service-detail .sd-nav a > span { margin-left: auto; }
#service-detail .sd-nav a[aria-current="page"] { background: #fff0e4; border-color: #f1d4bf; color: #9b370b; }
#service-detail .sd-nav a[aria-current="page"] > i { background: #ffdfc5; color: #ac3f0f; }
#service-detail .sd-help { margin-top: 20px; padding: 24px; border-radius: 22px; background: linear-gradient(135deg, #2b4054, #172536); color: #c0cede; }
#service-detail .sd-help > i { margin-bottom: 18px; color: #ffc499; font-size: 24px; }
#service-detail .sd-help h3 { color: #fff; font-size: 21px; }
#service-detail .sd-help p { font-size: 12px; line-height: 1.85; }
#service-detail .sd-help a { display: flex; justify-content: space-between; padding-top: 14px; border-top: 1px solid #ffffff28; color: #fff; font-size: 12px; font-weight: 600; }
#service-detail .sd-visual { position: relative; overflow: hidden; border-radius: 26px; background: #1a2a3b; }
#service-detail .sd-visual > img { display: block; width: 100%; height: 360px; object-fit: cover; }
#service-detail .sd-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, #102034ad); pointer-events: none; }
#service-detail .sd-image-label { position: absolute; z-index: 1; left: 22px; bottom: 22px; display: flex; align-items: center; gap: 14px; padding: 14px 20px; border: 1px solid #ffffff40; border-radius: 16px; background: #1b2b3ed9; color: #fff; }
#service-detail .sd-image-label > i { color: #ffc499; font-size: 26px; }
#service-detail .sd-image-label small { display: block; color: #c9d7e5; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
#service-detail .sd-image-label strong { display: block; font-size: 16px; font-weight: 600; }
#service-detail .sd-overview { margin-top: 32px; }
#service-detail .sd-overview h2 { font-size: clamp(30px, 3vw, 42px); line-height: 1.18; }
#service-detail .sd-overview > p { max-width: 760px; color: #5b687b; font-size: 14px; line-height: 1.9; }
#service-detail .sd-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 24px; }
#service-detail .sd-secondary-link { color: #475d77; font-size: 12px; font-weight: 650; }
#service-detail .sd-block { margin-top: 44px; }
#service-detail .sd-section-label { display: block; margin-bottom: 10px; color: #a44012; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
#service-detail .sd-block > h2 { margin-bottom: 22px; font-size: 28px; }
#service-detail .sd-option { height: 100%; padding: 22px; border: 1px solid #fff; border-radius: 20px; background: linear-gradient(140deg, #fffffff5, #ffffffb3); box-shadow: 0 8px 28px #25374f05; }
#service-detail .sd-option-number { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-bottom: 16px; border: 1px solid #f0d5c1; border-radius: 9px; background: #fff0e4; color: #a33b0f; font-size: 10px; font-weight: 700; }
#service-detail .sd-option h3 { font-size: 17px; line-height: 1.4; }
#service-detail .sd-option p { margin: 0; color: #5c6c7f; font-size: 12px; line-height: 1.85; }
#service-detail .sd-feature { display: flex; gap: 14px; padding: 20px; height: 100%; border: 1px solid #e2e8ef; border-radius: 18px; background: #ffffff80; }
#service-detail .sd-feature > i { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 11px; background: #edf2f8; color: #4d6d8d; font-size: 15px; }
#service-detail .sd-feature h3 { margin-bottom: 7px; font-size: 16px; line-height: 1.4; }
#service-detail .sd-feature p { margin: 0; color: #5b6b7e; font-size: 12px; line-height: 1.8; }
#service-detail .sd-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 24px; border: 1px solid #dde5ef; border-radius: 22px; background: #eaf0f780; list-style: none; }
#service-detail .sd-steps span { display: block; margin-bottom: 12px; color: #a33b0f; font-size: 11px; font-weight: 700; }
#service-detail .sd-steps h3 { font-size: 16px; }
#service-detail .sd-steps p { margin: 0; color: #5d6f84; font-size: 12px; }
#service-detail .sd-faq details { margin-bottom: 10px; border: 1px solid #e1e7ef; border-radius: 15px; background: #ffffffc4; }
#service-detail .sd-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; color: #2e4057; font-size: 13px; font-weight: 650; list-style: none; cursor: pointer; }
#service-detail .sd-faq summary::-webkit-details-marker { display: none; }
#service-detail .sd-faq summary::after { content: '+'; flex-shrink: 0; color: #a33b0f; font-size: 20px; font-weight: 400; }
#service-detail .sd-faq details[open] summary::after { content: '\2212'; }
#service-detail .sd-faq details[open] { border-color: #edc9b0; }
#service-detail .sd-faq p { margin: 0; padding: 0 20px 20px; color: #5b6b7e; font-size: 12px; line-height: 1.9; }
#service-detail .sd-closing { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 38px; padding: 28px; border: 1px solid #f1d8c4; border-radius: 22px; background: linear-gradient(125deg, #ffead8b3, #fff8f0cc); }
#service-detail .sd-closing h3 { margin: 0 0 8px; font-size: 23px; }
#service-detail .sd-closing p { margin: 0; color: #766351; font-size: 12px; }
#service-detail .sd-closing .action-cta { flex-shrink: 0; }
#service-detail :is(a, summary):focus-visible { outline: 3px solid #b4420d; outline-offset: 4px; }
#service-detail .sd-help a:focus-visible { outline-color: #ffc499; }
@media (hover: hover) and (pointer: fine) {
    #service-detail .sd-nav a:hover { color: #a33b0f; background: #fff3ea; }
    #service-detail .sd-secondary-link:hover { color: #a33b0f; }
}
@media (max-width: 991px) {
    #service-detail .sd-sidebar { position: static; }
    #service-detail .sd-nav > div { display: flex; flex-wrap: wrap; gap: 6px; }
    #service-detail .sd-nav a { margin: 0; padding: 8px 10px; }
    #service-detail .sd-nav a > span, #service-detail .sd-help { display: none; }
}
@media (max-width: 575px) {
    #service-detail { padding-top: 32px; }
    #service-detail .sd-visual > img { height: 260px; }
    #service-detail .sd-nav a { gap: 7px; font-size: 11px; }
    #service-detail .sd-nav a > i { flex-basis: 24px; height: 24px; }
    #service-detail .sd-steps { grid-template-columns: 1fr; }
    #service-detail .sd-closing { flex-direction: column; align-items: flex-start; padding: 24px; }
}