/* Customer journey only: no prices, capacity, address values or service-area rules. */
html { --mobilrep-header-offset: 0px; }
#mobilrep-device-step, #mobilrep-booking { scroll-margin-top: calc(var(--mobilrep-header-offset) + 20px); }
html body.page-id-13942 #mobilrep-device-step { padding: 28px 0 34px !important; }
html body.page-id-13942 #mobilrep-device-step .mr-device-wrap { width: min(1140px,calc(100% - 40px)) !important; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view:not([hidden])) .mr-panel-top { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:12px !important; margin:0 0 22px !important; padding:0 !important; border:0 !important; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view:not([hidden])) .mr-panel-copy[hidden] { display:none !important; }
html body.page-id-13942 #mobilrep-device-step .mr-choice-trail { flex:1 1 100% !important; flex-wrap:wrap !important; justify-content:flex-start !important; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view:not([hidden])) .mr-choice-trail { flex:1 1 0 !important; }
/* Series are a separate card step, not a horizontal filter strip. */
html body.page-id-13942 #mobilrep-device-step .mr-device-panel:has(#mr-model-view:not([hidden]) #mr-series-view:not([hidden])) { max-width:760px; margin-right:auto; }
html body.page-id-13942 #mobilrep-device-step #mr-model-view:has(#mr-series-view:not([hidden])) .mr-model-head { grid-template-columns:minmax(0,1fr) !important; }
html body.page-id-13942 #mobilrep-device-step #mr-series-view[hidden], html body.page-id-13942 #mobilrep-device-step #mr-model-groups[hidden], html body.page-id-13942 #mobilrep-device-step #mr-model-search-summary[hidden] { display:none !important; }
html body.page-id-13942 #mobilrep-device-step #mr-series-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; width:100%; max-width:760px; margin:0; padding:0; overflow:visible; }
html body.page-id-13942 #mobilrep-device-step .mr-series-card { display:grid; grid-template-columns:54px minmax(0,1fr) 24px; align-items:center; gap:12px; width:100%; min-width:0; min-height:94px; height:auto; margin:0; padding:12px 16px; border:1px solid #dce8ed; border-radius:15px; background:#fff; color:#071d36; text-align:left; cursor:pointer; box-shadow:none; transition:border-color .18s ease,background-color .18s ease; }
html body.page-id-13942 #mobilrep-device-step .mr-series-card:hover { border-color:#85bce0; background:#f8fcff; }
html body.page-id-13942 #mobilrep-device-step .mr-series-card:focus-visible { outline:2px solid #0877c9; outline-offset:3px; }
html body.page-id-13942 #mobilrep-device-step .mr-series-image { display:flex; align-items:center; justify-content:center; width:54px; height:68px; min-width:0; }
html body.page-id-13942 #mobilrep-device-step .mr-series-image img { display:block; width:54px; max-width:54px; height:68px; max-height:68px; object-fit:contain; }
html body.page-id-13942 #mobilrep-device-step .mr-series-copy { display:block; min-width:0; margin:0; padding:0; }
html body.page-id-13942 #mobilrep-device-step .mr-series-copy strong { display:block; margin:0 0 4px; color:#071d36; font-size:18px; font-weight:800; line-height:1.25; text-transform:none; letter-spacing:normal; overflow-wrap:anywhere; }
html body.page-id-13942 #mobilrep-device-step .mr-series-copy > span { display:block; color:#718391; font-size:13px; line-height:1.4; text-transform:none; letter-spacing:normal; }
html body.page-id-13942 #mobilrep-device-step .mr-series-arrow { display:grid; place-items:center; width:24px; color:#0877c9; font-size:24px; font-weight:500; line-height:1; }
html body.page-id-13942 #mobilrep-device-step #mr-model-search-summary { margin:0 0 16px; color:#718391; font-size:14px; line-height:1.45; }
@media(max-width:767px) {
 html body.page-id-13942 #mobilrep-device-step .mr-series-card { min-height:90px; grid-template-columns:54px minmax(0,1fr) 22px; gap:10px; padding:10px 12px; }
 html body.page-id-13942 #mobilrep-device-step .mr-series-copy strong { font-size:17px; }
 html body.page-id-13942 #mobilrep-device-step .mr-series-copy > span { font-size:12px; }
 html body.page-id-13942 #mobilrep-device-step .mr-series-arrow { width:22px; }
}
html.mr-model-open body.page-id-13942 #mobilrep-device-step.is-repair-open { position:relative !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:22px 0 12px !important; background:#fff !important; }
html body.page-id-13942 #mobilrep-device-step .mr-repair-toolbar { display:none; position:static !important; transform:none !important; inset:auto !important; width:min(1140px,calc(100% - 40px)) !important; margin:0 auto !important; padding:0 !important; gap:6px 9px !important; align-items:center; flex-wrap:wrap; overflow:visible; white-space:normal; }
html.mr-model-open body.page-id-13942 #mobilrep-device-step.is-repair-open .mr-repair-toolbar { display:flex !important; }
html body.page-id-13942 #mobilrep-device-step .mr-repair-toolbar .mr-crumb, html body.page-id-13942 #mobilrep-device-step .mr-repair-toolbar .mr-crumb-current { font-size:13px !important; line-height:1.45 !important; min-height:32px; display:inline-flex; align-items:center; overflow-wrap:anywhere; }
html body.page-id-13942 .mobilrep-zone1-plugin-stage.is-active { width:min(1140px,calc(100% - 40px)) !important; max-width:100% !important; padding:0 !important; margin:0 auto !important; }
html body.page-id-13942 #mobilrep-booking .wp-repair-select-container { width:100% !important; max-width:100% !important; margin-top:0 !important; padding-top:0 !important; }
html body.page-id-13942 #mobilrep-booking .model-info { display:grid !important; grid-template-columns:96px minmax(0,1fr) !important; align-items:center !important; gap:18px !important; width:100% !important; max-width:100% !important; min-height:0 !important; margin:0 0 24px !important; padding:0 !important; }
html body.page-id-13942 #mobilrep-booking .model-info .model-img { width:96px !important; height:110px !important; margin:0 !important; }
html body.page-id-13942 #mobilrep-booking .model-info .model-img img { width:100% !important; max-width:96px !important; height:100% !important; max-height:110px !important; object-fit:contain !important; }
html body.page-id-13942 #mobilrep-booking .model-info .text, html body.page-id-13942 #mobilrep-booking .model-info .text.repair-long-text { float:none !important; width:100% !important; min-width:0 !important; margin:0 !important; }
html body.page-id-13942 #mobilrep-booking .model-info .select-heading { width:auto !important; max-width:100% !important; margin:0 0 7px !important; font-size:clamp(25px,3vw,36px) !important; line-height:1.2 !important; overflow-wrap:anywhere !important; word-break:normal !important; }
html body.page-id-13942 #mobilrep-booking .colors-container { clear:both !important; display:grid !important; grid-template-columns:repeat(auto-fit,minmax(128px,1fr)) !important; gap:8px !important; width:100% !important; max-width:100% !important; margin:22px 0 !important; padding:0 !important; }
html body.page-id-13942 #mobilrep-booking .colors-container .wp-repair-options-heading { grid-column:1/-1 !important; width:100% !important; margin:0 0 6px !important; padding:0 !important; font-size:16px !important; line-height:1.4 !important; }
html body.page-id-13942 #mobilrep-booking .colors-container .color-card { float:none !important; width:100% !important; height:auto !important; min-height:44px !important; margin:0 !important; }
html body.page-id-13942 #mobilrep-booking .colors-container .wp-repair-color-card { min-height:44px !important; height:auto !important; width:100% !important; padding:8px 10px !important; }
html body.page-id-13942 #mobilrep-booking .colors-container .color-name { font-size:13px !important; line-height:1.35 !important; }
html body.page-id-13942 #mobilrep-booking .page-finalize .rp_back_to_repairs { position:relative !important; inset:auto !important; display:inline-grid !important; place-items:center !important; width:44px !important; min-width:44px !important; max-width:44px !important; height:44px !important; min-height:44px !important; max-height:44px !important; margin:0 0 14px !important; padding:0 !important; }
html body.page-id-13942 #mobilrep-booking .page-finalize .rp_back_to_repairs .rp-transparency-background { width:44px !important; min-width:44px !important; max-width:44px !important; height:44px !important; min-height:44px !important; max-height:44px !important; }
html body.page-id-13942 #mobilrep-booking .page-finalize .rp_back_to_repairs + .select-heading { display:block !important; margin:0 0 20px !important; font-size:28px !important; line-height:1.2 !important; }
html body.page-id-13942 #mobilrep-booking .page-finalize .rp_back_to_repairs + .select-heading + .wp-repair-options-heading.ptop { display:none !important; }
html body.page-id-13942 #mobilrep-booking .mobilrep-single-location .rp_el_location_markup { display:none !important; }
html body.page-id-13942 #mobilrep-booking .is-delivery-method-card .more-info-ship-device { width:100% !important; max-width:100% !important; margin:0 !important; padding:12px 0 0 !important; }
/* Native click handling freezes scrollHeight before asynchronous times can wrap.
   The selected common location remains open and must grow with its calendar. */
