#motul-booking {
      color-scheme: light;
      --mb-bg: light-dark(#f3f4f2, #14191c);
      --mb-surface: light-dark(#ffffff, #20272b);
      --mb-surface-soft: light-dark(#f7f8f6, #252d31);
      --mb-text: light-dark(#20272b, #f1f3f2);
      --mb-muted: light-dark(#667178, #a5afb4);
      --mb-border: light-dark(#dce1df, #3d484d);
      --mb-red: #e31d2b;
      --mb-red-dark: light-dark(#bd1825, #ff626a);
      --mb-red-soft: light-dark(#fff0f0, #3a2327);
      --mb-warm: light-dark(#fff8ec, #30291e);
      --mb-warm-border: light-dark(#edcf9c, #725b36);
      --mb-warm-text: light-dark(#554522, #f0dfbf);
      --mb-green: light-dark(#216344, #80cca1);
      --mb-green-soft: light-dark(#eaf5ee, #21362b);
      --mb-shadow: 0 12px 34px #18212912;
      background: var(--mb-bg);
      color: var(--mb-text);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      font-size: 15px;
      line-height: 1.5;
      min-width: 0;
      padding-bottom: 34px;
    }
    #motul-booking * { box-sizing: border-box; }
    /* Keep the light booking panel independent of the theme's dark typography. */
    #motul-booking h1,
    #motul-booking h2,
    #motul-booking strong,
    #motul-booking b { color: inherit; }
    #motul-booking h1,
    #motul-booking h2 { font-family: inherit; text-transform: none; }
    #motul-booking h2 { line-height: 1.35; }
    #motul-booking button,
    #motul-booking input,
    #motul-booking select,
    #motul-booking textarea { font: inherit; }
    #motul-booking button,
    #motul-booking a { -webkit-tap-highlight-color: transparent; }
    #motul-booking .mb-topbar {
      align-items: center;
      background: #1b2024;
      border-bottom: 1px solid #343c41;
      display: flex;
      gap: 28px;
      justify-content: space-between;
      padding: 15px max(24px, calc((100vw - 1120px) / 2));
    }
    #motul-booking .mb-brand { align-items: center; display: flex; gap: 12px; min-width: 0; }
    #motul-booking .mb-wordmark { color: var(--mb-red); font-size: 23px; font-style: italic; font-weight: 900; letter-spacing: -1.6px; line-height: 1; }
    #motul-booking .mb-brand-caption { border-left: 1px solid #485156; color: #b3bdc2; font-size: 12px; line-height: 1.3; padding-left: 12px; }
    #motul-booking .mb-nav { align-items: center; display: flex; flex-wrap: wrap; gap: 25px; }
    #motul-booking .mb-nav a { color: #f1f3f2; font-size: 13px; text-decoration: none; }
    #motul-booking .mb-nav a:hover { color: var(--mb-red-dark); }
    #motul-booking .mb-top-cta { background: var(--mb-red); border-radius: 7px; color: #fff; font-size: 13px; font-weight: 700; padding: 10px 15px; text-decoration: none; white-space: nowrap; }
    #motul-booking .mb-shell { margin: 0 auto; max-width: 1120px; padding: 0 24px; }
    #motul-booking .mb-hero { align-items: end; display: flex; gap: 24px; justify-content: space-between; padding: 38px 0 26px; }
    #motul-booking .mb-overline { color: var(--mb-red-dark); font-size: 11px; font-weight: 750; letter-spacing: 1.35px; text-transform: uppercase; }
    #motul-booking h1 { font-size: clamp(30px, 4vw, 43px); font-weight: 750; letter-spacing: -1.2px; line-height: 1.1; margin: 8px 0 10px; max-width: 640px; }
    #motul-booking .mb-hero p { color: var(--mb-muted); font-size: 15px; margin: 0; max-width: 620px; }
    #motul-booking .mb-demo { align-items: center; background: var(--mb-warm); border: 1px solid var(--mb-warm-border); border-radius: 999px; color: var(--mb-warm-text); display: inline-flex; flex: 0 0 auto; font-size: 11px; gap: 7px; padding: 7px 11px; }
    #motul-booking .mb-demo i { background: #d89a31; border-radius: 50%; height: 7px; width: 7px; }
    #motul-booking .mb-layout { align-items: start; display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) 320px; }
    #motul-booking .mb-primary-column { min-width: 0; }
    #motul-booking .mb-surface { background: var(--mb-surface); border: 1px solid var(--mb-border); border-radius: 11px; box-shadow: var(--mb-shadow); }
    #motul-booking .mb-booking { padding: 22px; }
    #motul-booking .mb-section-head { align-items: center; display: flex; gap: 14px; justify-content: space-between; margin-bottom: 15px; }
    #motul-booking .mb-section-head h2,
    #motul-booking .mb-request h2 { font-size: 17px; font-weight: 700; letter-spacing: -.15px; margin: 0; }
    #motul-booking .mb-step { align-items: center; color: var(--mb-muted); display: flex; font-size: 11px; gap: 7px; white-space: nowrap; }
    #motul-booking .mb-step b { align-items: center; background: var(--mb-red); border-radius: 50%; color: #fff; display: inline-flex; font-size: 11px; height: 21px; justify-content: center; width: 21px; }
    #motul-booking .mb-control-label { color: var(--mb-text); display: block; font-size: 12px; font-weight: 650; margin: 18px 0 7px; }
    #motul-booking .mb-select,
    #motul-booking .mb-field input,
    #motul-booking .mb-field textarea { background: var(--mb-surface); border: 1px solid var(--mb-border); border-radius: 7px; color: var(--mb-text); min-height: 44px; padding: 10px 12px; width: 100%; }
    #motul-booking .mb-select { cursor: pointer; }
    #motul-booking .mb-select:focus,
    #motul-booking .mb-field input:focus,
    #motul-booking .mb-field textarea:focus,
    #motul-booking button:focus-visible,
    #motul-booking a:focus-visible { outline: 3px solid color-mix(in srgb, var(--mb-red) 28%, transparent); outline-offset: 2px; }
    #motul-booking .mb-date-row { align-items: stretch; display: flex; gap: 8px; overflow-x: auto; padding: 2px 1px 4px; }
    #motul-booking .mb-date { background: var(--mb-surface); border: 1px solid var(--mb-border); border-radius: 8px; color: var(--mb-text); cursor: pointer; flex: 1 0 82px; min-height: 65px; padding: 8px; text-align: center; }
    #motul-booking .mb-date span { color: var(--mb-muted); display: block; font-size: 11px; }
    #motul-booking .mb-date strong { display: block; font-size: 14px; margin-top: 2px; }
    #motul-booking .mb-date[aria-pressed="true"] { background: var(--mb-red-soft); border-color: var(--mb-red); box-shadow: inset 0 0 0 1px var(--mb-red); color: var(--mb-red-dark); }
    #motul-booking .mb-caveat { background: var(--mb-warm); border: 1px solid var(--mb-warm-border); border-radius: 8px; color: var(--mb-warm-text); margin: 19px 0 16px; padding: 12px 14px; }
    #motul-booking .mb-caveat strong { display: block; font-size: 12px; margin-bottom: 3px; }
    #motul-booking .mb-caveat p { font-size: 12px; margin: 0; }
    #motul-booking .mb-times-head { align-items: baseline; display: flex; justify-content: space-between; margin: 0 0 10px; }
    #motul-booking .mb-times-head strong { font-size: 14px; }
    #motul-booking .mb-times-head span { color: var(--mb-muted); font-size: 11px; }
    #motul-booking .mb-times { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)); }
    #motul-booking .mb-slot { background: var(--mb-green-soft); border: 1px solid color-mix(in srgb, var(--mb-green) 24%, var(--mb-border)); border-radius: 7px; color: var(--mb-green); cursor: pointer; font-size: 14px; font-variant-numeric: tabular-nums; font-weight: 700; min-height: 46px; padding: 8px 6px; }
    #motul-booking .mb-slot-range { display: block; white-space: nowrap; }
    #motul-booking .mb-slot-duration { display: block; font-size: 11px; font-weight: 500; margin-top: 3px; }
    #motul-booking .mb-slot:hover,
    #motul-booking .mb-slot[aria-pressed="true"] { background: var(--mb-green); border-color: var(--mb-green); color: #fff; }
    #motul-booking .mb-empty { background: var(--mb-surface-soft); border-radius: 8px; color: var(--mb-muted); font-size: 13px; padding: 16px; }
    #motul-booking .mb-callout { align-items: center; background: var(--mb-surface-soft); border: 1px solid var(--mb-border); border-radius: 9px; display: flex; gap: 14px; justify-content: space-between; margin-top: 14px; padding: 14px 16px; }
    #motul-booking .mb-callout strong { display: block; font-size: 13px; margin-bottom: 3px; }
    #motul-booking .mb-callout p { color: var(--mb-muted); font-size: 12px; margin: 0; }
    #motul-booking .mb-contact-link { color: var(--mb-red-dark); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
    #motul-booking .mb-contact-link:hover { text-decoration: underline; }
    #motul-booking .mb-request { margin-top: 14px; padding: 20px 22px; }
    #motul-booking .mb-request[hidden] { display: none; }
    #motul-booking .mb-request-head { align-items: start; display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; margin-bottom: 15px; }
    #motul-booking .mb-request-head p { color: var(--mb-muted); font-size: 12px; margin: 5px 0 0; }
    #motul-booking .mb-selected { background: var(--mb-red-soft); border-radius: 6px; color: var(--mb-red-dark); font-size: 12px; font-weight: 650; max-width: 100%; padding: 7px 9px; white-space: normal; }
    #motul-booking .mb-fields { display: grid; gap: 11px 12px; grid-template-columns: 1fr 1fr; }
    #motul-booking .mb-field { display: block; }
    #motul-booking .mb-field.full { grid-column: 1 / -1; }
    #motul-booking .mb-field span { color: var(--mb-muted); display: block; font-size: 11px; margin-bottom: 5px; }
    #motul-booking .mb-field input,
    #motul-booking .mb-field textarea { font-size: 14px; }
    #motul-booking .mb-field textarea { min-height: 69px; resize: vertical; }
    #motul-booking .mb-request-footer { align-items: center; display: flex; gap: 14px; justify-content: space-between; margin-top: 14px; }
    #motul-booking .mb-submit { background: var(--mb-red); border: 1px solid var(--mb-red); border-radius: 7px; color: #fff; cursor: pointer; font-size: 13px; font-weight: 700; min-height: 44px; padding: 10px 17px; }
    #motul-booking .mb-submit:hover { background: #c51a27; }
    #motul-booking .mb-privacy { color: var(--mb-muted); font-size: 10px; max-width: 245px; }
    #motul-booking .mb-rail { display: grid; gap: 14px; }
    #motul-booking .mb-rail-section { background: #20272b; border-color: #3d484d; color: #f1f3f2; padding: 18px; }
    #motul-booking .mb-rail-section h2 { color: #f1f3f2; font-size: 14px; font-weight: 700; margin: 0 0 11px; }
    #motul-booking .mb-rail-section p { color: #aeb8bd; font-size: 12px; margin: 0; }
    #motul-booking .mb-rail-section p + p { margin-top: 9px; }
    #motul-booking .mb-rail-list { display: grid; gap: 11px; list-style: none; margin: 0; padding: 0; }
    #motul-booking .mb-rail-list li { align-items: start; display: flex; gap: 9px; }
    #motul-booking .mb-rail-list i { background: var(--mb-red); border-radius: 50%; flex: 0 0 auto; height: 7px; margin-top: 6px; width: 7px; }
    #motul-booking .mb-rail-list span { color: #aeb8bd; font-size: 12px; }
    #motul-booking .mb-rail-list b { color: #f1f3f2; display: block; font-size: 12px; margin-bottom: 1px; }
    #motul-booking .mb-station-line { border-top: 1px solid #3d484d; margin-top: 14px !important; padding-top: 12px; }
    #motul-booking .mb-footer { align-items: center; background: #1b2024; border-radius: 8px; color: #b3bdc2; display: flex; font-size: 11px; gap: 18px; justify-content: space-between; margin-top: 24px; padding: 15px 18px; }
    #motul-booking .mb-footer-brand { color: var(--mb-red); font-size: 13px; font-style: italic; font-weight: 900; letter-spacing: -.5px; }
    #motul-booking .mb-live { color: var(--mb-green); font-size: 11px; margin-top: 9px; }
    #motul-booking .mb-result { color: var(--mb-text); font-size: 13px; margin-top: 10px; }
    @media (max-width: 900px) {
      #motul-booking .mb-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 13px; }
      #motul-booking .mb-booking { padding: 18px; }
      #motul-booking .mb-topbar { padding-left: 22px; padding-right: 22px; }
      #motul-booking .mb-nav { gap: 13px; }
    }
    @media (max-width: 720px) {
      #motul-booking .mb-topbar { gap: 12px; padding: 13px 18px; }
      #motul-booking .mb-nav { display: none; }
      #motul-booking .mb-shell { padding-left: 16px; padding-right: 16px; }
      #motul-booking .mb-hero { align-items: start; flex-direction: column; gap: 13px; padding-top: 27px; }
      #motul-booking .mb-hero h1 { font-size: 32px; }
      #motul-booking .mb-layout { grid-template-columns: minmax(0, 1fr); }
      #motul-booking .mb-rail { grid-template-columns: 1fr 1fr; }
      #motul-booking .mb-times { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 470px) {
      #motul-booking .mb-topbar { align-items: start; flex-wrap: wrap; }
      #motul-booking .mb-top-cta { font-size: 12px; margin-left: auto; padding: 9px 11px; }
      #motul-booking .mb-brand-caption { font-size: 10px; }
      #motul-booking .mb-shell { padding-left: 12px; padding-right: 12px; }
      #motul-booking .mb-hero { padding-top: 24px; }
      #motul-booking .mb-hero h1 { font-size: 29px; max-width: 360px; }
      #motul-booking .mb-booking,
      #motul-booking .mb-request { padding: 15px; }
      #motul-booking .mb-section-head { align-items: start; }
      #motul-booking .mb-section-head { flex-direction: column; gap: 8px; }
      #motul-booking .mb-step { font-size: 10px; }
      #motul-booking .mb-date-row { margin-right: -4px; }
      #motul-booking .mb-date { flex-basis: 70px; min-height: 60px; }
      #motul-booking .mb-times { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      #motul-booking .mb-slot-range { font-size: 13px; }
      #motul-booking .mb-callout { align-items: start; flex-direction: column; gap: 8px; }
      #motul-booking .mb-contact-link { min-height: 36px; }
      #motul-booking .mb-rail { grid-template-columns: minmax(0, 1fr); }
      #motul-booking .mb-fields { grid-template-columns: minmax(0, 1fr); }
      #motul-booking .mb-field.full { grid-column: auto; }
      #motul-booking .mb-request-head { flex-direction: column; }
      #motul-booking .mb-selected { white-space: normal; }
      #motul-booking .mb-request-footer { align-items: stretch; flex-direction: column; }
      #motul-booking .mb-submit { width: 100%; }
      #motul-booking .mb-privacy { max-width: none; }
      #motul-booking .mb-footer { align-items: start; flex-direction: column; gap: 5px; }
    }
    @media (prefers-reduced-motion: reduce) {
      #motul-booking *, #motul-booking *::before, #motul-booking *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
    }

#motul-booking [hidden] { display: none !important; }
#motul-booking .mb-times-head { gap: 12px; flex-wrap: wrap; }
#motul-booking .mb-times-caption, #motul-booking .mb-branch-address { color: var(--mb-muted); font-size: 12px; margin: 8px 0 12px; }
#motul-booking .mb-refresh { background: transparent; color: var(--mb-red-dark); border: 1px solid var(--mb-border); border-radius: 6px; padding: 7px 10px; cursor: pointer; }
#motul-booking button:disabled { opacity: .65; cursor: default; }
#motul-booking .mb-rail-section a { color: #f1f3f2; text-decoration: underline; }
#motul-booking .mb-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 12px; color: var(--mb-muted); margin-top: 14px; }
#motul-booking .mb-consent input { width: 16px; height: 16px; min-height: 0; flex: 0 0 16px; margin: 2px 0 0; accent-color: var(--mb-red); }
#motul-booking .mb-consent a { color: var(--mb-red-dark); }
#motul-booking .mb-feedback, #motul-booking .mb-preview { padding: 14px 18px; border-radius: 8px; margin: 0 0 18px; font-size: 14px; }
#motul-booking .mb-preview, #motul-booking .mb-feedback.is-error { background: var(--mb-warm); border: 1px solid var(--mb-warm-border); color: var(--mb-warm-text); }
#motul-booking .mb-feedback.is-success { background: var(--mb-green-soft); border: 1px solid var(--mb-green); color: var(--mb-green); }
#motul-booking .form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#motul-booking .mb-field input { min-width: 0; }
#motul-booking .mb-contact-link { white-space: normal; }