.page-service-booking { --mc-dark: #123e35; --mc-tint: #f0f5f1; }
.page-service-booking h1, .page-service-booking h2, .page-service-booking h3 { letter-spacing: 0; text-wrap: balance; }
.page-service-booking main section[id] { scroll-margin-top: calc(var(--site-header-height) - 28px); }
.page-service-booking main [hidden] { display: none !important; }
.page-service-booking main a:focus-visible, .page-service-booking main button:focus-visible { outline: 3px solid #bca15a; outline-offset: 4px; }
.page-service-booking .mc-hero-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.13fr); gap: 34px; min-height: 610px; }
.page-service-booking .mc-hero h1 { font-size: clamp(34px, 3.6vw, 46px); }
.page-service-booking .mc-hero h1 > span { margin-top: 10px; font-size: 22px; }
.page-service-booking .mc-hero-visual img { display: block; width: 100%; height: auto; }
.sb-kicker { display: block; margin-bottom: 15px; font-size: 14px; font-weight: 400; letter-spacing: 1px; color: #748254; }
.sb-business-map { margin: 0 auto 45px; }
.sb-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; }
.sb-value-grid article { padding: 25px 25px 20px; border-top: 1px solid #dde5d8; }
.sb-value-grid svg { width: 30px; height: 30px; color: #5d8367; }
.sb-value-grid h3, .sb-feature-grid h3, .sb-admin-grid h3 { margin: 14px 0 10px; color: #294d3b; font-size: 21px; font-weight: 500; }
.sb-value-grid p, .sb-feature-grid p, .sb-admin-grid p { margin: 0; font-size: 15px; line-height: 1.85; color: #657366; }
.sb-highlights { background: #f3f5ef; }
.sb-story { display: grid; grid-template-columns: minmax(0, .93fr) minmax(0, 1.14fr); align-items: center; gap: 52px; padding: 20px 0 55px; }
.sb-story + .sb-story { border-top: 1px solid #dfe6d8; padding-top: 65px; }
.sb-story:last-child { padding-bottom: 0; }
.sb-story-copy h3, .sb-dispatch-copy h3 { color: #284e3a; margin: 0 0 19px; font-size: 29px; font-weight: 500; line-height: 1.5; }
.sb-story-copy > p, .sb-dispatch-copy p { font-size: 16px; line-height: 1.9; color: #657366; margin: 0 0 25px; }
.sb-story-copy .mc-check-list { line-height: 1.8; gap: 13px; }
.sb-story-reverse { grid-template-columns: minmax(0, 1.14fr) minmax(0, .93fr); }
.sb-story-reverse .sb-story-copy { grid-column: 2; grid-row: 1; }
.sb-story-reverse .sb-visual { grid-column: 1; grid-row: 1; }
.sb-visual { width: 100%; min-width: 0; margin: 0; }
.sb-visual img { display: block; width: 100%; height: auto; }
.sb-payment-list { display: grid; gap: 17px; }
.sb-payment-list > div { padding-left: 18px; border-left: 2px solid #b4c39c; }
.sb-payment-list strong { font-size: 18px; color: #36583e; font-weight: 500; }
.sb-payment-list p { margin: 6px 0 0; font-size: 15px; line-height: 1.8; color: #657366; }
.sb-dispatch { background: #153e33; }
.sb-dispatch .mc-heading h2 { color: #e6d9b1; }
.sb-dispatch .mc-heading p { color: #c3d2c3; }
.sb-dispatch-tabs > .mc-tab-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 790px; gap: 15px; margin: 0 auto 38px; }
.sb-dispatch-tabs .mc-tab-list a { min-height: 66px; padding: 15px; border: 1px solid #527461; border-radius: 6px; color: #dfebda; font-size: 19px; }
.sb-dispatch-tabs .mc-tab-list a[aria-selected=true] { background: #e1d09f; color: #183d30; border-color: #e1d09f; }
.sb-dispatch-tabs [data-product-panel] { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.24fr); align-items: center; gap: 45px; min-height: 225px; padding: 30px 35px; border: 1px solid #47705a; border-radius: 10px; background: #ffffff04; }
.sb-dispatch-copy .sb-kicker { color: #bcce9e; }
.sb-dispatch-copy h3 { color: #f0e7cd; font-size: 27px; }
.sb-dispatch-copy p { color: #c5d3c7; font-size: 15px; margin-bottom: 0; }
.sb-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; list-style: none; margin: 0; padding: 0; }
.sb-flow li { position: relative; display: flex; align-items: center; flex-direction: column; gap: 13px; text-align: center; }
.sb-flow li + li::before { content: '→'; position: absolute; left: -21px; top: 12px; color: #adc198; font-size: 22px; }
.sb-flow span { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid #68886b; border-radius: 50%; color: #e2d098; font-size: 18px; background: #254d3e; }
.sb-flow strong { color: #e5ecde; font-size: 16px; font-weight: 500; }
.sb-flow small { color: #b3c7b7; font-size: 13px; line-height: 1.7; }
.sb-terminal { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 45px; align-items: center; }
.sb-terminal-reverse > .sb-visual { grid-column: 2; grid-row: 1; }
.sb-terminal-reverse > .sb-feature-grid { grid-column: 1; grid-row: 1; }
.sb-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 30px; }
.sb-feature-grid svg { color: #638569; width: 28px; height: 28px; }
.sb-feature-grid h3 { font-size: 20px; margin-top: 10px; }
.sb-feature-grid p { font-size: 14px; }
.sb-admin-visual { max-width: 1000px; margin: -10px auto 36px; }
.sb-admin-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sb-admin-grid article { position: relative; padding: 26px 28px; border: 1px solid #e1e8dc; border-radius: 8px; background: #fafbf7; }
.sb-admin-grid article > span { color: #80946b; font-size: 15px; }
.sb-admin-grid h3 { margin-top: 10px; }
.sb-admin-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 30px; padding: 24px 28px; background: #f0f4e9; border-radius: 6px; color: #53694d; font-size: 14px; }
.sb-admin-strip strong { margin-right: 8px; font-size: 16px; font-weight: 500; color: #35563c; }
.sb-scenario-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.sb-scenario-grid article { padding: 30px 25px; background: #fff; border: 1px solid #e0e7da; border-radius: 9px; }
.sb-scenario-grid svg { display: block; width: 40px; height: 40px; margin-bottom: 22px; color: #527d5f; stroke-width: 1.4; }
.sb-scenario-grid article > span { font-size: 12px; color: #84916e; }
.sb-scenario-grid h3 { margin: 11px 0; color: #36573e; font-size: 21px; font-weight: 500; line-height: 1.5; }
.sb-scenario-grid p { margin: 0; font-size: 14px; line-height: 1.85; color: #687661; }
.sb-business-settings { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 40px; padding: 36px 32px; margin-top: 35px; border-top: 1px solid #dce5d5; }
.sb-business-settings h3 { color: #2f533c; font-size: 25px; line-height: 1.6; margin: 0 0 15px; font-weight: 500; }
.sb-business-settings header p, .sb-business-settings dd { color: #687661; font-size: 14px; line-height: 1.85; margin: 0; }
.sb-business-settings dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; margin: 0; }
.sb-business-settings dt { color: #3a5c40; font-size: 18px; margin-bottom: 9px; }
@media (max-width: 700px) {.sb-business-settings { grid-template-columns: 1fr; padding: 28px 0 0; gap: 25px; } .sb-business-settings dl { gap: 23px; } }
@media (max-width: 1100px) {
    .page-service-booking .mc-hero-grid { grid-template-columns: 1fr; gap: 10px; min-height: 0; }
    .page-service-booking .mc-hero-visual { max-width: 660px; }
    .sb-story { gap: 30px; }
    .sb-story-copy h3 { font-size: 26px; }
    .sb-terminal { gap: 28px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
    .sb-feature-grid { gap: 23px 20px; }
    .sb-scenario-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .sb-dispatch-tabs [data-product-panel] { grid-template-columns: 1fr; gap: 30px; }
    .sb-dispatch-copy { max-width: 680px; }
    .sb-flow { max-width: 700px; width: 100%; margin: 0 auto; }
}
@media (max-width: 700px) {
    .page-service-booking main section[id] { scroll-margin-top: calc(var(--site-header-height) + 10px); }
    .page-service-booking .mc-hero h1 { font-size: 32px; }
    .page-service-booking .mc-hero h1 > span { font-size: 19px; }
    .page-service-booking .mc-nav a { white-space: nowrap; }
    .sb-kicker { font-size: 12px; margin-bottom: 12px; }
    .sb-business-map { max-width: 480px; margin-bottom: 28px; }
    .sb-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px 16px; }
    .sb-value-grid article { padding: 20px 5px 10px; }
    .sb-value-grid h3 { font-size: 18px; }
    .sb-value-grid p { font-size: 14px; }
    .sb-value-grid svg { width: 27px; height: 27px; }
    .sb-story, .sb-story-reverse { display: flex; flex-direction: column; gap: 20px; padding: 5px 0 32px; }
    .sb-story + .sb-story { padding-top: 40px; }
    .sb-story-copy { width: 100%; }
    .sb-story-copy h3 { font-size: 25px; }
    .sb-story-copy > p { font-size: 15px; margin-bottom: 20px; }
    .sb-payment-list p { font-size: 14px; }
    .sb-dispatch-tabs > .mc-tab-list { gap: 8px; margin-bottom: 22px; }
    .sb-dispatch-tabs .mc-tab-list a { flex-direction: column; font-size: 14px; padding: 15px 4px; gap: 10px; }
    .sb-dispatch-tabs .mc-tab-list svg { width: 24px; height: 24px; }
    .sb-dispatch-tabs [data-product-panel] { padding: 23px 18px; gap: 26px; }
    .sb-dispatch-copy h3 { font-size: 23px; }
    .sb-dispatch-copy p { font-size: 14px; }
    .sb-flow { gap: 17px; }
    .sb-flow li { gap: 11px; }
    .sb-flow li + li::before { font-size: 17px; left: -17px; }
    .sb-flow span { width: 43px; height: 43px; font-size: 15px; }
    .sb-flow strong { font-size: 12px; white-space: nowrap; }
    .sb-flow small { font-size: 11px; }
    .sb-terminal, .sb-terminal-reverse { display: flex; flex-direction: column; gap: 26px; }
    .sb-feature-grid { width: 100%; gap: 25px 23px; }
    .sb-feature-grid h3 { font-size: 19px; }
    .sb-admin-visual { margin-bottom: 23px; }
    .sb-admin-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .sb-admin-grid article { padding: 20px 16px; }
    .sb-admin-grid h3 { font-size: 19px; }
    .sb-admin-grid p { font-size: 14px; }
    .sb-admin-strip { gap: 13px 18px; padding: 20px; font-size: 13px; }
    .sb-admin-strip strong { flex-basis: 100%; }
    .sb-scenario-grid { gap: 13px; }
    .sb-scenario-grid article { padding: 24px 18px; }
    .sb-scenario-grid svg { width: 32px; height: 32px; margin-bottom: 17px; }
    .sb-scenario-grid h3 { font-size: 19px; }
    .sb-scenario-grid p { font-size: 13px; }
}
@media (max-width: 370px) {
    .sb-admin-grid, .sb-scenario-grid { grid-template-columns: 1fr; }
    .sb-admin-grid article, .sb-scenario-grid article { padding: 22px; }
    .sb-scenario-grid article { display: grid; grid-template-columns: 40px 1fr; gap: 0 16px; }
    .sb-scenario-grid svg { grid-column: 1; grid-row: 1 / span 3; }
    .sb-scenario-grid h3, .sb-scenario-grid p, .sb-scenario-grid article > span { grid-column: 2; }
    .sb-flow strong { white-space: normal; }
}

.page-service-booking .mc-diagram-dialog.is-zoomed img { width: auto; }

@media (max-width: 700px) { .sb-heading-line { display: block; } }