html body.page-id-13942 #mobilrep-booking .page-finalize .mobilrep-single-location.active > .more-info-ship-device { height:auto !important; max-height:none !important; transition:none !important; }
html body.page-id-13942 #mobilrep-booking .time-slider td.mobilrep-unavailable-slot { display:none !important; }
html body.page-id-13942 #mobilrep-booking .time-slider .shop_close { display:table-cell !important; padding:12px 0 !important; font-size:15px !important; white-space:normal !important; }
html body.page-id-13942 #mobilrep-booking .mobilrep-empty-times { margin:12px 0 0 !important; color:#5a6f80; font-size:14px; line-height:1.5; }
html body.page-id-13942 #mobilrep-booking .mobilrep-empty-times[hidden] { display:none !important; }
html body.page-id-13942 #mobilrep-booking .time-slider .time-box[data-mobilrep-display] { min-height:44px !important; height:44px !important; }
html body.page-id-13942 #mobilrep-booking .date-slider .dateOfWeek { min-height:56px !important; }
/* The privacy launcher keeps its original handlers, clear of every booking control. */
body:has(#mobilrep-booking) #CookiebotWidget { position:relative !important; inset:auto !important; margin:16px 0 max(16px,env(safe-area-inset-bottom)) 16px !important; }
body:has(#mobilrep-booking) #CookiebotWidget:not(.CookiebotWidget-open) { width:48px !important; min-width:48px !important; max-width:48px !important; }
#mobilrep-home .mobilrep-home-lookup { grid-template-columns:minmax(0,1fr) !important; gap:0 !important; }
#mobilrep-home .mobilrep-home-lookup .mr-zip-side { padding:22px !important; gap:10px !important; }
#mobilrep-home .mobilrep-home-lookup h3 { margin:0; color:#fff; font-size:23px; line-height:1.25; }
#mobilrep-home .mobilrep-home-lookup .mr-zip-side > p { margin:0; color:#d3e2ed; font-size:14px; line-height:1.45; }
#mobilrep-home #mobilrep-home-coverage-form { margin:5px 0 0; }
#mobilrep-home #mobilrep-home-coverage-form label { display:block; margin-bottom:6px; color:#fff; font-size:13px; font-weight:650; }
#mobilrep-home .mobilrep-coverage-input-row { display:grid; grid-template-columns:minmax(95px,1fr) auto; gap:8px; }
#mobilrep-home #mobilrep-home-postcode { width:100%; min-width:0; min-height:46px; padding:10px 12px; border:1px solid #bcd4e1; border-radius:11px; background:#fff; color:#10283d; font:inherit; font-size:16px; }
#mobilrep-home .mobilrep-coverage-input-row .mr-btn { min-height:46px; margin:0; padding:10px 14px; border-radius:11px; font-size:14px; }
#mobilrep-home #mobilrep-home-coverage-result { border-top:1px solid #ffffff30; padding-top:12px; font-size:14px; line-height:1.45; }
#mobilrep-home #mobilrep-home-coverage-result[hidden], #mobilrep-home #mobilrep-home-coverage-result a[hidden] { display:none !important; }
#mobilrep-home #mobilrep-home-coverage-result strong { color:#fff; font-size:16px; }
#mobilrep-home #mobilrep-home-coverage-result p { color:#d3e2ed; margin:4px 0 0; }
#mobilrep-home #mobilrep-home-coverage-result a { display:inline-flex; align-items:center; min-height:44px; margin-top:6px; color:#fff; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:767px) {
 html body.page-id-13942 #mobilrep-device-step { padding:24px 0 28px !important; }
 html body.page-id-13942 #mobilrep-device-step .mr-device-wrap, html body.page-id-13942 #mobilrep-device-step .mr-repair-toolbar, html body.page-id-13942 .mobilrep-zone1-plugin-stage.is-active { width:calc(100% - 32px) !important; }
 html body.page-id-13942 #mobilrep-device-step .mr-model-copy strong { font-size:16px !important; line-height:1.35 !important; }
 html body.page-id-13942 #mobilrep-device-step .mr-model-copy span { font-size:12px !important; }
 html body.page-id-13942 #mobilrep-device-step .mr-model-card { min-height:76px !important; }
 html body.page-id-13942 #mobilrep-booking .model-info { grid-template-columns:76px minmax(0,1fr) !important; gap:14px !important; }
 html body.page-id-13942 #mobilrep-booking .model-info .model-img { width:76px !important; height:94px !important; }
 html body.page-id-13942 #mobilrep-booking .rp-v2-grey-box-shadow.is-repair-card { width:100% !important; max-width:100% !important; margin-right:0 !important; margin-left:0 !important; }
 html body.page-id-13942 #mobilrep-booking .rp-v2-grey-box-shadow.is-delivery-method-card { width:100% !important; max-width:100% !important; margin-right:0 !important; margin-left:0 !important; }
 html body.page-id-13942 #mobilrep-booking .submit_form .finalize-right { position:static !important; left:auto !important; transform:none !important; width:100% !important; max-width:100% !important; }
 /* Native mobile summary uses a 30–32px floated amount inside a narrow cell. */
 html body.page-id-13942 #mobilrep-booking .page-finalize .finalize-right table.total-table { width:100% !important; max-width:100% !important; table-layout:fixed !important; position:relative !important; left:0 !important; bottom:0 !important; transform:none !important; }
 html body.page-id-13942 #mobilrep-booking .page-finalize .finalize-right table.total-table tr.total-with-vat > td { padding:8px 0 !important; vertical-align:top !important; }
 html body.page-id-13942 #mobilrep-booking .page-finalize .finalize-right table.total-table tr.total-with-vat > td:first-child { width:37% !important; }
 html body.page-id-13942 #mobilrep-booking .page-finalize .finalize-right table.total-table tr.total-with-vat > td:last-child { width:63% !important; text-align:right !important; }
 html body.page-id-13942 #mobilrep-booking .page-finalize .finalize-right table.total-table .total-actual-price { display:block !important; float:none !important; width:100% !important; max-width:100% !important; font-size:24px !important; line-height:1.25 !important; white-space:normal !important; overflow-wrap:anywhere !important; }
 html body.page-id-13942 #mobilrep-booking .colors-container { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 html body.page-id-13942 #mobilrep-booking .page-finalize .select-heading { overflow-wrap:anywhere; }
 #mobilrep-home .mobilrep-home-lookup .mr-zip-side { padding:18px !important; }
 #mobilrep-home .mobilrep-coverage-input-row { grid-template-columns:minmax(90px,1fr) auto; }
}


/* Device and brand selection: the same simple app list as the model selector.
   This replaces the previous start-card rules; all catalogue/navigation data stays native. */
html body.page-id-13942 #mobilrep-device-step .mr-device-panel:has(#mr-model-view[hidden]) { max-width:760px; margin-right:auto; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view[hidden]) .mr-panel-top { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:12px !important; min-height:0 !important; margin:0 0 20px !important; padding:0 !important; border:0 !important; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view[hidden]) .mr-panel-copy { display:block !important; min-width:0; flex:1 1 70%; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view[hidden]) #mr-panel-title { margin:0 0 6px !important; color:#071d36; font-size:28px; font-weight:800; line-height:1.2; letter-spacing:-.55px; }
html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view[hidden]) #mr-panel-help { display:block !important; margin:0 !important; color:#718391; font-size:14px !important; line-height:1.45 !important; }
html body.page-id-13942 #mobilrep-device-step .mr-device-grid, html body.page-id-13942 #mobilrep-device-step .mr-brand-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; width:100%; }
html body.page-id-13942 #mobilrep-device-step .mr-brand-view { width:100%; max-width:none; margin:0; }
html body.page-id-13942 #mobilrep-device-step .mr-device-card, html body.page-id-13942 #mobilrep-device-step .mr-brand-card { display:grid; grid-template-columns:54px minmax(0,1fr) 24px; align-items:center; gap:12px; width:100%; min-width:0; min-height:94px; height:auto; margin:0; padding:12px 16px; border:1px solid #dce8ed; border-radius:15px; background:#fff; color:#071d36; text-align:left; cursor:pointer; box-shadow:none; transition:border-color .18s ease,background-color .18s ease; }
html body.page-id-13942 #mobilrep-device-step .mr-device-card:hover, html body.page-id-13942 #mobilrep-device-step .mr-brand-card:hover { border-color:#85bce0; background:#f8fcff; }
html body.page-id-13942 #mobilrep-device-step .mr-device-card:focus-visible, html body.page-id-13942 #mobilrep-device-step .mr-brand-card:focus-visible { outline:2px solid #0877c9; outline-offset:3px; }
html body.page-id-13942 #mobilrep-device-step .mr-device-card.is-selected, html body.page-id-13942 #mobilrep-device-step .mr-brand-card.is-selected { border-color:#0877c9; }
html body.page-id-13942 #mobilrep-device-step .mr-device-visual, html body.page-id-13942 #mobilrep-device-step .mr-brand-visual { display:flex; align-items:center; justify-content:center; width:54px; height:68px; min-width:0; }
html body.page-id-13942 #mobilrep-device-step .mr-device-image, html body.page-id-13942 #mobilrep-device-step .mr-brand-logo { display:block; width:54px; max-width:54px; height:68px; max-height:68px; object-fit:contain; }
html body.page-id-13942 #mobilrep-device-step .mr-brand-logo { display:none; }
html body.page-id-13942 #mobilrep-device-step .mr-brand-card.has-logo .mr-brand-logo { display:block; }
html body.page-id-13942 #mobilrep-device-step .mr-brand-wordmark { display:block; max-width:54px; color:#718391; font-size:10px; line-height:1.25; font-weight:700; overflow-wrap:anywhere; }
html body.page-id-13942 #mobilrep-device-step .mr-brand-card.has-logo .mr-brand-wordmark { display:none; }
html body.page-id-13942 #mobilrep-device-step .mr-device-copy, html body.page-id-13942 #mobilrep-device-step .mr-brand-copy { display:block; min-width:0; margin:0; padding:0; }
html body.page-id-13942 #mobilrep-device-step .mr-device-copy strong, html body.page-id-13942 #mobilrep-device-step .mr-brand-copy strong { display:block; margin:0 0 4px; color:#071d36; font-size:18px; font-weight:800; line-height:1.25; text-transform:none; letter-spacing:normal; overflow-wrap:anywhere; }
html body.page-id-13942 #mobilrep-device-step .mr-device-copy > span, html body.page-id-13942 #mobilrep-device-step .mr-brand-copy > span { display:block; color:#718391; font-size:13px; line-height:1.4; text-transform:none; letter-spacing:normal; overflow-wrap:anywhere; }
html body.page-id-13942 #mobilrep-device-step .mr-device-arrow, html body.page-id-13942 #mobilrep-device-step .mr-brand-arrow { display:grid; place-items:center; width:24px; color:#0877c9; font-size:24px; font-weight:500; line-height:1; }
html body.page-id-13942 #mobilrep-device-step .mr-brand-note[hidden] { display:none !important; }
@media(max-width:767px) {
 html body.page-id-13942 #mobilrep-device-step:has(#mr-model-view[hidden]) #mr-panel-title { font-size:24px; }
 html body.page-id-13942 #mobilrep-device-step .mr-device-card, html body.page-id-13942 #mobilrep-device-step .mr-brand-card { min-height:90px; grid-template-columns:54px minmax(0,1fr) 22px; gap:10px; padding:10px 12px; }
 html body.page-id-13942 #mobilrep-device-step .mr-device-copy strong, html body.page-id-13942 #mobilrep-device-step .mr-brand-copy strong { font-size:17px; }
 html body.page-id-13942 #mobilrep-device-step .mr-device-copy > span, html body.page-id-13942 #mobilrep-device-step .mr-brand-copy > span { font-size:12px; }
 html body.page-id-13942 #mobilrep-device-step .mr-device-arrow, html body.page-id-13942 #mobilrep-device-step .mr-brand-arrow { width:22px; font-size:24px; }
}