/*
 * order-panel-parity.css
 * Per-breakpoint styling of the booking panel (#quickOrderWidget), extracted from the homepage
 * so secondary landing pages render the order card identically at every breakpoint.
 *   Sources: James/home-breakpoints.css (all #quickOrderWidget rules + the panel-class rules that
 *            target the card without an explicit #quickOrderWidget, re-scoped under #quickOrderWidget)
 *            and James/index.html inline <style> (#quickOrderWidget rules), plus the wallet-badge base.
 * Load AFTER home.min.css; load order-panel-base.css BEFORE it. Remove page-local #quickOrderWidget overrides.
 */

/* checkout base: wallet badge */
body.home-page #paymentMethodBtn.wallet-btn .wallet-badge{position:static!important;top:auto!important;right:auto!important;min-width:0!important;height:auto!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;background:#087c3a!important;color:#fff!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.05em!important;line-height:1!important;box-shadow:0 1px 2px rgba(8,124,58,.22)!important}

/* ===== home-breakpoints.css ===== */
@media (max-width: 767px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card { grid-template-columns: minmax(0, 1fr) 78px; gap: 6px; align-items: stretch; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls { display: flex; flex-direction: row-reverse; align-items: stretch; align-self: stretch; justify-self: end; width: 78px; min-width: 78px; height: auto; min-height: 100%; gap: 3px; padding: 3px; border-radius: 13px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { flex: 1 1 0; width: auto; height: auto; min-height: 44px; border-radius: 10px; }
}

@media (max-width: 479px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card { grid-template-columns: minmax(0, 1fr) 72px; gap: 6px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls { width: 72px; min-width: 72px; gap: 3px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { width: auto; min-height: 46px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col input { font-size: clamp(15px, 3.9vw, 16px); line-height: 1.14; letter-spacing: -0.024em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col input::placeholder { font-size: inherit; line-height: inherit; }
  body.home-breakpoints-page.home-page #quickOrderWidget .delivery-time-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr); gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card { min-height: 72px; padding: 12px 14px; gap: 8px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-items: center; column-gap: 8px; min-width: 0; width: 100%; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap .material-icons-round { font-size: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap span:last-child { min-width: 0; font-size: 12.8px; line-height: 1.18; letter-spacing: -0.018em; white-space: normal; word-break: normal; overflow-wrap: anywhere; }
}

@media (min-width: 480px) and (max-width: 767px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { padding: 16px; padding-bottom: 34px; gap: 12px; border-radius: 28px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { padding: 18px; gap: 14px; margin-top: -18px; border-radius: 28px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .card { border-radius: 18px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card { align-items: center; gap: 8px; min-height: 66px; padding: 9px 12px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col .label { font-size: 10.6px; line-height: 1.06; letter-spacing: 0.065em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col input { font-size: 16.8px; line-height: 1.18; letter-spacing: -0.028em; padding: 1px 0; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col input::placeholder { font-size: inherit; line-height: inherit; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col:nth-of-type(2) { padding-left: 4px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .multi-stop-display { gap: 5px; padding: 7px 10px; border-radius: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .multi-stop-pill { font-size: 14px; padding: 3px 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .multi-stop-final { font-size: 14px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .multi-stop-address { font-size: 15px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .icon-btn { width: 40px; height: 40px; border-radius: 13px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .swap-btn .material-icons-round, body.home-breakpoints-page.home-page #quickOrderWidget .add-address-btn .material-icons-round { font-size: 20px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-card { grid-template-columns: 82px minmax(0, 1fr) 18px; align-items: center; min-height: 88px; padding: 16px 14px 16px 20px; gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-img { width: 82px; height: 54px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-info { margin-left: 2px; gap: 4px; min-width: 0; overflow: visible; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-field-label { font-size: 10.8px; line-height: 1; letter-spacing: 0.08em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-line { gap: 6px; font-size: 18px; line-height: 1.18; letter-spacing: -0.04em; overflow: visible; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-separator { font-size: 0.74em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-name { font-weight: 690; min-width: 0; }
  body.home-breakpoints-page.home-page #quickOrderWidget .arrow-icon { font-size: 22px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { grid-template-columns: 67px minmax(0, 1fr); gap: 10px 12px; min-height: 122px; padding: 14px 14px 12px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img { width: 58px; height: 46px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { width: 67px; height: 53px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-text { gap: 4px; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 15.8px; line-height: 1.12; letter-spacing: -0.028em; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { font-size: 13.8px; line-height: 1.28; letter-spacing: -0.014em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-template-columns: 44px minmax(0, 1fr) 44px; margin-top: 4px; padding: 5px; gap: 5px; border-radius: 16px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 44px; height: 44px; border-radius: 13px; font-size: 24px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts > span { font-size: 11.2px; line-height: 1.08; letter-spacing: 0.03em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts strong, body.home-breakpoints-page.home-page #quickOrderWidget #loaderCountVal { font-size: 17px; line-height: 1; }
  body.home-breakpoints-page.home-page #quickOrderWidget .info-icon { font-size: 15px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .tooltip-box { width: min(244px, calc(100vw - 48px)); padding: 13px 14px; border-radius: 16px; font-size: 12.5px; line-height: 1.46; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-row { min-height: 62px; padding: 12px 16px; gap: 12px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-icon { width: 36px; height: 36px; border-radius: 11px; font-size: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-label { font-size: 11.4px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-value { font-size: 15px; line-height: 1.32; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-arrow { font-size: 22px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .two-col-row { gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card, body.home-breakpoints-page.home-page #quickOrderWidget .time-card { min-height: 90px; padding: 14px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card { gap: 14px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child::after { font-size: 17.2px; line-height: 1.02; letter-spacing: -0.03em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-control-shell { width: 46px; min-width: 46px; height: 46px; padding: 4px; border-radius: 14px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-icon { width: 38px; height: 38px; border-radius: 11px; font-size: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-summary-value { font-size: 14.4px; line-height: 1.08; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card { grid-template-columns: minmax(0, 1fr) 88px; gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info { overflow: visible; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label { display: block; margin-bottom: 4px; font-size: clamp(7.2px, 1.92vw, 9px); line-height: 1.02; letter-spacing: 0.01em; font-weight: 800; color: var(--home-text-subtle); text-transform: uppercase; max-width: none; white-space: nowrap; overflow: visible; text-overflow: clip; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label::after { content: none !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info #rentalTimeText { font-size: clamp(16px, 3.45vw, 22.8px); line-height: 1; letter-spacing: -0.03em; white-space: nowrap; overflow: visible; text-overflow: clip; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls { width: 88px; min-width: 88px; gap: 4px; padding: 4px; border-radius: 15px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { min-height: 48px; border-radius: 11px; font-size: 19px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .rental-time-hint { gap: 9px; padding: 12px 15px; font-size: 13.6px; line-height: 1.42; border-radius: 16px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .rental-time-hint-icon { font-size: 19px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-group { min-height: 72px; padding: 11px 12px 11px 16px; border-radius: 22px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-wrapper { gap: 12px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main { gap: 6px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main input { font-size: 17.2px; line-height: 1.02; letter-spacing: -0.028em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main .floating-label, body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main input:focus ~ .floating-label, body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main input:not(:placeholder-shown) ~ .floating-label { font-size: 11.5px; letter-spacing: 0.02em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .user-icon { width: 46px; height: 46px; border-radius: 15px; font-size: 24px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .delivery-time-row { gap: 10px; margin-top: 0; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card { min-height: 82px; padding: 15px 16px; gap: 14px; border-radius: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-top { width: 28px; min-width: 28px; height: 28px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card .checkmark { width: 28px; height: 28px; font-size: 25px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card .empty { width: 22px; height: 22px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-text, body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap { font-size: 15.8px; line-height: 1.32; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap { gap: 10px; min-width: 0; width: 100%; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap span:last-child { min-width: 0; max-width: 9.8ch; font-size: 14.2px; line-height: 1.2; letter-spacing: -0.018em; white-space: normal; overflow: visible; text-overflow: unset; text-wrap: balance; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap .material-icons-round { width: 34px; height: 34px; border-radius: 10px; font-size: 19px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row { grid-template-columns: 60px minmax(0, 1fr) 60px; gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row .side-btn, body.home-breakpoints-page.home-page #quickOrderWidget .checkout-btn { height: 64px; border-radius: 18px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row .side-btn { width: 60px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .side-btn .material-icons-round { font-size: 24px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-btn { gap: 3px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-label { font-size: 17.6px; line-height: 1.04; letter-spacing: -0.026em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .total-price { font-size: 30px; line-height: 0.96; letter-spacing: -0.052em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .wallet-badge { top: -6px; right: -6px; min-width: 24px; height: 24px; padding: 0 7px; font-size: 9.5px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .agreements { gap: 12px; margin-top: 2px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkbox-label { font-size: 13px; line-height: 1.52; letter-spacing: -0.01em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .custom-checkbox { min-width: 19px; height: 19px; margin-right: 13px; border-radius: 6px; }
}

@media (min-width: 768px) and (max-width: 979px) {
  body.home-breakpoints-page.home-page #quickOrderWidget { width: min(100%, 736px); margin-inline: auto; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { padding: 14px; padding-bottom: 28px; gap: 10px; border-radius: 28px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { padding: 16px; gap: 12px; margin-top: -14px; border-radius: 28px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .card { border-radius: 16px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card { grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) 38px; min-height: 66px; padding: 8px 10px; gap: 7px; align-items: center; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col .label { font-size: 10.4px; line-height: 1.06; letter-spacing: 0.06em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col input { font-size: 15.6px; line-height: 1.16; letter-spacing: -0.024em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn, body.home-breakpoints-page.home-page #quickOrderWidget .icon-btn { width: 38px; height: 38px; border-radius: 12px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .swap-btn .material-icons-round, body.home-breakpoints-page.home-page #quickOrderWidget .add-address-btn .material-icons-round { font-size: 19px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-card { grid-template-columns: 84px minmax(0, 1fr) 20px; min-height: 82px; padding: 13px 14px 13px 24px; gap: 8px 16px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-img { width: 84px; height: 54px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-info { margin-left: 6px; gap: 3px; min-width: 0; overflow: visible !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-field-label { font-size: 10.6px; line-height: 1; letter-spacing: 0.08em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-line { gap: 7px; font-size: 17.6px; line-height: 1.16; letter-spacing: -0.034em; overflow: visible !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-name { min-width: 0; overflow: visible !important; text-overflow: clip !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .arrow-icon { font-size: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { grid-template-columns: 62px minmax(0, 1fr); gap: 9px 10px; min-height: 112px; padding: 12px 14px 11px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img { width: 54px; height: 43px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { width: 62px; height: 49px; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 15.4px; line-height: 1.1; letter-spacing: -0.028em; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { font-size: 13.2px; line-height: 1.24; letter-spacing: -0.012em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-template-columns: 42px minmax(0, 1fr) 42px; margin-top: 2px; padding: 4px; gap: 4px; border-radius: 14px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 42px; height: 42px; border-radius: 12px; font-size: 21px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts > span { font-size: 10.6px; line-height: 1.08; letter-spacing: 0.03em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts strong, body.home-breakpoints-page.home-page #quickOrderWidget #loaderCountVal { font-size: 16.6px; line-height: 1; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-row { min-height: 58px; padding: 11px 14px; gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-icon { width: 34px; height: 34px; border-radius: 10px; font-size: 18px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-label { font-size: 10.8px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-value { font-size: 14.2px; line-height: 1.32; }
  body.home-breakpoints-page.home-page #quickOrderWidget .service-comment-arrow { font-size: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .two-col-row { gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card, body.home-breakpoints-page.home-page #quickOrderWidget .time-card { min-height: 84px; padding: 13px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child::after { content: none !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child { display: flex; align-items: center; min-width: 0; max-width: none; font-size: 17.8px !important; line-height: 1.02; letter-spacing: -0.032em; font-weight: 900; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-control-shell { width: 42px; min-width: 42px; height: 42px; padding: 3px; border-radius: 13px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-icon { width: 36px; height: 36px; border-radius: 10px; font-size: 18px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-summary-value { font-size: 14.2px; line-height: 1.06; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label { display: block; margin-bottom: 4px; font-size: clamp(8.6px, 1.98vw, 10.2px); line-height: 1.03; letter-spacing: 0.015em; font-weight: 800; color: var(--home-text-subtle); text-transform: uppercase; max-width: none; white-space: nowrap; overflow: visible; text-overflow: clip; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label::after { content: none !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info { overflow: visible; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info #rentalTimeText { font-size: clamp(17px, 1.7vw, 22px); line-height: 1; letter-spacing: -0.034em; white-space: nowrap; overflow: visible; text-overflow: clip; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls { justify-self: end; align-self: center; display: flex; flex-direction: row-reverse; align-items: center; width: max-content; min-width: 0; height: auto; min-height: auto; gap: 3px; padding: 3px; border-radius: 12px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { width: 38px; height: 38px; min-height: 38px; flex: 0 0 auto; border-radius: 10px; font-size: 17px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-group { min-height: 68px; padding: 10px 12px 10px 14px; border-radius: 20px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-wrapper { gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main { gap: 6px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main input { font-size: 16.2px; line-height: 1.04; letter-spacing: -0.028em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main .floating-label, body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main input:focus ~ .floating-label, body.home-breakpoints-page.home-page #quickOrderWidget .phone-input-main input:not(:placeholder-shown) ~ .floating-label { font-size: 10.8px; letter-spacing: 0.02em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .user-icon { width: 42px; height: 42px; border-radius: 14px; font-size: 21px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .delivery-time-row { gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card { min-height: 76px; padding: 13px 14px; gap: 10px; border-radius: 18px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-top { width: 24px; min-width: 24px; height: 24px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card .checkmark { width: 24px; height: 24px; font-size: 21px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card .empty { width: 19px; height: 19px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-text { max-width: 10.2ch; font-size: 14.6px; line-height: 1.24; letter-spacing: -0.016em; text-wrap: balance; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 8px; align-items: center; min-width: 0; width: 100%; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap span:last-child { min-width: 0; max-width: 10.8ch; font-size: 13.8px; line-height: 1.22; letter-spacing: -0.016em; white-space: normal; overflow: visible; text-overflow: unset; text-wrap: balance; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap .material-icons-round { width: 30px; height: 30px; border-radius: 10px; font-size: 17px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row { grid-template-columns: 58px minmax(0, 1fr) 58px; gap: 10px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row .side-btn, body.home-breakpoints-page.home-page #quickOrderWidget .checkout-btn { height: 64px; border-radius: 18px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row .side-btn { width: 58px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .side-btn .material-icons-round { font-size: 22px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-label { font-size: 17px; line-height: 1.02; letter-spacing: -0.028em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .total-price { font-size: 28px; line-height: 0.94; letter-spacing: -0.054em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .wallet-badge { top: -6px; right: -6px; min-width: 23px; height: 23px; padding: 0 6px; font-size: 8.8px; }
  body.home-breakpoints-page.home-page #quickOrderWidget .agreements { gap: 10px; margin-top: 0; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkbox-label { font-size: 12.4px; line-height: 1.42; letter-spacing: -0.01em; }
  body.home-breakpoints-page.home-page #quickOrderWidget .custom-checkbox { min-width: 18px; height: 18px; margin-right: 11px; border-radius: 6px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) 150px !important; align-items: center !important; min-height: 84px !important; padding: 10px !important; gap: 8px 12px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { grid-column: 1 !important; grid-row: 1 !important; width: 54px !important; height: 43px !important; align-self: center !important; justify-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-text { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: auto !important; gap: 3px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 15px !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { max-width: 20ch !important; font-size: 12.8px !important; line-height: 1.16 !important; letter-spacing: -0.012em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-column: 3 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: 38px minmax(38px, 1fr) 38px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 4px !important; gap: 3px !important; border-radius: 17px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 38px !important; height: 40px !important; border-radius: 13px !important; font-size: 21px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts > span { font-size: 10px !important; line-height: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts strong, body.home-breakpoints-page.home-page #quickOrderWidget #loaderCountVal { font-size: 16px !important; line-height: 1 !important; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { display: grid !important; grid-template-columns: 54px minmax(0, 1fr) 128px !important; min-height: 78px !important; padding: 8px 10px !important; gap: 8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { grid-column: 1 !important; grid-row: 1 !important; width: 54px !important; height: 43px !important; align-self: center !important; justify-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-text { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: auto !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 15px !important; line-height: 1.08 !important; white-space: nowrap !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { max-width: none !important; font-size: 12.8px !important; line-height: 1.16 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-column: 3 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: 34px minmax(34px, 1fr) 34px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 4px !important; gap: 3px !important; border-radius: 17px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 34px !important; height: 40px !important; border-radius: 13px !important; font-size: 21px !important; }
}

@media (min-width: 1101px) and (max-width: 1359px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { display: grid !important; grid-template-columns: 56px minmax(0, 1fr) 136px !important; align-items: center !important; min-height: 84px !important; padding: 10px !important; gap: 8px 10px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { grid-column: 1 !important; grid-row: 1 !important; width: 54px !important; height: 43px !important; align-self: center !important; justify-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-text { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: auto !important; gap: 3px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 15px !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { max-width: none !important; font-size: 12.8px !important; line-height: 1.16 !important; letter-spacing: -0.012em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-column: 3 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: 36px minmax(34px, 1fr) 36px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 4px !important; gap: 3px !important; border-radius: 17px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 36px !important; height: 40px !important; border-radius: 13px !important; font-size: 21px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts > span { font-size: 10px !important; line-height: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts strong, body.home-breakpoints-page.home-page #quickOrderWidget #loaderCountVal { font-size: 16px !important; line-height: 1 !important; }
}

@media (max-width: 767px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-image-drop-controls, body.home-breakpoints-page.home-page #quickOrderWidget .loader-image-drop-hint { display: none !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card[data-loader-image-drop]::after { opacity: 0 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) clamp(96px, 26vw, 104px) !important; align-items: center !important; min-height: 84px !important; padding: 9px 8px !important; gap: 6px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { grid-column: 1 !important; grid-row: 1 !important; width: 46px !important; height: 38px !important; align-self: center !important; justify-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-text { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: auto !important; gap: 3px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 14.8px !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { max-width: none !important; font-size: 12.2px !important; line-height: 1.18 !important; letter-spacing: -0.012em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-column: 3 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: 30px minmax(28px, 1fr) 30px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 4px !important; gap: 3px !important; border-radius: 17px !important; align-self: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 30px !important; height: 38px !important; border-radius: 12px !important; font-size: 20px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts > span { font-size: 10px !important; line-height: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts strong, body.home-breakpoints-page.home-page #quickOrderWidget #loaderCountVal { font-size: 16px !important; line-height: 1 !important; }
}

@media (max-width: 374px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { grid-template-columns: 44px minmax(0, 1fr) 96px !important; min-height: 80px !important; padding: 8px !important; gap: 6px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { width: 44px !important; height: 36px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 13.8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { max-width: none !important; font-size: 11.7px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-template-columns: 30px minmax(28px, 1fr) 30px !important; border-radius: 16px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 30px !important; height: 36px !important; border-radius: 12px !important; }
}

@media (max-width: 767px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .two-col-row { gap: 10px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card, body.home-breakpoints-page.home-page #quickOrderWidget .time-card { min-height: 72px !important; padding: 10px 12px !important; border-radius: 18px !important; align-items: center !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card { grid-template-columns: minmax(0, 1fr) 38px !important; gap: 8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child { font-size: 0 !important; line-height: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child::after { content: var(--home-mobile-options-label) !important; display: block !important; font-size: 16px !important; line-height: 1 !important; letter-spacing: -0.02em !important; font-weight: 900 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-control-shell { width: 38px !important; min-width: 38px !important; height: 38px !important; padding: 3px !important; border-radius: 12px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-icon { width: 32px !important; height: 32px !important; border-radius: 10px !important; font-size: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card { grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info { min-height: 0 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label { margin-bottom: 3px !important; font-size: 0 !important; line-height: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label::after { content: var(--home-mobile-time-label) !important; display: block !important; font-size: 9.2px !important; line-height: 1 !important; letter-spacing: 0.025em !important; font-weight: 800 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info #rentalTimeText { font-size: 19px !important; line-height: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls { height: 46px !important; padding: 3px !important; gap: 3px !important; border-radius: 15px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { width: 34px !important; height: 40px !important; min-height: 40px !important; border-radius: 12px !important; font-size: 18px !important; }
}

@media (max-width: 374px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card, body.home-breakpoints-page.home-page #quickOrderWidget .time-card { min-height: 68px !important; padding: 9px 10px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child { font-size: 0 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child::after { font-size: 14.8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info #rentalTimeText { font-size: 17px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { width: 32px !important; height: 38px !important; min-height: 38px !important; }
}

body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { border: 1px solid rgba(15, 23, 42, 0.08) !important; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.02), 0 16px 40px rgba(15, 23, 42, 0.09) !important; }
body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { border: 1px solid rgba(15, 23, 42, 0.08) !important; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.03), 0 18px 44px rgba(15, 23, 42, 0.1) !important; }
body.home-breakpoints-page.home-page #quickOrderWidget .card, body.home-breakpoints-page.home-page #quickOrderWidget .phone-group, body.home-breakpoints-page.home-page #quickOrderWidget .radio-card { border-color: rgba(226, 232, 240, 0.86) !important; }

@media (min-width: 980px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { gap: 9px !important; padding: 14px 16px 36px !important; border-radius: 26px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { gap: 12px !important; margin-top: -20px !important; padding: 17px !important; border-radius: 26px !important; }
}

@media (max-width: 767px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { gap: 10px !important; padding: 14px 14px 30px !important; border-radius: 24px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { gap: 12px !important; margin-top: -16px !important; padding: 16px !important; border-radius: 24px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-btn, body.home-breakpoints-page.home-page #quickOrderWidget .side-btn { height: 60px !important; border-radius: 16px !important; }
}

@media (max-width: 430px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { gap: 10px !important; padding: 14px 14px 30px !important; border-radius: 26px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { gap: 12px !important; padding: 16px 14px !important; border-radius: 26px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .card { border-radius: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card { display: grid !important; grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1.04fr) 38px !important; align-items: center !important; min-height: 68px !important; padding: 9px 9px 9px 12px !important; gap: 6px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col { min-width: 0 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col .label { font-size: 10.5px !important; letter-spacing: 0.065em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-col input { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 15.8px !important; line-height: 1.12 !important; letter-spacing: -0.026em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn { width: 38px !important; min-width: 38px !important; height: 42px !important; border-radius: 14px !important; color: #475467 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn { background: #f4f5f7 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn { background: #f8f9fb !important; color: #4b5563 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn .material-icons-round, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn .material-icons-round { font-size: 20px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-card { grid-template-columns: 74px minmax(0, 1fr) 16px !important; gap: 6px !important; min-height: 84px !important; padding: 13px 9px 13px 11px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-img { width: 74px !important; height: 46px !important; transform: none !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-info { margin-left: 0 !important; min-width: 0 !important; overflow: visible !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-field-label { font-size: 10.2px !important; letter-spacing: 0.075em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-line { max-width: 100% !important; gap: 4px !important; font-size: clamp(13.9px, 3.76vw, 14.2px) !important; line-height: 1.22 !important; letter-spacing: -0.04em !important; white-space: nowrap !important; overflow: visible !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-separator { font-size: 0.58em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-name { min-width: 0 !important; overflow: visible !important; text-overflow: clip !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .arrow-icon { font-size: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { grid-template-columns: 50px minmax(0, 1fr) 112px !important; min-height: 88px !important; padding: 10px 8px !important; gap: 6px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { width: 50px !important; height: 42px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 15.9px !important; line-height: 1.08 !important; letter-spacing: -0.024em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { font-size: 12.4px !important; line-height: 1.18 !important; letter-spacing: -0.014em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-template-columns: 34px minmax(32px, 1fr) 34px !important; gap: 3px !important; padding: 4px !important; border-radius: 16px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 34px !important; height: 40px !important; border-radius: 12px !important; font-size: 20px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts > span { font-size: 9.8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-texts strong, body.home-breakpoints-page.home-page #quickOrderWidget #loaderCountVal { font-size: 17px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .two-col-row { gap: 10px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card, body.home-breakpoints-page.home-page #quickOrderWidget .time-card { min-height: 74px !important; padding: 11px 12px !important; border-radius: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child { font-size: 0 !important; line-height: 1 !important; letter-spacing: -0.036em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-card > span:first-child::after { content: var(--home-mobile-options-label) !important; display: block !important; font-size: 17.2px !important; line-height: 1.04 !important; letter-spacing: -0.036em !important; font-weight: 900 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-control-shell { border-radius: 14px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .options-icon { width: 38px !important; height: 38px !important; border-radius: 13px !important; font-size: 20px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label { font-size: 0 !important; line-height: 1 !important; letter-spacing: 0.055em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card .label::after { content: var(--home-mobile-time-label) !important; display: block !important; font-size: 8.9px !important; line-height: 1 !important; letter-spacing: 0.055em !important; font-weight: 800 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-card { gap: 6px !important; padding: 11px 10px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .time-info #rentalTimeText { font-size: 20.2px !important; line-height: 1 !important; letter-spacing: -0.04em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls { width: 68px !important; height: 48px !important; border-radius: 16px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .vert-controls button { width: 30px !important; height: 38px !important; border-radius: 13px !important; font-size: 20px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card { min-height: 74px !important; padding: 13px 14px !important; gap: 10px !important; border-radius: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #dateTrigger { display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 11px 8px 11px 34px !important; gap: 6px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #dateTrigger .radio-top { position: absolute !important; left: 9px !important; top: 50% !important; transform: translateY(-50%) !important; width: 22px !important; min-width: 22px !important; height: 22px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-top { width: 28px !important; min-width: 28px !important; height: 28px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-text { font-size: 13.7px !important; line-height: 1.2 !important; letter-spacing: -0.026em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap { display: grid !important; grid-template-columns: 26px minmax(0, 1fr) !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; width: 100% !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap span:last-child { max-width: none !important; min-width: 0 !important; font-size: 12.2px !important; line-height: 1.18 !important; letter-spacing: -0.012em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .calendar-wrap .material-icons-round { width: 26px !important; height: 26px !important; border-radius: 9px !important; font-size: 17px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row { grid-template-columns: 58px minmax(0, 1fr) 58px !important; gap: 7px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-btn, body.home-breakpoints-page.home-page #quickOrderWidget .side-btn { height: 62px !important; border-radius: 18px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-row .side-btn { width: 58px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-label { font-size: 17.2px !important; line-height: 1 !important; letter-spacing: -0.024em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .total-price { font-size: 30px !important; line-height: 0.96 !important; letter-spacing: -0.05em !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .side-btn .material-icons-round { font-size: 23px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .checkout-assurance { margin-top: 2px !important; gap: 5px 8px !important; font-size: 11.2px !important; line-height: 1.18 !important; letter-spacing: -0.018em !important; }
}

body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn { border: 1px solid rgba(226, 232, 240, 0.62) !important; background: rgba(246, 247, 249, 0.74) !important; color: #4b5563 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important; }
body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn { background: rgba(248, 249, 251, 0.68) !important; }

@media (min-width: 768px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn { margin-right: 8px !important; }
}

body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn:hover, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .swap-btn:focus-visible, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn:hover, body.home-breakpoints-page.home-page #quickOrderWidget .address-card .add-address-btn:focus-visible { border-color: rgba(203, 213, 225, 0.9) !important; background: rgba(241, 245, 249, 0.94) !important; color: #111827 !important; box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important; }
body.home-breakpoints-page.home-page #quickOrderWidget .truck-info, body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-line { overflow: visible !important; }
body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-line { line-height: 1.18 !important; }
body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-name { min-width: 0 !important; line-height: inherit !important; padding-bottom: 2px !important; margin-bottom: -2px !important; }

@media (max-width: 374px) {
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-card { grid-template-columns: 54px minmax(0, 1fr) 16px !important; gap: 4px !important; padding: 12px 8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-img { width: 54px !important; height: 38px !important; transform: none !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-line { gap: 3px !important; font-size: clamp(11.6px, 3.55vw, 12.8px) !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .delivery-time-row { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .radio-card { width: 100% !important; min-height: 64px !important; padding: 12px 14px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #dateTrigger { padding: 11px 12px 11px 42px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #dateTrigger .radio-top { left: 13px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loaders-card { grid-template-columns: 42px minmax(0, 1fr) !important; min-height: 122px !important; padding: 10px !important; gap: 8px 10px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-img, body.home-breakpoints-page.home-page #quickOrderWidget .loader-img--main { grid-column: 1 !important; grid-row: 1 !important; width: 42px !important; height: 36px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .loader-text { grid-column: 2 !important; grid-row: 1 !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine1 { font-size: 14.4px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget #loadersTextLine2 { max-width: none !important; font-size: 12.2px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box { grid-column: 1 / -1 !important; grid-row: 2 !important; grid-template-columns: 38px minmax(0, 1fr) 38px !important; width: 100% !important; margin-top: 0 !important; border-radius: 16px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .counter-box button, body.home-breakpoints-page.home-page #quickOrderWidget .counter-btn { width: 38px !important; height: 38px !important; border-radius: 12px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-top { padding: 12px 12px 28px !important; }
  body.home-breakpoints-page.home-page #quickOrderWidget .widget-bottom { padding: 14px !important; }
}

/* ===== index.html inline <style> ===== */
body.home-page.home-breakpoints-page #quickOrderWidget .checkout-btn { box-shadow: 0 8px 18px rgba(0, 184, 64, 0.16) !important; }
body.home-page.home-breakpoints-page #quickOrderWidget .checkout-assurance { margin-top: 4px !important; color: #4b5563 !important; font-weight: 780 !important; }

@media (max-width: 430px) {
  body.home-page.home-breakpoints-page #quickOrderWidget .checkout-assurance { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; align-items: center !important; justify-content: normal !important; gap: 4px 8px !important; font-size: 10.8px !important; line-height: 1.18 !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .checkout-assurance > span { justify-content: center !important; min-width: 0 !important; text-align: center !important; white-space: normal !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .checkout-assurance > span:nth-child(3) { grid-column: 1 / -1 !important; }
}

@media (min-width: 980px) {
  body.home-page.home-breakpoints-page #quickOrderWidget { flex: 0 0 490px !important; width: 490px !important; max-width: 490px !important; margin-top: -24px !important; scroll-margin-top: 132px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .widget-top { gap: 10px !important; padding: 18px 18px 44px !important; border: 1px solid rgba(15, 23, 42, 0.08) !important; border-radius: 32px !important; background: #fff !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.02), 0 16px 40px rgba(15, 23, 42, 0.09) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .widget-bottom { border: 1px solid rgba(15, 23, 42, 0.08) !important; border-radius: 32px !important; background: #fff !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.03), 0 18px 44px rgba(15, 23, 42, 0.1) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .card { border: 1px solid #e5e7eb !important; border-radius: 24px !important; background: #fff !important; transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .hover-outline:hover, body.home-page.home-breakpoints-page #quickOrderWidget .hover-outline.active { border-color: #00b840 !important; transform: none !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important; cursor: pointer !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .address-card { min-height: 76px !important; gap: 6px !important; padding: 8px 14px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .address-card .icon-btn { width: 48px !important; height: 46px !important; min-width: 48px !important; border-radius: 14px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .address-card input { padding: 2px 0 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -0.01em !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .truck-card { min-height: 88px !important; gap: 10px 18px !important; padding: 14px 16px 14px 30px !important; border-color: #dedede !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .truck-card:hover { border-color: #00be42 !important; transform: none !important; box-shadow: 0 10px 24px rgba(0, 190, 66, 0.08) !important; cursor: pointer !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .loaders-card { display: flex !important; align-items: center !important; min-height: 74px !important; gap: 11px !important; padding: 6px 15px !important; overflow: visible !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .loader-img--main { width: 78px !important; height: 54px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .loader-text { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; font-size: 14px !important; line-height: 1.25 !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget #loadersTextLine1 { font-size: 15px !important; line-height: 1.14 !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget #loadersTextLine2 { margin-top: 3px !important; font-size: 13px !important; line-height: 1.16 !important; letter-spacing: -0.01em !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .counter-box { display: flex !important; align-items: center !important; flex: 0 0 auto !important; width: 158px !important; gap: 8px !important; margin-top: 4px !important; padding: 6px !important; border-radius: 16px !important; overflow: visible !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .counter-box button, body.home-page.home-breakpoints-page #quickOrderWidget .counter-btn { flex: 0 0 40px !important; width: 40px !important; height: 40px !important; font-size: 22px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .options-card { background: #f8f9fb !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .options-control-shell { background: transparent !important; padding: 0 !important; border-radius: 12px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .options-icon { width: 36px !important; height: 36px !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important; color: #333 !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .phone-group { border-color: #d5d8de !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .radio-card { border-color: #d9dee5 !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .radio-card:hover { border-color: #c8d0da !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .radio-card.active { border-color: #99d18e !important; background: #f1faee !important; }
}

@media (max-width: 979px) {
  body.home-page.home-breakpoints-page #quickOrderWidget .widget-top { border: 1px solid rgba(15, 23, 42, 0.08) !important; background: #fff !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.02), 0 16px 40px rgba(15, 23, 42, 0.09) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .widget-bottom { border: 1px solid rgba(15, 23, 42, 0.08) !important; background: #fff !important; box-shadow: 0 -4px 20px rgba(0,0,0,0.03), 0 18px 44px rgba(15, 23, 42, 0.1) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .card { border: 1px solid #e5e7eb !important; background: #fff !important; transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .hover-outline:hover, body.home-page.home-breakpoints-page #quickOrderWidget .hover-outline.active { border-color: #00b840 !important; transform: none !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important; cursor: pointer !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .truck-card { border-color: #dedede !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .truck-card:hover { border-color: #00be42 !important; transform: none !important; box-shadow: 0 10px 24px rgba(0, 190, 66, 0.08) !important; cursor: pointer !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .phone-group { background: #fff !important; border-color: #d5d8de !important; transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .phone-group:hover { border-color: #c8d0da !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .radio-card { background: #fff !important; border-color: #d9dee5 !important; transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .radio-card:hover { border-color: #c8d0da !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .radio-card.active { border-color: #99d18e !important; background: #f1faee !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .vert-controls { height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: row-reverse !important; gap: 4px !important; padding: 4px !important; border-radius: 16px !important; }
  body.home-page.home-breakpoints-page #quickOrderWidget .vert-controls button { width: 40px !important; height: 40px !important; min-height: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border-radius: 13px !important; line-height: 1 !important; }
}

/* tb-order-page (Desktop): Zeit-Karten ("So schnell wie möglich" / "Datum auswählen")
   auf die Höhe der Optionen-/Mietdauer-Karten bringen → sauberes 2x2-Raster.
   Inhalt bleibt vertikal zentriert, damit die Mehrhöhe als Luft wirkt, nicht als Loch. */
@media (min-width: 980px) {
  body.tb-order-page.home-breakpoints-page.home-page #quickOrderWidget .radio-card {
    min-height: 102px !important;
    align-items: center !important;
  }
}

/* Shared booking-panel polish across standalone order-panel pages. */
body.home-breakpoints-page.home-page #quickOrderWidget .truck-main-separator {
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  margin: 0 2px !important;
  border-radius: 999px !important;
  background: #54ad3c !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transform: translateY(1px) !important;
}

body.home-breakpoints-page.home-page #quickOrderWidget .options-control-shell {
  box-shadow: none !important;
}

body.home-breakpoints-page.home-page #quickOrderWidget .options-icon {
  line-height: 1 !important;
  opacity: 1 !important;
}

body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget .truck-main-line,
body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget .arrow-icon,
body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget .calendar-wrap,
body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget .counter-texts strong,
body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget #loaderCountVal {
  color: var(--company-text, #f7f7f7) !important;
}

body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget .counter-texts > span,
body.home-breakpoints-page.home-page.company-dark-page #quickOrderWidget .counter-texts .info-icon {
  color: var(--company-text-soft, #d7d7d7) !important;
}
