.fix239-booking-shell {
    --fix239-blue: #0a6cff;
    --fix239-blue-dark: #0758cf;
    --fix239-ink: #232631;
    --fix239-muted: #747986;
    --fix239-line: #e4e7ec;
    --fix239-soft: #f7f8fa;
    --fix239-soft-blue: #eef6ff;
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 18px;
    box-shadow: 0 18px 55px rgba(20, 33, 52, .08);
    box-sizing: border-box;
    color: var(--fix239-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    margin: 34px auto;
    max-width: 1120px;
    overflow: hidden;
}

.fix239-booking-shell *, .fix239-booking-shell *::before, .fix239-booking-shell *::after { box-sizing: border-box; }
.fix239-booking-service__media { align-items: center; background: #f7f8fa; border-radius: 8px; display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; margin-right: 0; overflow: hidden; width: 38px; }
.fix239-booking-service__media img { height: 100%; object-fit: contain; width: 100%; }
.fix239-booking-service__placeholder { color: #8aa0b8; font-size: 25px; font-weight: 700; line-height: 1; }
.fix239-booking-service__body { display: contents; min-width: 0; }
.fix239-booking-shell [hidden] { display: none !important; }
.fix239-booking-intro { border-bottom: 1px solid var(--fix239-line); padding: 28px 42px 24px; text-align: center; }
.fix239-booking-intro h2 { color: var(--fix239-ink); font-size: clamp(28px, 3.4vw, 42px); letter-spacing: -.025em; line-height: 1.08; margin: 5px 0 8px; }
.fix239-booking-intro > p:last-child { color: var(--fix239-muted); font-size: 16px; margin: 0 auto; max-width: 720px; }
.fix239-booking-loader { background: linear-gradient(135deg, #f8fbff 0%, #fff 58%, #f4f8fc 100%); border: 1px solid #dce8f3; border-radius: 16px; box-shadow: 0 12px 32px rgba(31, 62, 94, .08); margin: 34px auto 42px; max-width: 620px; padding: 22px 24px 20px; width: calc(100% - 48px); }
.fix239-booking-loader__copy { align-items: center; display: flex; gap: 13px; }
.fix239-booking-loader__copy > span:last-child { min-width: 0; }
.fix239-booking-loader__copy strong, .fix239-booking-loader__copy small { display: block; }
.fix239-booking-loader__copy strong { color: #21364b; font-size: 15px; line-height: 1.3; }
.fix239-booking-loader__copy small { color: #6e7e8d; font-size: 12px; line-height: 1.45; margin-top: 3px; }
.fix239-booking-loader__mark { animation: fix239LoaderPulse 1.15s ease-in-out infinite; background: #0a6cff; border: 5px solid #e2efff; border-radius: 50%; box-shadow: 0 0 0 1px rgba(10,108,255,.14); flex: 0 0 22px; height: 22px; width: 22px; }
.fix239-booking-loader__track { background: #e3ebf3; border-radius: 999px; display: block; height: 7px; margin-top: 18px; overflow: hidden; position: relative; }
.fix239-booking-loader__track > span { animation: fix239LoaderTravel 1.3s ease-in-out infinite; background: linear-gradient(90deg, #0a6cff, #56a8ff); border-radius: inherit; bottom: 0; left: 0; position: absolute; top: 0; width: 42%; }
@keyframes fix239LoaderPulse { 0%, 100% { opacity: .55; transform: scale(.86); } 50% { opacity: 1; transform: scale(1); } }
@keyframes fix239LoaderTravel { 0% { transform: translateX(-110%); } 100% { transform: translateX(345%); } }
@media (prefers-reduced-motion: reduce) { .fix239-booking-loader__mark, .fix239-booking-loader__track > span { animation: none; } .fix239-booking-loader__track > span { width: 70%; } }
@media (max-width: 560px) { .fix239-booking-loader { margin: 24px auto 30px; padding: 19px 18px 17px; width: calc(100% - 28px); } }
.fix239-booking-eyebrow { color: var(--fix239-blue) !important; font-size: 11px !important; font-weight: 800; letter-spacing: .14em; margin: 0 !important; text-transform: uppercase; }
.fix239-booking-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 auto; max-width: 620px; padding: 30px 20px 26px; position: relative; }
.fix239-booking-progress::before { background: #dedfe3; content: ""; height: 4px; left: calc(16.666% + 18px); position: absolute; right: calc(16.666% + 18px); top: 47px; }
.fix239-booking-progress button { align-items: center; background: transparent; border: 0; color: #a5a8ae; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: 8px; padding: 0 8px; position: relative; z-index: 1; }
.fix239-booking-progress button::after { background: #dedfe3; content: ""; height: 4px; left: 50%; position: absolute; top: 17px; width: 100%; z-index: -1; }
.fix239-booking-progress button:last-child::after { display: none; }
.fix239-booking-progress button span { align-items: center; background: #dedfe3; border: 4px solid #fff; border-radius: 50%; color: #fff; display: inline-flex; font-size: 14px; font-weight: 800; height: 38px; justify-content: center; width: 38px; }
.fix239-booking-progress button strong { font-size: 13px; font-weight: 500; white-space: nowrap; }
.fix239-booking-progress button.is-active, .fix239-booking-progress button.is-complete { color: #3d424b; }
.fix239-booking-progress button.is-active span, .fix239-booking-progress button.is-complete span { background: #2588ca; }
.fix239-booking-progress button.is-complete::after { background: #2588ca; }
.fix239-booking-form { border-top: 1px solid #f2f3f5; padding: 32px 42px 30px; }
.fix239-booking-step { animation: fix239BookingFade .18s ease; }
@keyframes fix239BookingFade { from { opacity: .45; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.fix239-booking-step__heading { margin-bottom: 24px; }
.fix239-booking-step__heading--device { align-items: center; display: flex; gap: 20px; min-height: 46px; }
.fix239-booking-step__heading--device > div { min-width: 0; }
.fix239-booking-device-back { align-items: center; appearance: none; background: rgba(10,108,255,.18); border: 0; border-radius: 12px; box-shadow: none; cursor: pointer; display: inline-flex; flex: 0 0 48px; height: 48px; justify-content: center; padding: 0; transition: background .18s ease, box-shadow .18s ease, transform .18s ease; width: 48px; }
.fix239-booking-device-back:hover { background: rgba(10,108,255,.26); box-shadow: none; outline: 0; transform: translateY(-1px); }
.fix239-booking-device-back:focus-visible { background: rgba(10,108,255,.22); box-shadow: 0 0 0 3px rgba(10,108,255,.16); outline: 0; transform: none; }
.fix239-booking-device-back span { border-bottom: 3px solid #2588ca; border-left: 3px solid #2588ca; display: block; height: 13px; margin-left: 5px; transform: rotate(45deg); width: 13px; }
.fix239-booking-step-number { color: var(--fix239-blue); display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; margin-bottom: 5px; }
.fix239-booking-step__heading h3 { color: var(--fix239-ink); font-size: clamp(25px, 3vw, 34px); font-weight: 500; letter-spacing: -.025em; line-height: 1.16; margin: 0 0 6px; }
.fix239-booking-step__heading h3 strong { font-weight: 800; }
.fix239-booking-step__heading p { color: var(--fix239-muted); font-size: 14px; margin: 0; }
.fix239-booking-model-search { align-items: stretch; background: #f7f7f7; border: 0; border-radius: 15px; display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) 120px; margin: 20px auto 15px; padding: 28px 25px 30px; }
.fix239-booking-search-main { min-width: 0; position: relative; }
.fix239-booking-search-hint { align-items: center; color: #686d75; display: flex; font-size: 13px; gap: 9px; margin: 0 0 13px 8px; }
.fix239-booking-search-hint i { background: #2588ca; border-radius: 50%; display: inline-block; height: 8px; width: 8px; }
.fix239-booking-search-control { position: relative; }
.fix239-booking-shell .fix239-booking-search-control input[type="search"] { appearance: none; background: #fff; border: 0; border-radius: 12px; box-shadow: 0 0 0 1.5px rgba(10,108,255,.6), 0 0 5px rgba(0,0,0,.16); color: #555; font: inherit; font-size: 17px; font-weight: 500; height: 60px; min-width: 0; padding: 0 72px 0 22px; width: 100%; }
.fix239-booking-shell .fix239-booking-search-control input[type="search"]:focus { box-shadow: 0 0 0 2px var(--fix239-blue), 0 0 0 5px rgba(10,108,255,.1); outline: none; }
.fix239-booking-search-control button { align-items: center; background: rgba(10,108,255,.18); border: 0; border-radius: 12px; cursor: pointer; display: flex; height: 48px; justify-content: center; padding: 0; position: absolute; right: 7px; top: 6px; width: 48px; }
.fix239-booking-search-control button span { border: 3px solid #2588ca; border-radius: 50%; display: block; height: 20px; position: relative; width: 20px; }
.fix239-booking-search-control button span::after { background: #2588ca; border-radius: 2px; bottom: -7px; content: ""; height: 9px; position: absolute; right: -5px; transform: rotate(-45deg); width: 3px; }
.fix239-booking-model-search.is-search-open .fix239-booking-search-control button { background: #969ba3; border-radius: 50%; transform: scale(.76); }
.fix239-booking-model-search.is-search-open .fix239-booking-search-control button span { border: 0; border-radius: 0; height: 20px; width: 20px; }
.fix239-booking-model-search.is-search-open .fix239-booking-search-control button span::before, .fix239-booking-model-search.is-search-open .fix239-booking-search-control button span::after { background: #fff; border-radius: 2px; content: ""; height: 22px; left: 9px; position: absolute; top: -1px; transform: rotate(45deg); width: 2px; }
.fix239-booking-model-search.is-search-open .fix239-booking-search-control button span::after { bottom: auto; right: auto; transform: rotate(-45deg); }
.fix239-booking-model-help-button { align-items: center; background: transparent; border: 0; color: #343840; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: 9px; justify-content: center; padding: 8px 4px 6px 18px; }
.fix239-booking-model-help-button strong { font-size: 13px; line-height: 1.2; }
.fix239-booking-model-help-icon { align-items: center; background: transparent; border: 0; box-shadow: none; color: #2588ca; display: inline-flex; height: 70px; justify-content: center; position: relative; width: 60px; }
.fix239-booking-model-help-icon::before { display: none; }
.fix239-booking-model-help-icon svg, .fix239-booking-model-help-art svg { fill: none; filter: drop-shadow(0 6px 8px rgba(37, 136, 202, .12)); stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.6; }
.fix239-booking-model-help-magnifier { stroke-width: 2.3; }
.fix239-booking-model-help-icon svg { height: 68px; width: 56px; }
body.fix239-booking-modal-open { overflow: hidden; }
.fix239-booking-model-help-modal { align-items: center; background: rgba(23, 36, 52, .68); display: flex; inset: 0; justify-content: center; padding: 24px; position: fixed; z-index: 999999; }
.fix239-booking-model-help-modal[hidden] { display: none; }
.fix239-booking-model-help-dialog { background: #fff; border: 1px solid #d8e4ee; border-radius: 20px; box-shadow: 0 24px 70px rgba(14, 34, 55, .28); color: var(--fix239-ink); max-height: calc(100vh - 48px); max-width: 940px; overflow-y: auto; padding: 38px 42px 32px; position: relative; width: 100%; }
.fix239-booking-model-help-close { appearance: none; background: #f0f4f7 !important; border: 0 !important; border-radius: 50%; cursor: pointer; height: 38px; padding: 0; position: absolute; right: 18px; top: 18px; width: 38px; }
.fix239-booking-model-help-close span::before, .fix239-booking-model-help-close span::after { background: #65717c; border-radius: 2px; content: ""; height: 2px; left: 10px; position: absolute; top: 18px; transform: rotate(45deg); width: 18px; }
.fix239-booking-model-help-close span::after { transform: rotate(-45deg); }
.fix239-booking-model-help-close:hover, .fix239-booking-model-help-close:focus-visible { background: #dfeaf2 !important; outline: 3px solid rgba(10,108,255,.18); }
.fix239-booking-model-help-tabs { border-bottom: 1px solid #dce5ec; display: flex; gap: 8px; margin: 0 auto 26px; padding: 0 54px; }
.fix239-booking-model-help-tabs button { appearance: none; background: transparent !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0; color: #67727d !important; cursor: pointer; flex: 1; font: inherit; font-size: 14px; font-weight: 800; margin-bottom: -1px; min-height: 44px; padding: 8px 18px; }
.fix239-booking-model-help-tabs button[aria-selected="true"] { border-bottom-color: var(--fix239-blue) !important; color: var(--fix239-blue) !important; }
.fix239-booking-model-help-tabs button:focus-visible { box-shadow: 0 0 0 3px rgba(10,108,255,.14); outline: 0; }
.fix239-booking-model-help-dialog h4 { color: #202833; font-size: 24px; line-height: 1.25; margin: 0 44px 7px; text-align: center; }
.fix239-booking-model-help-lead { color: #687480; font-size: 14px; line-height: 1.55; margin: 0 auto 28px; max-width: 640px; text-align: center; }
.fix239-booking-model-help-steps { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fix239-booking-model-help-steps[hidden] { display: none; }
.fix239-booking-model-help-step { align-items: center; display: flex; flex-direction: column; min-width: 0; padding: 4px 8px; text-align: center; }
.fix239-booking-model-help-step__art { align-items: center; border: 3px solid #6daedf; border-radius: 14px; color: var(--fix239-blue); display: flex; height: 96px; justify-content: center; margin: 8px 0 22px; position: relative; width: 62px; }
.fix239-booking-model-help-step__art::before { background: #6daedf; border-radius: 4px; content: ""; height: 3px; left: 19px; position: absolute; right: 19px; top: 7px; }
.fix239-booking-model-help-step__art::after { border: 2px solid #6daedf; border-radius: 50%; bottom: 6px; content: ""; height: 7px; left: 50%; position: absolute; transform: translateX(-50%); width: 7px; }
.fix239-booking-model-help-step__art i { align-items: center; background: #eaf5fc; border: 2px solid #6daedf; border-radius: 50%; display: flex; font-size: 18px; font-style: normal; font-weight: 900; height: 34px; justify-content: center; width: 34px; }
.fix239-booking-model-help-step strong { color: #27313b; display: block; font-size: 15px; line-height: 1.35; margin-bottom: 7px; }
.fix239-booking-model-help-step p { color: #66727d; font-size: 13px; line-height: 1.55; margin: 0; }
.fix239-booking-model-help-console { background: #f2f8fd; border: 1px solid #d2e7f5; border-radius: 10px; color: #53616d; font-size: 12px; line-height: 1.5; margin: 28px 0 0; padding: 10px 14px; text-align: center; }
.fix239-booking-search-results { background: #fff; border: 1px solid #d9e1e8; border-radius: 12px; box-shadow: 0 14px 30px rgba(24, 39, 58, .12); left: 0; margin-top: 8px; max-height: 360px; overflow-y: auto; padding: 7px; position: absolute; right: 0; top: 100%; z-index: 20; }
.fix239-booking-search-result { align-items: center; background: #fff; border: 0; border-radius: 9px; color: var(--fix239-ink); cursor: pointer; display: grid; gap: 12px; grid-template-columns: 38px 1fr auto; padding: 10px; text-align: left; width: 100%; }
.fix239-booking-search-result:hover { background: #f1f7fd; }
.fix239-booking-search-result__icon { align-items: center; background: #eef6fc; border-radius: 8px; display: flex; height: 38px; justify-content: center; width: 38px; }
.fix239-booking-search-result__icon svg { fill: none; height: 25px; stroke: #2588ca; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 25px; }
.fix239-booking-search-result__icon img { height: 32px; object-fit: contain; width: 32px; }
.fix239-booking-search-result strong, .fix239-booking-search-result small { display: block; }
.fix239-booking-search-result strong { font-size: 14px; }
.fix239-booking-search-result small { color: var(--fix239-muted); font-size: 11px; margin-top: 2px; }
.fix239-booking-search-result > i { color: #a4a8ae; font-size: 22px; font-style: normal; }
.fix239-booking-search-message { color: var(--fix239-muted); font-size: 13px; margin: 0; padding: 10px; }
.fix239-booking-or { align-items: center; color: #464646; display: flex; font-size: 15px; gap: 10px; margin: 15px 14px 10px; padding: 0 15px; }
.fix239-booking-or > span:first-child { background: var(--fix239-blue); border-radius: 50%; flex: 0 0 10px; height: 10px; width: 10px; }
.fix239-booking-or > span:last-child { background: transparent; height: auto; width: auto; }
.fix239-booking-or strong { color: #464646; font-size: inherit; font-weight: 800; }
.fix239-booking-device-grid { display: grid; gap: 20px; padding: 10px 14px 0; width: 100%; }
.fix239-booking-device-grid--types { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fix239-booking-device-grid--brands, .fix239-booking-device-grid--models { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.fix239-booking-device-card { align-items: center; appearance: none; background: #fff !important; border: 1.5px solid transparent !important; border-radius: 15px; box-shadow: 0 0 23px rgba(0,0,0,.07) !important; color: #404040 !important; cursor: pointer; display: flex; flex-direction: column; font: inherit; justify-content: center; margin: 0; min-width: 0; padding: 12px; position: relative; text-align: center; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; width: 100%; }
.fix239-booking-device-card:hover, .fix239-booking-device-card:focus-visible, .fix239-booking-device-card.is-selected { border-color: var(--fix239-blue) !important; box-shadow: 0 0 0 1px var(--fix239-blue), 0 10px 24px rgba(10,108,255,.12) !important; color: #404040 !important; outline: none; transform: translateY(-1px); }
.fix239-booking-device-card--type { height: 185px; }
.fix239-booking-device-card--brand { height: 160px; }
.fix239-booking-device-card--model { height: 190px; }
.fix239-booking-device-card__media { align-items: center; color: #5e626a; display: flex; height: 100px; justify-content: center; margin-bottom: 8px; width: 100%; }
.fix239-booking-device-card__media img { display: block; height: 100%; max-height: 90px; max-width: 120px; object-fit: contain; width: 100%; }
.fix239-booking-device-card__media svg { fill: none; height: 82px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 82px; }
.fix239-booking-device-card--type strong { font-size: 14px; font-weight: 500; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; }
.fix239-booking-device-card--brand strong { font-size: 14px; font-weight: 600; line-height: 1.25; }
.fix239-booking-device-card--model strong { color: #282828; display: -webkit-box; font-size: 14px; font-weight: 600; line-height: 1.25; max-width: 100%; overflow: hidden; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.fix239-booking-device-card--model small { color: var(--fix239-blue); display: block; font-size: 11px; line-height: 1.25; margin-top: 5px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fix239-booking-brand-monogram { align-items: center; background: var(--fix239-soft-blue); border-radius: 18px; color: var(--fix239-blue); display: inline-flex; font-size: 25px; font-weight: 800; height: 74px; justify-content: center; letter-spacing: .02em; width: 92px; }
.fix239-booking-model-help-art { align-items: center; background: transparent; border: 0; box-shadow: none; color: #2588ca; display: inline-flex; height: 100px; justify-content: center; margin-bottom: 10px; position: relative; width: 82px; }
.fix239-booking-model-help-art::before { display: none; }
.fix239-booking-model-help-art svg { height: 96px; width: 78px; }
.fix239-booking-model-help-art i { align-items: center; background: #eaf5fc; border: 2px solid #6daedf; border-radius: 50%; display: inline-flex; font-size: 20px; font-style: normal; font-weight: 900; height: 31px; justify-content: center; width: 31px; }
.fix239-booking-models-toolbar { align-items: center; display: flex; gap: 20px; justify-content: space-between; margin: 28px 14px 0; padding: 0 10px; }
.fix239-booking-models-count { align-items: center; display: flex; gap: 8px; }
.fix239-booking-models-count strong { color: #272b33; font-size: 16px; }
.fix239-booking-models-count > span { background: var(--fix239-blue); border-radius: 10px; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; min-width: 24px; padding: 5px 7px; text-align: center; }
.fix239-booking-models-count small { border-left: 1px solid #d4dbe1; color: #737b84; font-size: 12px; font-weight: 700; padding-left: 10px; }
.fix239-booking-models-count small[hidden] { display: none; }
.fix239-booking-model-filter { display: block; max-width: 202px; position: relative; width: 100%; }
.fix239-booking-model-filter .screen-reader-text { clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.fix239-booking-model-filter i { border: 2px solid #2781c7; border-radius: 50%; height: 14px; left: 13px; pointer-events: none; position: absolute; top: 50%; transform: translateY(-58%); width: 14px; z-index: 1; }
.fix239-booking-model-filter i::after { background: #2781c7; bottom: -5px; content: ""; height: 6px; position: absolute; right: -3px; transform: rotate(-45deg); width: 2px; }
.fix239-booking-shell .fix239-booking-model-filter input[type="search"] { appearance: none; background: #fff; border: 0 !important; border-radius: 8px !important; box-shadow: 0 0 0 1.5px rgba(39,129,199,.6) !important; color: #000; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 400; height: 39px; line-height: 1.4; padding: 8px 10px 8px 40px; width: 100%; }
.fix239-booking-shell .fix239-booking-model-filter input[type="search"]:hover { box-shadow: 0 0 0 1.5px rgba(39,129,199,.78) !important; }
.fix239-booking-shell .fix239-booking-model-filter input[type="search"]:focus { border: 0 !important; box-shadow: 0 0 0 2px #2781c7, 0 0 0 4px rgba(39,129,199,.12) !important; outline: 0; }
.fix239-booking-shell label > span { color: #4b5563; display: block; font-size: 12px; font-weight: 700; margin-bottom: 7px; }
.fix239-booking-shell input[type="text"], .fix239-booking-shell input[type="email"], .fix239-booking-shell input[type="tel"], .fix239-booking-shell select, .fix239-booking-shell textarea { background: #fff; border: 1px solid #cfd5dd; border-radius: 9px; color: var(--fix239-ink); font: inherit; min-height: 47px; padding: 11px 13px; width: 100%; }
.fix239-booking-shell input:focus, .fix239-booking-shell select:focus, .fix239-booking-shell textarea:focus { border-color: var(--fix239-blue); box-shadow: 0 0 0 3px rgba(10,108,255,.11); outline: 0; }
.fix239-booking-device-chip { align-items: center; background: linear-gradient(135deg, #f7fbff 0%, #eef6ff 100%); border: 1px solid #d8e8f5; border-radius: 16px; display: grid; gap: 20px; grid-template-columns: 112px minmax(0, 1fr); margin-bottom: 26px; min-height: 150px; padding: 18px 22px; }
.fix239-booking-device-chip__media { align-items: center; background: #fff; border: 1px solid #dfebf4; border-radius: 14px; color: #2588ca; display: flex; height: 112px; justify-content: center; overflow: hidden; width: 112px; }
.fix239-booking-device-chip svg { fill: none; height: 72px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 72px; }
.fix239-booking-device-chip img { display: block; height: 96px; max-width: 100px; object-fit: contain; width: 100%; }
.fix239-booking-device-chip__details { min-width: 0; }
.fix239-booking-device-chip__details small, .fix239-booking-device-chip__details strong { display: block; }
.fix239-booking-device-chip__details small { color: var(--fix239-blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; margin-bottom: 5px; text-transform: uppercase; }
.fix239-booking-device-chip__details strong { color: var(--fix239-ink); font-size: clamp(21px, 2.5vw, 28px); line-height: 1.2; overflow-wrap: anywhere; }
.fix239-booking-device-chip__details p { color: var(--fix239-muted); font-size: 13px; margin: 9px 0 0; }
.fix239-booking-device-chip__details p span { color: #4f5966; font-weight: 800; }
.fix239-booking-color-section { background: #f8fbfe; border: 1px solid #dce8f2; border-radius: 15px; margin: -4px 0 10px; padding: 14px 14px; }
.fix239-booking-color-heading { align-items: flex-start; display: flex; gap: 8px; margin-bottom: 10px; }
.fix239-booking-color-heading__dot { background: var(--fix239-blue); border-radius: 50%; flex: 0 0 9px; height: 9px; margin-top: 6px; width: 9px; }
.fix239-booking-color-heading h4 { color: var(--fix239-ink); font-size: 15px; line-height: 1.25; margin: 0; }
.fix239-booking-color-heading p { color: var(--fix239-muted); font-size: 12px; line-height: 1.45; margin: 3px 0 0; }
.fix239-booking-color-grid { display: grid; gap: 6px; grid-template-columns: repeat(auto-fit, minmax(100px, 140px)); }
.fix239-booking-color { align-items: center; appearance: none; background: #fff; border: 2px solid var(--fix239-line); border-radius: 8px; color: var(--fix239-ink); cursor: pointer; display: grid; gap: 5px; grid-template-columns: 28px minmax(0, 1fr) 16px; min-height: 58px; padding: 3px 10px; text-align: left; transition: .18s ease; width: 100%; }
.fix239-booking-color:focus-visible, .fix239-booking-color.is-selected { background: #eef8ff; border-color: #4aa3dd; box-shadow: 0 6px 18px rgba(37, 136, 202, .12); outline: 0; }
.fix239-booking-color__swatch { background: var(--fix239-device-color, #e9edf2); border: 1px solid rgba(30, 41, 59, .22); border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); display: block; height: 26px; width: 26px; }
.fix239-booking-color strong { color: inherit; font-size: 11px; line-height: 1.1; min-width: 0; overflow-wrap: anywhere; }
.fix239-booking-color__check { align-items: center; background: #fff; border: 2px solid #cbd3dc; border-radius: 50%; color: #fff; display: flex; font-size: 8px; font-weight: 900; height: 16px; justify-content: center; width: 16px; }
.fix239-booking-color.is-selected .fix239-booking-color__check { background: #2588ca; border-color: #2588ca; }
.fix239-booking-repair-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(330px, 370px); min-width: 0; width: 100%; }
.fix239-booking-repair-layout > * { min-width: 0; }
.fix239-booking-repair-main { min-width: 0; }
.fix239-booking-repair-heading { align-items: center; display: flex; gap: 15px; justify-content: space-between; margin: 0 2px 14px; }
.fix239-booking-repair-heading > div { align-items: center; display: flex; gap: 9px; min-width: 0; }
.fix239-booking-repair-heading__dot { background: var(--fix239-blue); border-radius: 50%; flex: 0 0 9px; height: 9px; width: 9px; }
.fix239-booking-repair-heading h4 { color: var(--fix239-ink); font-size: 17px; line-height: 1.3; margin: 0; }
.fix239-booking-repair-count { color: var(--fix239-muted); flex: 0 0 auto; font-size: 12px; font-weight: 700; }
.fix239-booking-repair-count strong { background: var(--fix239-blue); border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; line-height: 1; min-width: 23px; padding: 5px 7px; text-align: center; }
.fix239-booking-service-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fix239-booking-service { -webkit-appearance: none; appearance: none; background: #fff; border: 2px solid var(--fix239-line); border-radius: 14px; color: var(--fix239-ink); cursor: pointer; display: grid; gap: 7px 10px; grid-template-columns: 38px minmax(0, 1fr); min-height: 142px; padding: 16px 16px 14px; position: relative; text-align: left; transition: .18s ease; }
.fix239-booking-service:focus-visible, .fix239-booking-service.is-selected { border-color: #4aa3dd; box-shadow: 0 8px 22px rgba(37, 136, 202, .12); }
.fix239-booking-service:focus-visible { background: #eef8ff; color: var(--fix239-ink); }
.fix239-booking-service.is-selected, .fix239-booking-service.is-selected:focus, .fix239-booking-service.is-selected:active { background: #eef8ff; color: var(--fix239-ink); }
.fix239-booking-service__check { align-items: center; background: #fff; border: 2px solid #cbd3dc; border-radius: 50%; color: #fff; display: flex; font-size: 11px; font-weight: 900; height: 22px; justify-content: center; position: absolute; right: 14px; top: 14px; width: 22px; }
.fix239-booking-service.is-selected .fix239-booking-service__check { background: #2588ca; border-color: #2588ca; }
.fix239-booking-service__top { align-items: start; display: flex; gap: 24px; grid-column: 2; justify-content: space-between; padding-right: 20px; }
.fix239-booking-service__top strong { color: var(--fix239-ink); font-size: 14px; line-height: 1.25; }
.fix239-booking-service:focus-visible .fix239-booking-service__top strong, .fix239-booking-service.is-selected .fix239-booking-service__top strong { color: var(--fix239-ink); }
.fix239-booking-service__price { color: var(--fix239-blue); font-size: 19px; font-weight: 800; white-space: nowrap; }
.fix239-booking-service__price.is-request { font-size: 12px; line-height: 1.25; max-width: 92px; text-align: right; white-space: normal; }
.fix239-booking-service p { color: var(--fix239-muted); font-size: 13px; grid-column: 1 / -1; line-height: 1.45; margin: 0; }
.fix239-booking-service small { color: var(--fix239-muted); font-size: 11px; grid-column: 2; }
.fix239-booking-service small b { color: #2588ca; font-weight: 700; }
.fix239-booking-service-options { background: #f7fbff; border: 1px solid #cfe5f7; border-radius: 12px; display: grid; gap: 8px; margin: -6px 0 4px; padding: 12px; }
.fix239-booking-service-options > strong { color: #234360; font-size: 12px; }
.fix239-booking-service-option { appearance: none; background: #fff; border: 1px solid #cfdce8; border-radius: 9px; color: #234360; cursor: pointer; font-size: 12px; font-weight: 700; padding: 10px 12px; text-align: left; transition: .16s ease; }
.fix239-booking-service-option:hover, .fix239-booking-service-option:focus-visible, .fix239-booking-service-option.is-selected { background: #eaf6ff; border-color: #2588ca; box-shadow: 0 0 0 1px #2588ca; }
.fix239-booking-service-option:disabled { background: #f4f5f6; border-color: #e0e4e8; color: #8a98a6; cursor: not-allowed; text-decoration: line-through; }
/* An unselected repair must not inherit the theme's dark button hover/focus state. */
.fix239-booking-service:not(.is-selected):hover,
.fix239-booking-service:not(.is-selected):focus,
.fix239-booking-service:not(.is-selected):focus-visible,
.fix239-booking-service:not(.is-selected):active {
    background: #eef8ff !important;
    border-color: var(--fix239-blue) !important;
    box-shadow: 0 0 0 1px var(--fix239-blue), 0 10px 24px rgba(10,108,255,.12) !important;
    color: var(--fix239-ink) !important;
    outline: none;
    transform: translateY(-1px);
}
.fix239-booking-service:not(.is-selected) .fix239-booking-service__top strong { color: var(--fix239-ink) !important; }
.fix239-booking-service:not(.is-selected) p,
.fix239-booking-service:not(.is-selected) small { color: var(--fix239-muted) !important; }
.fix239-booking-empty { background: var(--fix239-soft); border-radius: 12px; color: var(--fix239-muted); grid-column: 1 / -1; margin: 0; padding: 18px; }
.fix239-booking-show-repairs { appearance: none; background: #fff !important; border: 1px solid #cad6e0 !important; border-radius: 10px; color: #236fa6 !important; cursor: pointer; display: block; font: inherit; font-size: 13px; font-weight: 800; margin: 16px auto 0; min-height: 44px; padding: 10px 22px; }
.fix239-booking-show-repairs:hover, .fix239-booking-show-repairs:focus-visible { background: #eef7ff !important; border-color: #65a9d8 !important; box-shadow: 0 0 0 3px rgba(10,108,255,.1); outline: 0; }
.fix239-booking-accessories { border-top: 1px solid var(--fix239-line); margin-top: 28px; padding-top: 24px; }
.fix239-booking-accessories__heading { align-items: flex-end; display: flex; gap: 16px; justify-content: space-between; margin: 0 2px 14px; }
.fix239-booking-accessories__heading > div { min-width: 0; }
.fix239-booking-accessories__eyebrow { color: var(--fix239-blue); display: block; font-size: 10px; font-weight: 900; letter-spacing: .12em; margin-bottom: 3px; }
.fix239-booking-accessories__heading h4 { color: var(--fix239-ink); font-size: 18px; line-height: 1.3; margin: 0 0 3px; }
.fix239-booking-accessories__heading p { color: var(--fix239-muted); font-size: 12px; line-height: 1.45; margin: 0; }
.fix239-booking-accessory-count { color: var(--fix239-muted); flex: 0 0 auto; font-size: 11px; font-weight: 700; }
.fix239-booking-accessory-count strong { background: #e8f3fc; border-radius: 10px; color: #176fa9; display: inline-block; line-height: 1; min-width: 23px; padding: 5px 7px; text-align: center; }
.fix239-booking-accessory-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fix239-booking-accessory { align-items: center; appearance: none; background: #fff; border: 2px solid var(--fix239-line); border-radius: 13px; color: var(--fix239-ink); cursor: pointer; display: grid; gap: 11px; grid-template-columns: auto minmax(0, 1fr) 22px; min-height: 104px; padding: 14px; position: relative; text-align: left; transition: .18s ease; width: 100%; }
.fix239-booking-accessory:focus-visible, .fix239-booking-accessory.is-selected { background: #f0f8ff; border-color: #4aa3dd; box-shadow: 0 8px 22px rgba(37, 136, 202, .12); outline: 0; }
.fix239-booking-accessory__media { align-items: center; background: #f6f8fa; border: 1px solid #e2e7ec; border-radius: 10px; display: flex; height: 68px; justify-content: center; overflow: hidden; width: 68px; }
.fix239-booking-accessory__media img { display: block; max-height: 60px; max-width: 60px; object-fit: contain; }
.fix239-booking-accessory__media svg { fill: none; height: 38px; stroke: #4a9bd1; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 38px; }
.fix239-booking-accessory__details { display: block; min-width: 0; }
.fix239-booking-accessory__details > strong, .fix239-booking-accessory__details > small, .fix239-booking-accessory__details > span { display: block; overflow-wrap: anywhere; }
.fix239-booking-accessory__details > strong { color: var(--fix239-ink); font-size: 14px; line-height: 1.3; }
.fix239-booking-accessory__details > small { color: var(--fix239-blue); font-size: 12px; font-weight: 800; margin-top: 3px; }
.fix239-booking-accessory__details > small b { font-weight: 800; }
.fix239-booking-accessory__details > span { color: var(--fix239-muted); font-size: 11px; line-height: 1.4; margin-top: 5px; }
.fix239-booking-accessory__check { align-items: center; background: #fff; border: 2px solid #cbd3dc; border-radius: 50%; color: #fff; display: flex; font-size: 10px; font-weight: 900; height: 22px; justify-content: center; width: 22px; }
.fix239-booking-accessory.is-selected .fix239-booking-accessory__check { background: #2588ca; border-color: #2588ca; }
.fix239-booking-repair-summary { align-self: start; background: #f8fafc; border: 1px solid #dde4eb; border-radius: 15px; padding: 20px 20px 16px; position: sticky; top: 30px; z-index: 2; }
.fix239-booking-repair-summary__eyebrow { color: var(--fix239-blue); display: block; font-size: 10px; font-weight: 900; letter-spacing: .12em; margin-bottom: 4px; }
.fix239-booking-repair-summary h4 { color: var(--fix239-ink); font-size: 20px; margin: 0 0 16px; }
.fix239-booking-repair-list { border-bottom: 1px solid #dfe5eb; display: grid; gap: 0; min-height: 70px; padding-bottom: 11px; }
.fix239-booking-repair-list.is-empty { min-height: 0; }
.fix239-booking-repair-list__empty { align-self: center; color: var(--fix239-muted); font-size: 13px; line-height: 1.5; margin: 0; padding: 7px 0 14px; }
.fix239-booking-repair-list__group { color: #6c7886; font-size: 9px; font-weight: 900; letter-spacing: .11em; padding: 9px 0 4px; text-transform: uppercase; }
.fix239-booking-repair-list__item { align-items: center; border-top: 1px solid #e4e9ee; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) 28px; padding: 11px 0; }
.fix239-booking-repair-list__group + .fix239-booking-repair-list__item { border-top: 0; padding-top: 2px; }
.fix239-booking-repair-list__item > div { min-width: 0; }
.fix239-booking-repair-list__item strong, .fix239-booking-repair-list__item small { display: block; overflow-wrap: anywhere; }
.fix239-booking-repair-list__item strong { color: #303640; font-size: 13px; line-height: 1.35; }
.fix239-booking-repair-list__item small { color: var(--fix239-blue); font-size: 11px; font-weight: 800; margin-top: 3px; }
.fix239-booking-repair-list__item button { align-items: center; appearance: none; background: #e9eef3 !important; border: 0 !important; border-radius: 50%; color: #596674 !important; cursor: pointer; display: flex; font: inherit; font-size: 19px; height: 28px; justify-content: center; line-height: 1; padding: 0 0 2px; width: 28px; }
.fix239-booking-repair-list__item button:hover, .fix239-booking-repair-list__item button:focus-visible { background: #dbe9f5 !important; color: #1b6ea9 !important; outline: 2px solid rgba(10,108,255,.18); }
.fix239-booking-inventory-status { border: 1px solid #cbd9e8; border-radius: 12px; color: #24415f; font-size: 12px; font-weight: 750; line-height: 1.45; margin: 12px 0; padding: 11px 12px; }
.fix239-booking-inventory-status.is-checking { background: #f3f7fb; }
.fix239-booking-inventory-status.is-available { background: #effaf5; border-color: #a9ddc8; color: #176c4b; }
.fix239-booking-inventory-status.is-blocked { background: #fff6ed; border-color: #f1c59e; color: #8a4618; }
.fix239-booking-total { align-items: center; background: #fff; border: 1px solid #dbe3eb; border-radius: 13px; color: var(--fix239-ink); display: grid; gap: 2px 12px; grid-template-columns: minmax(0, 1fr) minmax(0, auto); grid-template-rows: auto auto auto; margin-top: 16px; padding: 16px; }
.fix239-booking-total span { font-size: 12px; font-weight: 700; }
.fix239-booking-total strong { align-self: end; font-size: 18px; grid-column: 2; grid-row: 3; line-height: 1.25; max-width: 155px; overflow-wrap: anywhere; text-align: right; }
.fix239-booking-total small { color: #64748b; grid-column: 1; grid-row: 2; }
.fix239-booking-price-note { color: #66717e; font-size: 11px; line-height: 1.5; margin: 12px 1px 0; }
.fix239-booking-quote-explanation { background: #f1f8fe; border: 1px solid #cfe7f8; border-radius: 10px; color: #435466; font-size: 11px; line-height: 1.55; margin: 12px 1px 0; padding: 11px 12px; }
.fix239-booking-quote-explanation strong { color: #1b6ea9; display: block; font-weight: 800; margin-bottom: 3px; }
.fix239-booking-final-grid { align-items: start; display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr) minmax(310px, 350px); width: 100%; }
.fix239-booking-final-grid > * { min-width: 0; }
.fix239-booking-final-main { display: grid; gap: 16px; min-width: 0; width: 100%; }
.fix239-booking-section-card, .fix239-booking-summary-card { background: #fff; border: 1px solid var(--fix239-line); border-radius: 14px; max-width: 100%; min-width: 0; padding: 20px; width: 100%; }
.fix239-booking-section-card > h4, .fix239-booking-summary-card > h4 { color: var(--fix239-ink); font-size: 16px; margin: 0 0 14px; }
.fix239-booking-section-title { align-items: center; display: flex; gap: 12px; margin-bottom: 17px; }
.fix239-booking-section-title__number { align-items: center; background: var(--fix239-blue); border-radius: 50%; color: #fff !important; display: inline-flex !important; flex: 0 0 34px; font-size: 14px !important; font-weight: 900 !important; height: 34px; justify-content: center; margin: 0 !important; width: 34px; }
.fix239-booking-section-title > div { min-width: 0; }
.fix239-booking-section-title h4 { color: var(--fix239-ink); font-size: 16px; line-height: 1.3; margin: 0 0 3px; }
.fix239-booking-section-title p { color: var(--fix239-muted); font-size: 11px; line-height: 1.45; margin: 0; }
.fix239-booking-methods { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; width: 100%; }
.fix239-booking-methods label { align-items: center; background: #fff; border: 1px solid #e1e4e8; border-radius: 11px; box-shadow: 0 2px 8px rgba(28, 39, 49, .05); cursor: pointer; display: grid; gap: 2px 14px; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto auto; min-height: 86px; min-width: 0; overflow-wrap: anywhere; padding: 16px 60px 16px 18px; position: relative; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease; }
.fix239-booking-methods label:hover { border-color: #c8d7e4; box-shadow: 0 5px 16px rgba(28, 39, 49, .08); }
.fix239-booking-methods label.is-selected { background: #f8fcff; border-color: #2588ca; box-shadow: 0 0 0 1px rgba(37,136,202,.08), 0 5px 16px rgba(37,136,202,.10); }
.fix239-booking-methods input { -webkit-appearance: none; appearance: none; background: #fff; border: 2px solid #2588ca; border-radius: 8px; height: 29px; margin: 0; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 29px; }
.fix239-booking-methods input:checked { background: #fff; border-color: var(--fix239-blue); box-shadow: none; }
.fix239-booking-methods label.is-selected::after { color: var(--fix239-blue); content: '\2713'; font-size: 18px; font-weight: 800; line-height: 1; pointer-events: none; position: absolute; right: 23px; top: 50%; transform: translateY(-55%); }
.fix239-booking-methods input:focus-visible { outline: 3px solid rgba(10,108,255,.2); outline-offset: 2px; }
.fix239-booking-method-icon { align-items: center; align-self: center; color: #68717a !important; display: flex !important; grid-row: 1 / 3; height: 36px; justify-content: center; margin: 0 !important; width: 40px; }
.fix239-booking-method-icon svg { fill: none; height: 32px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; width: 32px; }
.fix239-booking-method-icon img { display: block; filter: grayscale(1); height: 34px; max-width: 40px; object-fit: contain; opacity: .72; width: 40px; }
.fix239-booking-methods strong { align-items: center; align-self: end; color: #34383d; display: flex; flex-wrap: wrap; font-size: 16px; gap: 7px; grid-column: 2; line-height: 1.3; }
.fix239-booking-method-free { background: #e3f2fc; border-radius: 4px; color: #2588ca; display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .02em; line-height: 1; padding: 3px 5px; }
.fix239-booking-method-description { align-self: start; color: #a1a5aa !important; display: block !important; font-size: 13px !important; grid-column: 2; line-height: 1.4; margin: 0 !important; }
.fix239-booking-days { display: flex; gap: 8px; margin-bottom: 15px; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-inline: contain; padding-bottom: 4px; width: 100%; }
.fix239-booking-day { background: #fff; border: 1px solid var(--fix239-line); border-radius: 10px; color: #394150; cursor: pointer; flex: 0 0 70px; padding: 9px 7px; text-align: center; }
.fix239-booking-day strong, .fix239-booking-day span { display: block; }
.fix239-booking-day strong { font-size: 18px; margin: 2px 0; }
.fix239-booking-day span { color: var(--fix239-muted); font-size: 10px; }
.fix239-booking-day.is-selected { background: #2588ca; border-color: #2588ca; color: #fff; }
.fix239-booking-day.is-selected span { color: rgba(255,255,255,.8); }
.fix239-booking-day:disabled { cursor: not-allowed; opacity: .42; }
.fix239-booking-times { display: flex; flex-wrap: wrap; gap: 8px; }
.fix239-booking-time { background: #fff; border: 1px solid var(--fix239-line); border-radius: 8px; color: #394150; cursor: pointer; padding: 9px 11px; }
.fix239-booking-time.is-selected { background: #2588ca; border-color: #2588ca; color: #fff; }
.fix239-booking-two-column { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fix239-booking-two-column--address { margin-top: 0; }
.fix239-booking-span-two { grid-column: 1 / -1; }
.fix239-booking-notes { display: block; margin-top: 14px; }
.fix239-booking-help { color: var(--fix239-muted); display: block; font-size: 11px; line-height: 1.4; margin-top: 5px; }
.fix239-booking-summary-card { align-self: start; background: #f8fafc; border-top: 4px solid var(--fix239-blue); min-width: 0; padding-top: 17px; position: static; }
.fix239-booking-final-device { align-items: center; background: linear-gradient(135deg, #eef7ff 0%, #f8fbff 100%); border: 1px solid #d8e8f5; border-radius: 13px; display: grid; gap: 13px; grid-template-columns: 72px minmax(0, 1fr); margin-bottom: 18px; min-height: 94px; padding: 10px; }
.fix239-booking-final-device__media { align-items: center; background: #fff; border: 1px solid #dfebf4; border-radius: 11px; color: #2588ca !important; display: flex !important; height: 72px; justify-content: center; margin: 0 !important; overflow: hidden; width: 72px; }
.fix239-booking-final-device__media img { display: block; height: 64px; max-width: 66px; object-fit: contain; width: 100%; }
.fix239-booking-final-device__media svg { fill: none; height: 46px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 46px; }
.fix239-booking-final-device__details { min-width: 0; }
.fix239-booking-final-device__details > small, .fix239-booking-final-device__details > strong { display: block; }
.fix239-booking-final-device__details > small { color: var(--fix239-blue); font-size: 9px; font-weight: 900; letter-spacing: .11em; margin-bottom: 3px; text-transform: uppercase; }
.fix239-booking-final-device__details > strong { color: var(--fix239-ink); font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.fix239-booking-final-device__details p { color: var(--fix239-muted); font-size: 10px; line-height: 1.4; margin: 5px 0 0; overflow-wrap: anywhere; }
.fix239-booking-final-device__details p span { color: #4f5966; display: inline; font-size: inherit; font-weight: 800; letter-spacing: 0; margin: 0; text-transform: none; }
.fix239-booking-summary-eyebrow { color: var(--fix239-blue) !important; display: block !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: .13em; margin: 0 0 4px !important; text-transform: uppercase; }
.fix239-booking-summary-eyebrow + h4 { color: var(--fix239-ink); font-size: 18px; margin: 0 0 13px; }
.fix239-booking-review { display: grid; gap: 0; }
.fix239-booking-review > div { border-bottom: 1px solid #e5e8ec; display: grid; gap: 5px; padding: 11px 0; }
.fix239-booking-review > div:first-child { padding-top: 0; }
.fix239-booking-review span { color: var(--fix239-muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.fix239-booking-review strong { color: #303640; font-size: 13px; line-height: 1.45; }
.fix239-booking-review strong small { color: var(--fix239-muted); font-size: 12px; font-weight: 500; }
.fix239-booking-review__repairs { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.fix239-booking-review__repairs li { align-items: start; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; }
.fix239-booking-review__repairs li strong { min-width: 0; overflow-wrap: anywhere; }
.fix239-booking-review__repairs li small { color: var(--fix239-blue); font-size: 10px; font-weight: 800; line-height: 1.45; max-width: 112px; text-align: right; }
.fix239-booking-review__total { border-bottom: 0 !important; grid-template-columns: 1fr auto !important; padding-bottom: 0 !important; }
.fix239-booking-review__total strong { color: var(--fix239-blue); font-size: 21px; }
.fix239-booking-review__total strong small { color: var(--fix239-muted); display: block; font-size: 10px; font-weight: 700; margin-top: 4px; text-align: right; }
.fix239-booking-total { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; }
.fix239-booking-total > span { color: var(--fix239-muted); display: flex; flex-direction: column; font-size: 10px; font-weight: 700; grid-column: 1; grid-row: auto; letter-spacing: .06em; line-height: 1.25; text-transform: uppercase; }
.fix239-booking-total > span small { color: var(--fix239-muted); font-size: 12px; font-weight: 500; letter-spacing: 0; margin-top: 4px; text-transform: none; }
.fix239-booking-total > strong { color: var(--fix239-ink); font-size: 21px; grid-column: 2; grid-row: auto; line-height: 1.15; text-align: right; }
.fix239-booking-total--quote { align-items: stretch !important; display: flex !important; flex-direction: column !important; gap: 0 !important; grid-template-columns: none !important; grid-template-rows: none !important; }
.fix239-booking-total--quote .fix239-booking-total__top-row { display: block !important; min-width: 0; width: 100%; }
.fix239-booking-total--quote .fix239-booking-total__label { align-items: flex-start; display: flex !important; flex-direction: column; width: 100%; }
.fix239-booking-total--quote .fix239-booking-total__value-row { display: flex !important; justify-content: flex-end; margin-top: 8px; width: 100%; }
.fix239-booking-total--quote .fix239-booking-total__value-row[hidden] { display: none !important; }
.fix239-booking-total--quote .fix239-booking-total__value-row strong { font-size: 21px; max-width: 100%; text-align: right; }
.fix239-booking-total--quote .fix239-booking-total__value-row { align-items: flex-end; flex-direction: column; gap: 6px; }
.fix239-booking-total__request-note { color: var(--fix239-blue); display: block; font-size: 13px; font-weight: 800; line-height: 1.3; text-align: right; }
.fix239-booking-total--quote + .fix239-booking-total__appointment-note { color: #64748b; display: block; font-size: 11px; line-height: 1.4; margin: 8px 1px 0; }
.fix239-booking-summary-contact { border-top: 1px solid #dfe4ea; margin-top: 18px; padding-top: 18px; }
.fix239-booking-summary-contact h4 { margin-bottom: 14px; }
.fix239-booking-summary-contact-fields { display: grid; gap: 12px; grid-template-columns: 1fr; }
.fix239-booking-summary-contact .fix239-booking-notes { margin-top: 12px; }
.fix239-booking-summary-contact textarea { min-height: 92px; resize: vertical; }
.fix239-booking-summary-contact--top { background: #fff; border: 1px solid #e1e6eb; border-radius: 16px; margin: 0 0 20px; padding: 20px; }
.fix239-booking-summary-contact--top .fix239-booking-summary-eyebrow { display: block; margin-bottom: 6px; }
.fix239-booking-summary-contact--top .fix239-booking-summary-contact-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fix239-booking-summary-contact--top .fix239-booking-notes { grid-column: 1 / -1; }
.fix239-booking-summary-contact--top .fix239-booking-help { display: block; text-align: center; }
.fix239-booking-review__travel { align-items: baseline; border-top: 1px solid #e5ebf0; display: flex; gap: 12px; justify-content: space-between; margin-top: 10px; padding-top: 10px; }
.fix239-booking-review__travel strong { color: var(--fix239-ink); }
@media (max-width: 640px) {
    .fix239-booking-summary-contact--top .fix239-booking-summary-contact-fields { grid-template-columns: 1fr; }
    .fix239-booking-summary-contact--top .fix239-booking-notes { grid-column: auto; }
}
.fix239-booking-summary-submit { margin-top: 16px; width: 100%; }

/* Repair List estimate: label/minutes occupy the first row; the amount is
   always on its own lower row at the far right. */
.fix239-booking-total--repair-list {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
.fix239-booking-total--repair-list > .fix239-booking-total__top-row {
    display: block !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: 100% !important;
}
.fix239-booking-total--repair-list > .fix239-booking-total__top-row .fix239-booking-total__label {
    align-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    width: 100% !important;
}
.fix239-booking-total--repair-list > .fix239-booking-total__value-row {
    align-items: flex-end !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
    min-width: 0 !important;
    width: 100% !important;
}
.fix239-booking-total--repair-list > .fix239-booking-total__value-row strong {
    align-self: auto !important;
    max-width: none !important;
    position: static !important;
    width: auto !important;
}

/* v2.5.3: the Repair List estimate is exactly two rows. */
.fix239-booking-total--two-row {
    align-items: stretch !important;
    display: grid !important;
    gap: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    width: 100% !important;
}
.fix239-booking-total--two-row > .fix239-booking-total__top-row--full {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
}
.fix239-booking-total--two-row .fix239-booking-total__label--full {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
.fix239-booking-total--two-row > .fix239-booking-total__value-row--bottom {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-content: flex-end !important;
    margin-top: 8px !important;
    width: 100% !important;
}
.fix239-booking-total--two-row .fix239-booking-total__value--bottom {
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
    text-align: right !important;
}

/* Repair List estimate: time stays on the left while the amount and any
   request-price note share a right-aligned value column. */
.fix239-booking-estimate-card {
    align-items: start;
    background: #fff;
    border: 1px solid #dbe3eb;
    border-radius: 13px;
    color: var(--fix239-ink);
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 16px;
    padding: 18px;
    width: 100%;
}
.fix239-booking-estimate-card__top,
.fix239-booking-estimate-card__bottom {
    display: block;
    min-width: 0;
    width: 100%;
}
.fix239-booking-estimate-card__label {
    color: var(--fix239-muted);
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.25;
    text-transform: uppercase;
}
.fix239-booking-estimate-card__label small {
    color: var(--fix239-muted);
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.3;
    margin-top: 4px;
    text-transform: none;
}
.fix239-booking-estimate-card__bottom {
    margin-top: 0;
    min-width: 90px;
    text-align: right !important;
}
.fix239-booking-estimate-card__bottom strong {
    color: var(--fix239-ink);
    display: block;
    font-size: 21px;
    line-height: 1.25;
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: right !important;
    width: auto;
}
.fix239-booking-estimate-card__request-note {
    color: #000;
    display: block;
    border-top: 1px solid #e4eaf0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    margin-top: 8px;
    padding-top: 8px;
    text-align: right;
}
.fix239-booking-estimate-card__extra {
    border-top: 1px solid #e4eaf0;
    color: var(--fix239-muted);
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
}
.fix239-booking-estimate-card__extra span {
    color: var(--fix239-muted);
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.25;
    text-transform: uppercase;
}
.fix239-booking-estimate-card__extra strong {
    color: var(--fix239-ink);
    display: block;
    font-size: 18px;
    line-height: 1.2;
}
.fix239-booking-estimate-card__extra small {
    color: var(--fix239-muted);
    display: block;
    font-size: 11px;
    margin: 0;
    text-align: right;
}
.fix239-booking-total__extra-row {
    border-top: 1px solid #e4eaf0;
    margin-top: 10px;
    padding-top: 10px;
}

.fix239-booking-consent { align-items: flex-start; border-top: 1px solid #e5e8ec; display: flex; gap: 8px; margin-top: 14px; padding-top: 14px; }
.fix239-booking-consent input { flex: 0 0 auto; margin-top: 3px; }
.fix239-booking-consent span { color: #4b5563 !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.45; margin: 0 !important; }
.fix239-booking-understanding { align-items: flex-start; background: #fffaf0; border: 1px solid #f1d39b; border-radius: 10px; display: flex; gap: 8px; margin: 13px 1px 0; padding: 10px 11px; }
.fix239-booking-understanding input { flex: 0 0 auto; margin-top: 3px; }
.fix239-booking-understanding span { color: #5d4a27 !important; font-size: 11px !important; font-weight: 600 !important; line-height: 1.45; margin: 0 !important; }
.fix239-booking-privacy { color: var(--fix239-muted); font-size: 10px; line-height: 1.45; margin: 10px 0 0; }
.fix239-booking-actions { align-items: center; border-top: 1px solid var(--fix239-line); display: flex; gap: 12px; justify-content: flex-end; margin-top: 26px; padding-top: 20px; }
.fix239-booking-primary, .fix239-booking-secondary { border: 0; border-radius: 9px; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 800; justify-content: center; min-height: 46px; padding: 12px 22px; text-decoration: none; }
.fix239-booking-primary { background: var(--fix239-blue); color: #fff !important; }
.fix239-booking-primary:hover { background: var(--fix239-blue-dark); color: #fff; }
.fix239-booking-secondary { background: #e9edf2; color: #303846; }
.fix239-booking-primary:disabled { background: #9aa0a6; cursor: not-allowed; opacity: .7; }
.fix239-booking-alert, .fix239-booking-error { background: #fff6e8; border: 1px solid #f1c473; border-radius: 9px; color: #754800; margin: 18px 42px 0; padding: 12px 14px; }
.fix239-booking-error { margin: 16px 0 0; }
.fix239-booking-success { padding: 62px 30px; text-align: center; }
.fix239-booking-success__icon { align-items: center; background: #e8f8ed; border-radius: 50%; color: #17883a; display: flex; font-size: 34px; font-weight: 900; height: 76px; justify-content: center; margin: 0 auto 18px; width: 76px; }
.fix239-booking-success h2 { color: var(--fix239-ink); font-size: 34px; margin: 6px 0 10px; }
.fix239-booking-confirmation-number { background: var(--fix239-soft); border: 1px dashed #9db0c5; border-radius: 12px; color: var(--fix239-blue); display: inline-block; font-size: 22px; font-weight: 900; letter-spacing: .04em; margin: 5px 0 18px; padding: 13px 20px; }
.fix239-booking-honeypot { height: 1px !important; left: -10000px !important; opacity: 0 !important; position: absolute !important; width: 1px !important; }
@media (hover: hover) and (pointer: fine) {
    .fix239-booking-color:hover { background: #f2f8fe; border-color: #7ab8e0; box-shadow: 0 6px 18px rgba(37, 136, 202, .12); color: var(--fix239-ink); }
    .fix239-booking-color:hover strong { color: var(--fix239-ink); }
    .fix239-booking-service:hover { background: #eef8ff; border-color: #4aa3dd; box-shadow: 0 8px 22px rgba(37, 136, 202, .12); color: var(--fix239-ink); }
    .fix239-booking-service:hover .fix239-booking-service__top strong { color: var(--fix239-ink); }
    .fix239-booking-service.is-selected:hover { background: #f0f8ff; color: var(--fix239-ink); }
    .fix239-booking-accessory:hover { background: #eef8ff; border-color: #4aa3dd; box-shadow: 0 8px 22px rgba(37, 136, 202, .12); }
}

/* Keep repair cards consistent with the device model/brand cards: the blue
 * ring indicates hover or selection, while the selected repair keeps its
 * light-blue surface. */
.fix239-booking-service:hover,
.fix239-booking-service:focus-visible,
.fix239-booking-service.is-selected {
    border-color: var(--fix239-blue) !important;
    box-shadow: 0 0 0 1px var(--fix239-blue), 0 10px 24px rgba(10,108,255,.12) !important;
    outline: none;
}

/* Match the reference card while the pointer is over an unselected repair. */
.fix239-booking-service:not(.is-selected):hover,
.fix239-booking-service:not(.is-selected):focus,
.fix239-booking-service:not(.is-selected):focus-visible,
.fix239-booking-service:not(.is-selected):active {
    background: #eef8ff !important;
    color: var(--fix239-ink) !important;
}
.fix239-booking-service.is-selected,
.fix239-booking-service.is-selected:hover,
.fix239-booking-service.is-selected:focus,
.fix239-booking-service.is-selected:active {
    background: #eef8ff !important;
    color: var(--fix239-ink) !important;
}
.fix239-booking-service.is-selected .fix239-booking-service__top strong,
.fix239-booking-service.is-selected p,
.fix239-booking-service.is-selected small {
    color: inherit !important;
}

/* Keep repair selection identical to accessory selection.  A repair that is
 * toggled off must immediately return to the neutral white card; theme
 * button states must never leave the dark-blue selected appearance behind. */
.fix239-booking-service:not(.is-selected) {
    background: #fff !important;
    color: var(--fix239-ink) !important;
}

/* A deselected card is always neutral. Hover may add the light-blue preview,
 * but focus/active must never leave the dark theme-button appearance behind. */
.fix239-booking-service:not(.is-selected):focus,
.fix239-booking-service:not(.is-selected):active,
.fix239-booking-accessory:not(.is-selected):focus,
.fix239-booking-accessory:not(.is-selected):active {
    background: #fff !important;
    border-color: var(--fix239-line) !important;
    box-shadow: none !important;
    color: var(--fix239-ink) !important;
    outline: none !important;
}
.fix239-booking-service:not(.is-selected):hover,
.fix239-booking-service:not(.is-selected):focus-visible,
.fix239-booking-accessory:not(.is-selected):hover,
.fix239-booking-accessory:not(.is-selected):focus-visible {
    background: #eef8ff !important;
    border-color: #4aa3dd !important;
    box-shadow: 0 0 0 1px var(--fix239-blue), 0 10px 24px rgba(10,108,255,.12) !important;
    color: var(--fix239-ink) !important;
}
.fix239-booking-service:not(.is-selected):hover,
.fix239-booking-service:not(.is-selected):focus,
.fix239-booking-service:not(.is-selected):focus-visible {
    background: #eef8ff !important;
    border-color: #4aa3dd !important;
    color: var(--fix239-ink) !important;
}
.fix239-booking-service.is-selected,
.fix239-booking-service.is-selected:hover,
.fix239-booking-service.is-selected:focus,
.fix239-booking-service.is-selected:focus-visible,
.fix239-booking-service.is-selected:active {
    background: #f0f8ff !important;
    border-color: #4aa3dd !important;
    color: var(--fix239-ink) !important;
}
.fix239-booking-service.is-selected .fix239-booking-service__top strong,
.fix239-booking-service.is-selected .fix239-booking-service__price,
.fix239-booking-service.is-selected p,
.fix239-booking-service.is-selected small {
    color: var(--fix239-ink) !important;
}

@media (max-width: 700px) {
    .fix239-booking-device-grid--types, .fix239-booking-device-grid--brands, .fix239-booking-device-grid--models { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .fix239-booking-final-grid, .fix239-booking-repair-layout { grid-template-columns: 1fr; }
    .fix239-booking-repair-summary { position: static; }
    .fix239-booking-methods { grid-template-columns: 1fr; }
    .fix239-booking-methods label { min-height: 88px; }
}
@media (max-width: 700px) {
    .fix239-booking-shell { border-radius: 12px; margin: 16px 0; }
    .fix239-booking-intro { padding: 24px 18px 20px; }
    .fix239-booking-progress { padding: 24px 4px 22px; }
    .fix239-booking-progress::before { left: calc(16.666% + 12px); right: calc(16.666% + 12px); top: 41px; }
    .fix239-booking-progress button::after { top: 15px; }
    .fix239-booking-progress button span { border-width: 3px; height: 34px; width: 34px; }
    .fix239-booking-progress button strong { font-size: 10px; }
    .fix239-booking-form { padding: 25px 16px 21px; }
    .fix239-booking-step__heading--device { gap: 12px; }
    .fix239-booking-model-search { gap: 10px; grid-template-columns: minmax(0, 1fr) 78px; padding: 23px 16px 25px; }
    .fix239-booking-model-help-button { gap: 5px; padding: 14px 0 0; }
    .fix239-booking-model-help-button strong { display: block; font-size: 11px; white-space: nowrap; }
    .fix239-booking-model-help-icon { height: 50px; width: 42px; }
    .fix239-booking-model-help-icon svg { height: 48px; width: 40px; }
    .fix239-booking-model-help-modal { align-items: flex-start; padding: 14px; }
    .fix239-booking-model-help-dialog { max-height: calc(100vh - 28px); padding: 28px 20px 22px; }
    .fix239-booking-model-help-close { right: 12px; top: 12px; }
    .fix239-booking-model-help-tabs { margin-bottom: 22px; padding: 0 42px 0 0; }
    .fix239-booking-model-help-tabs button { font-size: 13px; padding: 7px 9px; }
    .fix239-booking-model-help-dialog h4 { font-size: 20px; margin: 0 32px 7px; }
    .fix239-booking-model-help-lead { font-size: 13px; margin-bottom: 22px; }
    .fix239-booking-model-help-steps { gap: 18px; grid-template-columns: 1fr; }
    .fix239-booking-model-help-step { display: grid; gap: 2px 15px; grid-template-columns: 54px 1fr; padding: 0; text-align: left; }
    .fix239-booking-model-help-step__art { grid-row: 1 / 3; height: 76px; margin: 0; width: 50px; }
    .fix239-booking-model-help-step strong { align-self: end; margin: 0 0 3px; }
    .fix239-booking-model-help-step p { align-self: start; }
    .fix239-booking-model-help-console { margin-top: 22px; text-align: left; }
    .fix239-booking-device-grid--types, .fix239-booking-device-grid--brands, .fix239-booking-device-grid--models { gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 0; padding-right: 0; }
    .fix239-booking-device-card--type { height: 155px; }
    .fix239-booking-device-card--brand { height: 135px; }
    .fix239-booking-device-card--model { height: 170px; }
    .fix239-booking-device-card__media { height: 76px; }
    .fix239-booking-device-card__media img { max-height: 70px; max-width: 100px; }
    .fix239-booking-device-card__media svg { height: 62px; width: 62px; }
    .fix239-booking-device-card--model small { display: -webkit-box; line-height: 1.25; overflow: hidden; overflow-wrap: anywhere; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .fix239-booking-models-toolbar { align-items: stretch; flex-direction: column; gap: 14px; margin-left: 0; margin-right: 0; padding: 0; }
    .fix239-booking-model-filter { max-width: none; }
    .fix239-booking-device-chip { gap: 15px; grid-template-columns: 86px minmax(0, 1fr); min-height: 116px; padding: 14px; }
    .fix239-booking-device-chip__media { height: 86px; width: 86px; }
    .fix239-booking-device-chip svg { height: 58px; width: 58px; }
    .fix239-booking-device-chip img { height: 76px; max-width: 78px; }
    .fix239-booking-color-section { margin-bottom: 14px; padding: 12px 14px; }
    .fix239-booking-color-grid { gap: 6px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .fix239-booking-service-grid, .fix239-booking-two-column { grid-template-columns: 1fr; }
    .fix239-booking-accessory-grid { grid-template-columns: 1fr; }
    .fix239-booking-accessories__heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .fix239-booking-span-two { grid-column: auto; }
    .fix239-booking-service__top { gap: 20px; }
    .fix239-booking-alert { margin: 16px 16px 0; }
    .fix239-booking-repair-summary { padding: 16px; }
    .fix239-booking-repair-summary h4 { margin-bottom: 10px; }
    .fix239-booking-repair-list.is-empty { padding-bottom: 7px; }
    .fix239-booking-repair-list__empty { padding: 0 0 7px; }
    .fix239-booking-total, .fix239-booking-estimate-card { margin-top: 12px; }
    .fix239-booking-section-card, .fix239-booking-summary-card { padding: 17px; }
    .fix239-booking-summary-card { padding-top: 14px; }
    .fix239-booking-section-title { align-items: flex-start; gap: 10px; }
    .fix239-booking-section-title__number { flex-basis: 31px; height: 31px; width: 31px; }
    .fix239-booking-final-device { grid-template-columns: 68px minmax(0, 1fr); }
    .fix239-booking-final-device__media { height: 68px; width: 68px; }
    .fix239-booking-final-device__media img { height: 60px; max-width: 62px; }
    .fix239-booking-actions { justify-content: stretch; }
    .fix239-booking-actions button { flex: 1; }
    body.fix239-booking-page-active #ast-scroll-top,
    body.fix239-booking-page-active .ast-scroll-top-icon { display: none !important; }
}
@media (max-width: 420px) {
    .fix239-booking-device-grid { gap: 10px; }
    .fix239-booking-device-card { padding: 10px 7px; }
    .fix239-booking-device-card--type, .fix239-booking-device-card--brand { height: 132px; }
    .fix239-booking-device-card--model { height: 170px; }
    .fix239-booking-model-search { grid-template-columns: minmax(0, 1fr) 74px; padding-left: 12px; padding-right: 12px; }
    .fix239-booking-shell .fix239-booking-search-control input[type="search"] { font-size: 14px; height: 54px; padding: 0 62px 0 14px; }
    .fix239-booking-search-control button { height: 42px; right: 6px; top: 6px; width: 42px; }
    .fix239-booking-model-help-button { padding-top: 14px; }
    .fix239-booking-device-chip { grid-template-columns: 70px minmax(0, 1fr); }
    .fix239-booking-device-chip__media { height: 70px; width: 70px; }
    .fix239-booking-device-chip svg { height: 48px; width: 48px; }
    .fix239-booking-device-chip img { height: 62px; max-width: 64px; }
    .fix239-booking-device-chip__details strong { font-size: 19px; }
    .fix239-booking-color { gap: 5px; grid-template-columns: 26px minmax(0, 1fr) 16px; min-height: 58px; padding-left: 10px; padding-right: 10px; }
    .fix239-booking-color__swatch { height: 26px; width: 26px; }
    .fix239-booking-color strong { font-size: 11px; }
    .fix239-booking-color__check { height: 16px; width: 16px; }
    .fix239-booking-repair-heading { align-items: flex-start; }
    .fix239-booking-repair-count { margin-top: 2px; }
    .fix239-booking-service__top { display: block; padding-right: 24px; }
    .fix239-booking-service__price, .fix239-booking-service__price.is-request { display: block; margin-top: 6px; max-width: none; text-align: left; }
}

/* v1.9.39: increase the inner right-side offset of the color controls. */
.fix239-booking-color-section {
    padding-left: 17px;
    padding-right: 17px;
}
.fix239-booking-color-heading {
    padding-left: 3px;
}
.fix239-booking-color {
    padding-left: 12px;
    padding-right: 12px;
}
@media (max-width: 420px) {
    .fix239-booking-color-section {
        padding-left: 17px;
        padding-right: 17px;
    }
    .fix239-booking-color {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* v2.6.40: every repair price uses the same compact reference-style control.
 * The amount/label and round selector read as one action in the card corner. */
.fix239-booking-shell .fix239-booking-service.has-price-control .fix239-booking-service__top {
    padding-right: 126px;
}

.fix239-booking-shell .fix239-booking-service__request-control {
    align-items: center;
    background: #eaf6ff;
    border: 1px solid #d4eafa;
    border-radius: 9px;
    display: inline-flex;
    gap: 6px;
    min-height: 34px;
    padding: 4px 5px 4px 9px;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.fix239-booking-shell .fix239-booking-service__request-control .fix239-booking-service__price {
    color: #237eb8 !important;
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.12;
    margin-top: 0;
    max-width: 62px;
    text-align: right;
}

.fix239-booking-shell .fix239-booking-service__request-control .fix239-booking-service__price:not(.is-request) {
    font-size: 16px;
    max-width: none;
    white-space: nowrap;
}

.fix239-booking-shell .fix239-booking-service__request-control .fix239-booking-service__check {
    flex: 0 0 20px;
    height: 20px;
    position: static;
    width: 20px;
}

.fix239-booking-shell .fix239-booking-service.is-selected .fix239-booking-service__request-control {
    background: #dff1ff;
    border-color: #65a9d8;
    box-shadow: 0 0 0 2px rgba(37, 136, 202, .09);
}

.fix239-booking-shell .fix239-booking-service__duration {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 8px;
    grid-column: 1 / -1;
}

.fix239-booking-shell .fix239-booking-service__duration-label {
    color: #3b4652;
    font-weight: 800;
}

.fix239-booking-shell .fix239-booking-service__duration-value {
    align-items: center;
    color: #7b8794;
    display: inline-flex;
    font-weight: 600;
}

.fix239-booking-shell .fix239-booking-service__duration-value::before {
    background: #b9c4ce;
    border-radius: 50%;
    content: "";
    height: 3px;
    margin-right: 8px;
    width: 3px;
}

@media (hover: hover) and (pointer: fine) {
    .fix239-booking-shell .fix239-booking-service:hover .fix239-booking-service__request-control {
        background: #dff1ff;
        border-color: #8bc2e7;
    }
}

@media (max-width: 480px) {
    .fix239-booking-shell .fix239-booking-service.has-price-control .fix239-booking-service__top {
        padding-right: 116px;
    }

    .fix239-booking-shell .fix239-booking-service__request-control {
        right: 8px;
        top: 8px;
    }
}

/* ZIP service-area gate: keep the booking inactive until mobile coverage is confirmed. */
.fix239-booking-shell { isolation: isolate; position: relative; }
.fix239-booking-shell .fix239-booking-zip-gate {
    align-items: flex-start;
    background: rgba(8, 20, 34, .72);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    display: none;
    inset: 0;
    justify-content: center;
    padding: clamp(30px, 6vw, 72px) 24px 48px;
    position: absolute;
    z-index: 1000;
}
.fix239-booking-shell.is-zip-gated .fix239-booking-zip-gate { display: flex; }
.fix239-booking-shell.is-zip-gated .fix239-booking-form { filter: blur(7px); pointer-events: none; user-select: none; }
.fix239-booking-zip-gate__card {
    background: #fff;
    border: 1px solid rgba(37, 136, 202, .18);
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
    max-width: 480px;
    padding: 32px;
    width: min(100%, 480px);
}
.fix239-booking-zip-gate__card h3 { margin: 8px 0 10px; }
.fix239-booking-zip-gate__card p { color: #526273; line-height: 1.55; margin: 0 0 20px; }
.fix239-booking-zip-gate__card form { align-items: end; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) auto; }
.fix239-booking-zip-gate__card label { display: grid; gap: 6px; }
.fix239-booking-zip-gate__card label span { color: #33465a; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.fix239-booking-zip-gate__card input { border: 1px solid #cbd9e4; border-radius: 12px; font-size: 18px; letter-spacing: .12em; min-height: 48px; padding: 10px 13px; }
.fix239-booking-zip-gate__card .fix239-booking-primary { border: 0; cursor: pointer; min-height: 48px; white-space: nowrap; }
.fix239-booking-zip-gate__result { border: 1px solid transparent; border-radius: 14px; font-weight: 700; line-height: 1.45; margin-top: 16px; min-height: 58px; padding: 12px 15px 12px 54px; position: relative; }
.fix239-booking-zip-gate__result::before { align-items: center; border-radius: 50%; display: flex; font-size: 15px; font-weight: 900; height: 28px; justify-content: center; left: 14px; position: absolute; top: 50%; transform: translateY(-50%); width: 28px; }
.fix239-booking-zip-gate__result.is-success { background: linear-gradient(135deg, #edf9f2, #e4f6ec); border-color: #c9ead7; color: #17643c; }
.fix239-booking-zip-gate__result.is-success::before { background: #fff; box-shadow: 0 3px 10px rgba(23, 100, 60, .12); color: #16824b; content: "✓"; }
.fix239-booking-zip-gate__result.is-error { background: linear-gradient(135deg, #fff3f3, #ffebed); border-color: #f2cdd1; color: #9b2932; }
.fix239-booking-zip-gate__result.is-error::before { background: #fff; box-shadow: 0 3px 10px rgba(155, 41, 50, .1); color: #b12b37; content: "!"; }
.fix239-booking-zip-gate__card > [data-booking-zip-gate-continue] { align-items: center; background: linear-gradient(135deg, #0a6cff, #0758d7); border-radius: 14px; box-shadow: 0 10px 24px rgba(10, 108, 255, .24); display: flex; font-size: 15px; letter-spacing: .01em; margin-top: 14px; min-height: 56px; padding: 13px 58px 13px 22px; position: relative; transition: box-shadow .18s ease, transform .18s ease, background .18s ease; width: 100%; }
.fix239-booking-zip-gate__card > [data-booking-zip-gate-continue]::after { align-items: center; background: rgba(255, 255, 255, .17); border: 1px solid rgba(255, 255, 255, .24); border-radius: 10px; content: "→"; display: flex; font-size: 19px; height: 34px; justify-content: center; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); width: 36px; }
.fix239-booking-zip-gate__card > [data-booking-zip-gate-continue]:hover { background: linear-gradient(135deg, #0864eb, #064fc4); box-shadow: 0 13px 28px rgba(10, 108, 255, .3); transform: translateY(-1px); }
.fix239-booking-zip-gate__card > [data-booking-zip-gate-continue]:active { box-shadow: 0 6px 16px rgba(10, 108, 255, .22); transform: translateY(0); }
.fix239-booking-zip-gate__card > [data-booking-zip-gate-continue]:focus-visible { box-shadow: 0 0 0 4px rgba(10, 108, 255, .18), 0 10px 24px rgba(10, 108, 255, .24); outline: 0; }
.fix239-booking-waitlist { border-top: 1px solid #e1e9f0; margin-top: 18px; padding-top: 18px; }
.fix239-booking-waitlist[hidden] { display: none; }
.fix239-booking-waitlist__heading { align-items: flex-start; display: grid; gap: 12px; grid-template-columns: 38px minmax(0, 1fr); margin-bottom: 15px; }
.fix239-booking-waitlist__heading > span { align-items: center; background: #eaf4ff; border-radius: 11px; color: #0864d8; display: flex; font-size: 20px; height: 38px; justify-content: center; width: 38px; }
.fix239-booking-waitlist__heading h4 { color: #203247; font-size: 18px; line-height: 1.25; margin: 0 0 5px; }
.fix239-booking-waitlist__heading p { color: #657485; font-size: 13px; line-height: 1.45; margin: 0; }
.fix239-booking-waitlist form { align-items: stretch; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
.fix239-booking-waitlist__fields { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fix239-booking-waitlist label { display: grid; gap: 6px; min-width: 0; }
.fix239-booking-waitlist label > span { color: #33465a; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.fix239-booking-waitlist input:not([type="checkbox"]), .fix239-booking-waitlist select { background: #f8fbfd; border: 1px solid #cbd9e4; border-radius: 11px; box-shadow: none; font: inherit; font-size: 14px; letter-spacing: 0; min-height: 44px; padding: 9px 11px; width: 100%; }
.fix239-booking-waitlist input:focus, .fix239-booking-waitlist select:focus { border-color: #0a6cff; box-shadow: 0 0 0 3px rgba(10, 108, 255, .12); outline: 0; }
.fix239-booking-waitlist__preference { max-width: 220px; }
.fix239-booking-waitlist__consent { align-items: flex-start; display: grid !important; gap: 9px !important; grid-template-columns: 18px minmax(0, 1fr); }
.fix239-booking-waitlist__consent input { height: 18px; margin: 2px 0 0; width: 18px; }
.fix239-booking-waitlist__consent span { color: #526273 !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.45; text-transform: none !important; }
.fix239-booking-waitlist__privacy { color: #71808e !important; font-size: 11px !important; line-height: 1.45 !important; margin: -2px 0 0 !important; }
.fix239-booking-waitlist__feedback { border: 1px solid transparent; border-radius: 11px; font-size: 12px; font-weight: 700; line-height: 1.45; padding: 10px 12px; }
.fix239-booking-waitlist__feedback.is-error { background: #fff0f1; border-color: #f0c8cc; color: #9b2932; }
.fix239-booking-waitlist__feedback.is-success { background: #e9f8ef; border-color: #c7e7d3; color: #17643c; }
.fix239-booking-waitlist [data-booking-waitlist-submit] { border: 0; cursor: pointer; min-height: 48px; width: 100%; }
.fix239-booking-waitlist [data-booking-waitlist-submit]:disabled { cursor: wait; opacity: .68; }
@media (max-width: 560px) {
    .fix239-booking-zip-gate__card form { grid-template-columns: minmax(0, 1fr); }
    .fix239-booking-zip-gate__card { padding: 24px; }
    .fix239-booking-shell .fix239-booking-zip-gate { padding: 22px 14px 36px; }
    .fix239-booking-waitlist__fields { grid-template-columns: minmax(0, 1fr); }
}

.fix239-booking-timeout { align-items: center; background: rgba(8, 20, 34, .78); display: flex; inset: 0; justify-content: center; padding: 24px; position: fixed; z-index: 1100; }
.fix239-booking-timeout__card { background: #fff; border: 1px solid rgba(37, 136, 202, .2); border-radius: 24px; box-shadow: 0 24px 80px rgba(0, 0, 0, .3); max-width: 500px; padding: 34px; text-align: center; width: min(100%, 500px); }
.fix239-booking-timeout__card h3 { color: #203247; font-size: 28px; line-height: 1.2; margin: 8px 0 12px; }
.fix239-booking-timeout__card p { color: #5d6d7c; font-size: 15px; line-height: 1.6; margin: 0 auto 22px; max-width: 390px; }
.fix239-booking-timeout__card p strong { color: #0a6cff; font-size: 18px; }
.fix239-booking-timeout__actions { display: grid; gap: 10px; }
.fix239-booking-timeout__actions .fix239-booking-primary { border: 0; cursor: pointer; min-height: 50px; }
.fix239-booking-timeout__reset { appearance: none; background: transparent; border: 0; border-radius: 10px; color: #657485; cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; min-height: 42px; padding: 8px 14px; text-decoration: underline; text-underline-offset: 3px; }
.fix239-booking-timeout__reset:hover, .fix239-booking-timeout__reset:focus-visible { background: #f0f5fa; color: #254967; outline: 3px solid rgba(10,108,255,.13); }
@media (max-width: 560px) { .fix239-booking-timeout__card { border-radius: 20px; padding: 27px 22px 22px; } .fix239-booking-timeout__card h3 { font-size: 24px; } }

/* Reference-page parity overrides. Keep these last so the existing responsive
 * rules cannot undo the shared canvas corrections above. */
.fix239-booking-shell {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    max-width: 1063px;
    overflow: visible;
}
.fix239-booking-intro { padding: 24px 28px 20px; }
.fix239-booking-intro h2 { font-weight: 500; }
.fix239-booking-progress { max-width: 620px; padding-bottom: 22px; padding-top: 24px; }
.fix239-booking-form { padding-left: 28px; padding-right: 28px; }
.fix239-booking-step__heading h3 { font-weight: 400; }
.fix239-booking-device-card,
.fix239-booking-device-card:hover,
.fix239-booking-device-card:focus,
.fix239-booking-device-card:focus-visible,
.fix239-booking-device-card:active,
.fix239-booking-device-card.is-selected,
.fix239-booking-device-card--type,
.fix239-booking-device-card--brand,
.fix239-booking-device-card--model {
    border-radius: 15px !important;
}
.fix239-booking-device-card {
    box-shadow: 0 0 23px rgba(0, 0, 0, .07) !important;
}
.fix239-booking-device-card:hover,
.fix239-booking-device-card:focus,
.fix239-booking-device-card:focus-visible,
.fix239-booking-device-card:active,
.fix239-booking-device-card.is-selected {
    box-shadow: 0 0 0 1px var(--fix239-blue), 0 10px 24px rgba(10, 108, 255, .12) !important;
}
@media (max-width: 700px) {
    .fix239-booking-shell { margin: 0; max-width: none; }
    .fix239-booking-form { padding-left: 16px; padding-right: 16px; }
}

.fix239-booking-quote-button, .fix239-booking-repair-continue { align-items: center; border-radius: 10px; cursor: pointer; display: flex; flex-direction: column; font: inherit; gap: 2px; justify-content: center; margin-top: 15px; min-height: 58px; padding: 9px 14px; width: 100%; }
.fix239-booking-quote-button { background: #e7f3fb; border: 0; color: #1977bd !important; font-size: 16px; font-weight: 800; }
.fix239-booking-quote-button small, .fix239-booking-repair-continue small { font-size: 11px; font-weight: 500; }
.fix239-booking-quote-button small { color: #1977bd !important; }
.fix239-booking-quote-button:hover, .fix239-booking-quote-button:focus, .fix239-booking-quote-button:focus-visible, .fix239-booking-quote-button:active { background: #d9edf9; box-shadow: 0 0 0 3px rgba(10,108,255,.12); color: #1977bd !important; outline: 0; }
.fix239-booking-quote-button:hover small, .fix239-booking-quote-button:focus small, .fix239-booking-quote-button:focus-visible small, .fix239-booking-quote-button:active small { color: #1977bd !important; }
.fix239-booking-repair-continue { background: #3b3b3b; border: 0; color: #fff !important; font-size: 20px; font-weight: 800; max-width: 260px; min-height: 68px; margin-left: auto; margin-right: auto; padding: 9px 16px; }
.fix239-booking-repair-continue small { color: #fff !important; }
.fix239-booking-repair-continue:hover, .fix239-booking-repair-continue:focus-visible { background: #242424; box-shadow: 0 0 0 3px rgba(59,59,59,.18); color: #fff !important; outline: 0; }
.fix239-booking-summary-submit { align-items: center; background: #3b3b3b; border: 0; border-radius: 10px; color: #fff !important; display: flex; justify-content: center; margin: 16px auto 0; max-width: 280px; min-height: 64px; padding: 9px 44px 9px 18px; position: relative; width: 100%; }
.fix239-booking-summary-submit__copy { align-items: center; display: flex; flex-direction: column; gap: 2px; justify-content: center; line-height: 1.15; }
.fix239-booking-summary-submit__copy strong { color: #fff !important; font-size: 17px; font-weight: 800; }
.fix239-booking-summary-submit__copy small { color: rgba(255,255,255,.92) !important; font-size: 12px; font-weight: 500; }
.fix239-booking-summary-submit__arrow { border-bottom: 7px solid transparent; border-left: 7px solid #fff; border-top: 7px solid transparent; height: 0; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); width: 0; }
.fix239-booking-summary-submit:hover, .fix239-booking-summary-submit:focus-visible { background: #242424; box-shadow: 0 0 0 3px rgba(59,59,59,.18); color: #fff !important; outline: 0; }
.fix239-booking-quote-modal { align-items: center; background: rgba(23,36,52,.72); display: flex; inset: 0; justify-content: center; padding: 22px; position: fixed; z-index: 999999; }
.fix239-booking-quote-modal[hidden] { display: none; }
.fix239-booking-quote-dialog { background: #f8fbfd; border: 1px solid #d8e4ee; border-radius: 20px; box-shadow: 0 24px 70px rgba(14,34,55,.3); color: var(--fix239-ink); max-height: calc(100vh - 44px); max-width: 900px; overflow-y: auto; position: relative; width: 100%; }
.fix239-booking-quote-close { appearance: none; background: #eef3f7 !important; border: 0 !important; border-radius: 50%; cursor: pointer; height: 40px; padding: 0; position: absolute; right: 18px; top: 18px; width: 40px; z-index: 2; }
.fix239-booking-quote-close span::before, .fix239-booking-quote-close span::after { background: #65717c; border-radius: 2px; content: ""; height: 2px; left: 10px; position: absolute; top: 19px; transform: rotate(45deg); width: 20px; }
.fix239-booking-quote-close span::after { transform: rotate(-45deg); }
.fix239-booking-quote-close:hover, .fix239-booking-quote-close:focus-visible { background: #dce8f1 !important; outline: 3px solid rgba(10,108,255,.18); }
.fix239-booking-quote-form { margin: 0; padding: 0; }
.fix239-booking-quote-header { border-bottom: 1px solid var(--fix239-line); padding: 32px 70px 26px 34px; text-align: left; }
.fix239-booking-quote-header h3 { color: var(--fix239-ink); font-size: 30px; letter-spacing: -.025em; line-height: 1.15; margin: 5px 0 7px; }
.fix239-booking-quote-header > p:last-child { color: var(--fix239-muted); font-size: 14px; line-height: 1.5; margin: 0; max-width: 760px; }
.fix239-booking-quote-grid { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0,1fr) minmax(280px,310px); padding: 24px 26px 28px; }
.fix239-booking-quote-grid > * { min-width: 0; }
.fix239-booking-quote-main { display: flex; flex-direction: column; }
.fix239-booking-quote-contact-section { order: -1; }
.fix239-booking-quote-contact-section .fix239-quote-notes { grid-column: 1; grid-row: 3; }
.fix239-booking-quote-contact-section .fix239-quote-imei { grid-column: 2; grid-row: 3; }
@media (max-width: 640px) {
    .fix239-booking-quote-contact-section .fix239-quote-notes,
    .fix239-booking-quote-contact-section .fix239-quote-imei { grid-column: auto; grid-row: auto; }
}
.fix239-booking-quote-main { display: grid; gap: 16px; }
.fix239-booking-quote-main { display: flex; flex-direction: column; }
.fix239-booking-quote-section { background: #fff; border: 1px solid var(--fix239-line); border-radius: 14px; display: grid; gap: 4px 13px; grid-template-columns: 36px minmax(0,1fr); padding: 20px; }
.fix239-booking-quote-section__number { align-items: center; background: var(--fix239-blue); border-radius: 50%; color: #fff !important; display: inline-flex !important; font-size: 14px !important; font-weight: 900 !important; grid-row: 1 / 3; height: 34px; justify-content: center; margin: 0 !important; width: 34px; }
.fix239-booking-quote-section > div { min-width: 0; }
.fix239-booking-quote-section h4 { color: var(--fix239-ink); font-size: 17px; line-height: 1.3; margin: 0 0 3px; }
.fix239-booking-quote-section > div > p { color: var(--fix239-muted); font-size: 12px; line-height: 1.45; margin: 0; }
.fix239-booking-quote-section > .fix239-booking-methods, .fix239-booking-quote-section > .fix239-booking-two-column { grid-column: 1 / -1; margin-top: 14px; }
.fix239-booking-quote-methods label { grid-template-columns: 32px minmax(0,1fr); min-height: 96px; padding: 14px 38px 14px 13px; }
.fix239-booking-quote-methods .fix239-booking-method-icon { grid-column: 1; grid-row: 1 / 3; }
.fix239-booking-quote-methods strong, .fix239-booking-quote-methods .fix239-booking-method-description { grid-column: 2; }
.fix239-booking-quote-methods strong { align-self: end; font-size: 14px; }
.fix239-booking-quote-methods .fix239-booking-method-description { align-self: start; font-size: 11px !important; }
.fix239-booking-quote-summary { align-self: start; background: #f8fafc; border: 1px solid var(--fix239-line); border-top: 4px solid var(--fix239-blue); border-radius: 14px; padding: 17px; }
.fix239-booking-quote-summary > [data-booking-quote-device] .fix239-booking-final-device { margin-bottom: 18px; }
.fix239-booking-quote-summary > h4 { color: var(--fix239-ink); font-size: 18px; margin: 0 0 12px; }
.fix239-booking-quote-items { border-bottom: 1px solid #e3e8ed; display: grid; gap: 12px; padding-bottom: 14px; }
.fix239-booking-quote-items__group { display: grid; gap: 8px; }
.fix239-booking-quote-items__group > span { color: var(--fix239-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.fix239-booking-quote-items__group > div { align-items: start; display: grid; gap: 10px; grid-template-columns: minmax(0,1fr) auto; }
.fix239-booking-quote-items__group strong { color: #303640; font-size: 13px; line-height: 1.4; min-width: 0; overflow-wrap: anywhere; }
.fix239-booking-quote-items__group small { color: var(--fix239-blue); font-size: 10px; font-weight: 800; line-height: 1.4; max-width: 120px; text-align: right; }
.fix239-booking-quote-summary .fix239-booking-total { margin-top: 15px; }
.fix239-booking-quote-error { background: #fff0ef; border: 1px solid #e8a09a; border-radius: 8px; color: #8b2720; font-size: 12px; line-height: 1.45; margin-top: 13px; padding: 10px 11px; }
.fix239-booking-quote-submit { background: #3b3b3b; border-radius: 10px; color: #fff !important; flex-direction: column; font-size: 20px; gap: 2px; margin-top: 15px; min-height: 68px; padding: 9px 16px; width: 100%; }
.fix239-booking-quote-submit small { color: #fff !important; font-size: 11px; font-weight: 500; }
.fix239-booking-quote-submit:hover, .fix239-booking-quote-submit:focus-visible { background: #242424; box-shadow: 0 0 0 3px rgba(59,59,59,.18); color: #fff !important; outline: 0; }

@media (max-width: 900px) {
    .fix239-booking-quote-grid { grid-template-columns: 1fr; }
    .fix239-booking-quote-methods { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
    .fix239-booking-quote-modal { align-items: stretch; padding: 0; }
    .fix239-booking-quote-dialog { border: 0; border-radius: 0; max-height: 100vh; }
    .fix239-booking-quote-close { right: 12px; top: 12px; }
    .fix239-booking-quote-header { padding: 26px 60px 22px 18px; }
    .fix239-booking-quote-header h3 { font-size: 25px; }
    .fix239-booking-quote-grid { gap: 16px; padding: 20px 16px 24px; }
    .fix239-booking-quote-section { grid-template-columns: 32px minmax(0,1fr); padding: 16px; }
    .fix239-booking-quote-section__number { height: 31px; width: 31px; }
    .fix239-booking-quote-methods { grid-template-columns: 1fr; }
    .fix239-booking-quote-methods label { min-height: 80px; }
    .fix239-booking-quote-summary { padding: 16px; }
}

/* v2.6.0: reference-page model-search proportions and readable interaction states. */
@media (min-width: 701px) {
    .fix239-booking-model-search {
        grid-template-columns: minmax(0, 530px) 100px;
        justify-content: space-between;
    }

    .fix239-booking-model-help-button {
        padding-left: 0;
        padding-right: 0;
        width: 100px;
    }

    .fix239-booking-model-filter {
        flex: 0 0 calc((100% - 60px) / 5);
        max-width: calc((100% - 60px) / 5);
        transform: translate(10px, -6px);
    }
}

.fix239-booking-search-result:hover,
.fix239-booking-search-result:focus,
.fix239-booking-search-result:focus-visible,
.fix239-booking-search-result:active {
    background: #f1f7fd !important;
    color: var(--fix239-ink) !important;
    outline: none;
}

.fix239-booking-search-result:hover strong,
.fix239-booking-search-result:focus strong,
.fix239-booking-search-result:focus-visible strong,
.fix239-booking-search-result:active strong {
    color: var(--fix239-ink) !important;
}

.fix239-booking-search-result:hover small,
.fix239-booking-search-result:focus small,
.fix239-booking-search-result:focus-visible small,
.fix239-booking-search-result:active small {
    color: var(--fix239-muted) !important;
}

.fix239-booking-search-result:hover > i,
.fix239-booking-search-result:focus > i,
.fix239-booking-search-result:focus-visible > i,
.fix239-booking-search-result:active > i {
    color: #a4a8ae !important;
}

.fix239-booking-model-help-button:hover,
.fix239-booking-model-help-button:focus,
.fix239-booking-model-help-button:focus-visible,
.fix239-booking-model-help-button:active {
    background: transparent !important;
    box-shadow: none !important;
    color: #343840 !important;
    outline: none;
}

.fix239-booking-model-help-button:hover strong,
.fix239-booking-model-help-button:focus strong,
.fix239-booking-model-help-button:focus-visible strong,
.fix239-booking-model-help-button:active strong {
    color: #343840 !important;
}

/* v2.6.4: reference-style loading feedback for device-picker transitions. */
@keyframes fix239BookingSpinner {
    to { transform: rotate(360deg); }
}

.fix239-booking-form.is-device-transitioning .fix239-booking-device-grid button,
.fix239-booking-form.is-device-transitioning .fix239-booking-search-results button {
    pointer-events: none;
}

.fix239-booking-device-card.is-loading {
    border-color: var(--fix239-blue) !important;
    box-shadow: 0 0 0 1px var(--fix239-blue), 0 10px 24px rgba(10, 108, 255, .12) !important;
    cursor: progress;
}

.fix239-booking-device-card.is-loading .fix239-booking-device-card__media {
    position: relative;
}

.fix239-booking-device-card.is-loading .fix239-booking-device-card__media > * {
    opacity: 0;
}

.fix239-booking-device-card.is-loading .fix239-booking-device-card__media::after {
    animation: fix239BookingSpinner .72s linear infinite;
    border: 3px solid rgba(37, 136, 202, .2);
    border-radius: 50%;
    border-top-color: #2588ca;
    content: "";
    height: 25px;
    left: 50%;
    margin: -12.5px 0 0 -12.5px;
    position: absolute;
    top: 50%;
    width: 25px;
}

.fix239-booking-model-search.is-search-open .fix239-booking-search-control button.is-loading,
.fix239-booking-search-control button.is-loading {
    background: rgba(10, 108, 255, .18) !important;
    border-radius: 12px !important;
    cursor: progress;
    transform: none !important;
}

.fix239-booking-model-search.is-search-open .fix239-booking-search-control button.is-loading span,
.fix239-booking-search-control button.is-loading span {
    animation: fix239BookingSpinner .72s linear infinite;
    background: transparent !important;
    border: 3px solid rgba(37, 136, 202, .2) !important;
    border-radius: 50% !important;
    border-top-color: #2588ca !important;
    height: 23px;
    width: 23px;
}

.fix239-booking-model-search.is-search-open .fix239-booking-search-control button.is-loading span::before,
.fix239-booking-model-search.is-search-open .fix239-booking-search-control button.is-loading span::after,
.fix239-booking-search-control button.is-loading span::before,
.fix239-booking-search-control button.is-loading span::after {
    display: none;
}

/* Use the same loading treatment when navigating backward. */
.fix239-booking-device-back.is-loading,
.fix239-booking-device-back.is-loading:hover,
.fix239-booking-device-back.is-loading:focus {
    background: rgba(10, 108, 255, .18) !important;
    box-shadow: none !important;
    cursor: progress;
    transform: none !important;
}

.fix239-booking-device-back.is-loading span {
    animation: fix239BookingSpinner .72s linear infinite;
    border: 3px solid rgba(37, 136, 202, .2) !important;
    border-radius: 50%;
    border-top-color: #2588ca !important;
    height: 23px;
    transform: none;
    width: 23px;
}

/* v2.6.7: keep the reusable Back control out of the host theme's dark
 * button:focus/button:active treatment after a backward transition. */
.fix239-booking-shell button.fix239-booking-device-back,
.fix239-booking-shell button.fix239-booking-device-back:focus,
.fix239-booking-shell button.fix239-booking-device-back:active {
    background: rgba(10, 108, 255, .18) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #2588ca !important;
    outline: 0;
}

.fix239-booking-shell button.fix239-booking-device-back:hover {
    background: rgba(10, 108, 255, .26) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #2588ca !important;
}

.fix239-booking-shell button.fix239-booking-device-back:focus-visible {
    background: rgba(10, 108, 255, .22) !important;
    border: 0 !important;
    box-shadow: 0 0 0 3px rgba(10, 108, 255, .16) !important;
    color: #2588ca !important;
    outline: 0;
}

.fix239-booking-shell button.fix239-booking-device-back:not(.is-loading) span {
    border-bottom-color: #2588ca !important;
    border-left-color: #2588ca !important;
}

.fix239-booking-search-result.is-transition-source {
    background: #f1f7fd !important;
    cursor: progress;
}

@media (prefers-reduced-motion: reduce) {
    .fix239-booking-device-card.is-loading .fix239-booking-device-card__media::after,
    .fix239-booking-search-control button.is-loading span,
    .fix239-booking-device-back.is-loading span {
        animation-duration: 1.2s;
    }
}

/* v2.6.8: modern service-journey progress bar. The route and original service
 * truck move with the same three booking states without changing navigation. */
.fix239-booking-shell .fix239-booking-progress {
    --fix239-progress-position: 0%;
    background: linear-gradient(135deg, #f7faff 0%, #f3f7fc 100%);
    border: 1px solid #e2eaf5;
    border-radius: 20px;
    box-shadow: 0 12px 28px rgba(28, 73, 125, .08);
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 20px auto 24px;
    /* 20% larger than v2.6.14 on larger screens, while preserving the three labels. */
    max-width: 547.2px;
    /* Extra route space keeps the larger service truck clear of every step card. */
    padding: 10px 10px 52px;
    position: relative;
}

.fix239-booking-shell .fix239-booking-progress[data-current-step="2"] { --fix239-progress-position: 50%; }
.fix239-booking-shell .fix239-booking-progress[data-current-step="3"] { --fix239-progress-position: 100%; }
.fix239-booking-shell .fix239-booking-progress::before { display: none !important; }

.fix239-booking-shell .fix239-booking-progress button,
.fix239-booking-shell .fix239-booking-progress button:hover,
.fix239-booking-shell .fix239-booking-progress button:focus,
.fix239-booking-shell .fix239-booking-progress button:active {
    align-items: center;
    appearance: none;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: #7d8796 !important;
    display: flex;
    flex-direction: row;
    font: inherit;
    gap: 11px;
    justify-content: flex-start;
    min-height: 62px;
    padding: 9px 12px;
    text-align: left;
    transform: none !important;
    transition: background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease;
    z-index: 2;
}

.fix239-booking-shell .fix239-booking-progress button::after { display: none !important; }

.fix239-booking-shell .fix239-booking-progress button span {
    align-items: center;
    background: #e7edf5;
    border: 0;
    border-radius: 12px;
    color: #778394;
    display: inline-flex;
    flex: 0 0 42px;
    font-size: 14px;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    line-height: 1;
    transition: background .22s ease, box-shadow .22s ease, color .22s ease;
    width: 42px;
}

.fix239-booking-shell .fix239-booking-progress button strong {
    color: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1.2;
    white-space: nowrap;
}

.fix239-booking-shell .fix239-booking-progress button.is-complete,
.fix239-booking-shell .fix239-booking-progress button.is-complete:hover,
.fix239-booking-shell .fix239-booking-progress button.is-complete:focus,
.fix239-booking-shell .fix239-booking-progress button.is-complete:active {
    background: #eef6ff !important;
    border-color: #d8eafe !important;
    color: #315b87 !important;
}

.fix239-booking-shell .fix239-booking-progress button.is-complete span {
    background: #d9ebff;
    color: #0a6cff;
}

.fix239-booking-shell .fix239-booking-progress button.is-active,
.fix239-booking-shell .fix239-booking-progress button.is-active:hover,
.fix239-booking-shell .fix239-booking-progress button.is-active:focus,
.fix239-booking-shell .fix239-booking-progress button.is-active:active {
    background: #fff !important;
    border-color: rgba(10, 108, 255, .34) !important;
    box-shadow: 0 8px 20px rgba(10, 108, 255, .12) !important;
    color: #17253a !important;
}

.fix239-booking-shell .fix239-booking-progress button.is-active span {
    background: linear-gradient(145deg, #1683ff 0%, #0a6cff 100%);
    box-shadow: 0 6px 14px rgba(10, 108, 255, .26);
    color: #fff;
}

.fix239-booking-shell .fix239-booking-progress button:not(.is-active):not(.is-complete):hover {
    background: rgba(255, 255, 255, .62) !important;
    color: #526174 !important;
}

.fix239-booking-shell .fix239-booking-progress button:focus-visible {
    box-shadow: 0 0 0 3px rgba(10, 108, 255, .16) !important;
    outline: 0;
}

.fix239-booking-progress__route {
    background: #dce4ee;
    border-radius: 999px;
    bottom: 14px;
    height: 4px;
    left: 16.666%;
    overflow: visible;
    position: absolute;
    right: 16.666%;
    z-index: 3;
}

.fix239-booking-progress__fill {
    background: linear-gradient(90deg, #48a6ff 0%, #0a6cff 100%);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width .48s cubic-bezier(.22, 1, .36, 1);
    width: var(--fix239-progress-position);
}

.fix239-booking-progress__truck {
    align-items: center;
    background: #fff;
    border: 1px solid #cfe2fb;
    border-radius: 10px;
    box-shadow: 0 5px 12px rgba(10, 108, 255, .2);
    color: #0a6cff;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    left: var(--fix239-progress-position);
    padding: 4px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: left .48s cubic-bezier(.22, 1, .36, 1);
    width: 52px;
}

.fix239-booking-progress__truck svg { height: 100%; overflow: visible; width: 100%; }
.fix239-booking-progress__truck path,
.fix239-booking-progress__truck circle {
    fill: #eff6ff;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}
.fix239-booking-progress__truck circle { fill: #fff; }

@media (max-width: 700px) {
    .fix239-booking-shell .fix239-booking-progress {
        border-radius: 16px;
        gap: 6px;
        margin: 14px 10px 18px;
        max-width: none;
        padding: 7px 7px 47px;
    }

    .fix239-booking-shell .fix239-booking-progress button,
    .fix239-booking-shell .fix239-booking-progress button:hover,
    .fix239-booking-shell .fix239-booking-progress button:focus,
    .fix239-booking-shell .fix239-booking-progress button:active {
        border-radius: 12px !important;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
        min-height: 76px;
        padding: 7px 3px;
        text-align: center;
    }

    .fix239-booking-shell .fix239-booking-progress button span {
        border-radius: 10px;
        flex-basis: 34px;
        font-size: 12px;
        height: 34px;
        width: 34px;
    }

    .fix239-booking-shell .fix239-booking-progress button strong { font-size: 10px; }
    .fix239-booking-progress__route { bottom: 11px; }
    .fix239-booking-progress__truck { border-radius: 8px; height: 29px; width: 42px; }
}

@media (prefers-reduced-motion: reduce) {
    .fix239-booking-progress__fill,
    .fix239-booking-progress__truck { transition-duration: .01ms; }
}

/* v2.6.8: Find my model enters as a right-side help drawer. */
.fix239-booking-shell .fix239-booking-model-help-modal {
    align-items: stretch;
    animation: fix239ModelHelpOverlayIn .3s ease both;
    background: rgba(16, 30, 48, .58);
    display: flex;
    inset: 0;
    justify-content: flex-end;
    padding: 0;
    position: fixed;
    z-index: 999999;
}

.fix239-booking-shell .fix239-booking-model-help-modal[hidden] { display: none; }

.fix239-booking-shell .fix239-booking-model-help-dialog {
    animation: fix239ModelHelpDrawerIn .4s cubic-bezier(.22, 1, .36, 1) both;
    background: #fff;
    border: 0;
    border-left: 1px solid #dbe6f2;
    border-radius: 24px 0 0 24px;
    box-shadow: -22px 0 60px rgba(14, 34, 55, .24);
    color: var(--fix239-ink);
    height: 100%;
    max-height: none;
    max-width: 590px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 34px 34px 30px;
    position: relative;
    width: min(92vw, 590px);
}

/* v2.6.10: keep the drawer visible long enough to play the same smooth
 * rightward motion when it closes instead of hiding it immediately. */
.fix239-booking-shell .fix239-booking-model-help-modal.is-closing {
    animation: fix239ModelHelpOverlayOut .4s ease both;
    pointer-events: none;
}

.fix239-booking-shell .fix239-booking-model-help-modal.is-closing .fix239-booking-model-help-dialog {
    animation: fix239ModelHelpDrawerOut .4s cubic-bezier(.64, 0, .78, 0) both;
}

.fix239-booking-shell .fix239-booking-model-help-close {
    position: sticky;
    float: right;
    right: 0;
    top: 0;
    z-index: 4;
}

.fix239-booking-shell .fix239-booking-model-help-tabs {
    clear: both;
    margin: 8px 0 28px;
    padding: 0 44px 0 0;
}

.fix239-booking-shell .fix239-booking-model-help-dialog h4 {
    font-size: 26px;
    margin: 0 42px 8px 0;
    text-align: left;
}

.fix239-booking-shell .fix239-booking-model-help-lead {
    margin: 0 0 26px;
    max-width: none;
    text-align: left;
}

.fix239-booking-shell .fix239-booking-model-help-steps {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

.fix239-booking-shell .fix239-booking-model-help-step {
    align-items: center;
    background: #f7faff;
    border: 1px solid #e2ebf5;
    border-radius: 16px;
    display: grid;
    gap: 2px 16px;
    grid-template-columns: 66px minmax(0, 1fr);
    padding: 14px 16px;
    text-align: left;
}

.fix239-booking-shell .fix239-booking-model-help-step__art {
    grid-row: 1 / 3;
    height: 82px;
    margin: 0;
    width: 54px;
}

.fix239-booking-shell .fix239-booking-model-help-step strong,
.fix239-booking-shell .fix239-booking-model-help-step p { text-align: left; }

@keyframes fix239ModelHelpOverlayIn {
    from { background: rgba(16, 30, 48, 0); }
    to { background: rgba(16, 30, 48, .58); }
}

@keyframes fix239ModelHelpDrawerIn {
    from { opacity: .35; transform: translateX(100%); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fix239ModelHelpOverlayOut {
    from { background: rgba(16, 30, 48, .58); }
    to { background: rgba(16, 30, 48, 0); }
}

@keyframes fix239ModelHelpDrawerOut {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: .35; transform: translateX(100%); }
}

/* Keep validation in view as a floating alert instead of scrolling the form
 * to the error node at the bottom of the booking page. */
.fix239-booking-shell .fix239-booking-error {
    animation: fix239BookingAlertIn .3s cubic-bezier(.22, 1, .36, 1) both;
    background: #fff;
    border: 1px solid #f2cf8a;
    border-left: 5px solid #f2a72f;
    border-radius: 15px;
    box-shadow: 0 18px 45px rgba(29, 43, 60, .2);
    color: #5f430c;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    line-height: 1.45;
    margin: 0;
    max-width: min(440px, calc(100vw - 32px));
    padding: 15px 20px 15px 52px;
    position: fixed;
    top: 72px;
    transform: translateX(-50%);
    width: max-content;
    z-index: 1000000;
}

.fix239-booking-shell .fix239-booking-error::before {
    align-items: center;
    background: #fff2d7;
    border-radius: 50%;
    color: #b86b00;
    content: "!";
    display: flex;
    font-size: 15px;
    font-weight: 900;
    height: 26px;
    justify-content: center;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
}

@keyframes fix239BookingAlertIn {
    from { opacity: 0; transform: translate(-50%, -14px) scale(.98); }
    to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@media (max-width: 700px) {
    .fix239-booking-shell .fix239-booking-model-help-dialog {
        border-radius: 20px 0 0 20px;
        max-width: calc(100vw - 12px);
        padding: 22px 18px 24px;
        width: calc(100vw - 12px);
    }

    .fix239-booking-shell .fix239-booking-model-help-tabs { margin-top: 4px; padding-right: 38px; }
    .fix239-booking-shell .fix239-booking-model-help-dialog h4 { font-size: 22px; margin-right: 30px; }
    .fix239-booking-shell .fix239-booking-model-help-step { grid-template-columns: 56px minmax(0, 1fr); padding: 12px; }
    .fix239-booking-shell .fix239-booking-model-help-step__art { height: 72px; width: 48px; }
    .fix239-booking-shell .fix239-booking-error { font-size: 13px; top: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    .fix239-booking-shell .fix239-booking-model-help-modal,
    .fix239-booking-shell .fix239-booking-model-help-dialog,
    .fix239-booking-shell .fix239-booking-error { animation-duration: .01ms; }
}

/* v2.6.11: keep device-color choices light during every interactive state.
 * The selected choice retains a stronger blue outline and check indicator. */
.fix239-booking-shell button.fix239-booking-color:focus,
.fix239-booking-shell button.fix239-booking-color:focus-visible,
.fix239-booking-shell button.fix239-booking-color:active {
    background: #f2f8fe !important;
    border-color: #7ab8e0 !important;
    box-shadow: 0 6px 18px rgba(37, 136, 202, .12) !important;
    color: var(--fix239-ink) !important;
    outline: 0;
}

.fix239-booking-shell button.fix239-booking-color:focus strong,
.fix239-booking-shell button.fix239-booking-color:focus-visible strong,
.fix239-booking-shell button.fix239-booking-color:active strong {
    color: var(--fix239-ink) !important;
}

.fix239-booking-shell button.fix239-booking-color.is-selected,
.fix239-booking-shell button.fix239-booking-color.is-selected:focus,
.fix239-booking-shell button.fix239-booking-color.is-selected:focus-visible,
.fix239-booking-shell button.fix239-booking-color.is-selected:active {
    background: #eef8ff !important;
    border-color: #2588ca !important;
    box-shadow: 0 0 0 1px #2588ca, 0 6px 18px rgba(37, 136, 202, .12) !important;
    color: var(--fix239-ink) !important;
}

@media (hover: hover) and (pointer: fine) {
    .fix239-booking-shell button.fix239-booking-color:hover {
        background: #f2f8fe !important;
        border-color: #7ab8e0 !important;
        box-shadow: 0 6px 18px rgba(37, 136, 202, .12) !important;
        color: var(--fix239-ink) !important;
    }

    .fix239-booking-shell button.fix239-booking-color:hover strong {
        color: var(--fix239-ink) !important;
    }

    .fix239-booking-shell button.fix239-booking-color.is-selected:hover {
        background: #eef8ff !important;
        border-color: #2588ca !important;
        box-shadow: 0 0 0 1px #2588ca, 0 6px 18px rgba(37, 136, 202, .12) !important;
    }
}

/* v2.6.18: the search hint and Find my model control need separate rows on
 * phones. Keeping them side-by-side made the helper copy collide at iPhone
 * widths, especially with the larger text setting enabled. */
@media (max-width: 480px) {
    .fix239-booking-shell .fix239-booking-model-search {
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(0, 1fr);
        padding: 20px 14px;
    }

    .fix239-booking-shell .fix239-booking-search-hint {
        align-items: flex-start;
        line-height: 1.4;
        margin: 0 0 10px;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .fix239-booking-shell .fix239-booking-search-hint i {
        flex: 0 0 auto;
        margin-top: .48em;
    }

    .fix239-booking-shell .fix239-booking-model-help-button {
        align-items: center;
        background: #edf6ff;
        border: 1px solid #cfe5f7;
        border-radius: 12px;
        flex-direction: row;
        gap: 8px;
        justify-content: center;
        min-height: 46px;
        padding: 8px 14px;
        width: 100%;
    }

    .fix239-booking-shell .fix239-booking-model-help-button strong {
        font-size: 13px;
        white-space: normal;
    }

    .fix239-booking-shell .fix239-booking-model-help-icon {
        height: 34px;
        width: 29px;
    }

    .fix239-booking-shell .fix239-booking-model-help-icon svg {
        height: 33px;
        width: 28px;
    }

    /* Keep the device-step title on one tidy iPhone header row beside Back. */
    .fix239-booking-shell .fix239-booking-step__heading--device h3 {
        font-size: 22px;
        line-height: 1.2;
    }
}