.root-unused{display:none}
:root{--p:#0a84ff;--g:#34c759;--ink:#111827;--muted:#667085;--line:#d9e2ef;--bg:#f2f2f7;--danger:#ff3b30}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(10,132,255,.14),transparent 32%),linear-gradient(180deg,#f8fbff,#f2f2f7 44%,#eef3fb);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.booking-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.booking-shell[hidden]{display:none!important}.booking-card{width:min(1080px,100%);background:rgba(255,255,255,.82);border:1px solid rgba(209,218,232,.9);border-radius:28px;box-shadow:0 30px 90px rgba(15,23,42,.16);overflow:hidden;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.booking-hero{display:flex;gap:16px;align-items:center;padding:22px 24px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.76));border-bottom:1px solid rgba(218,226,238,.9)}.brand-mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#0a84ff,#22c55e);color:#fff;font-size:36px;font-weight:900;display:grid;place-items:center;box-shadow:0 14px 28px rgba(10,132,255,.24)}.booking-hero p,.step-title p{margin:0;color:var(--p);font-size:12px;font-weight:800;letter-spacing:.08em}.ios-badge{display:inline-flex;margin-left:8px;padding:4px 9px;border-radius:999px;background:#e8f3ff;color:#0a66d6;font-style:normal;font-size:11px;letter-spacing:0}.booking-hero h1{margin:2px 0;font-size:29px;letter-spacing:-.02em}.booking-hero span,.step-title span{color:var(--muted)}.profile-button{margin-left:auto;border:0;border-radius:999px;background:#e8f3ff;color:#0a66d6;padding:8px 12px;font-weight:850;cursor:pointer}.profile-button[hidden]{display:none}.profile-button span{color:#22c55e}
.stepper{display:flex;gap:10px;overflow-x:auto;padding:13px 18px;background:rgba(242,242,247,.72);border-bottom:1px solid rgba(218,226,238,.8);scrollbar-width:none}.stepper::-webkit-scrollbar{display:none}.stepper button{border:1px solid rgba(203,213,225,.82);background:rgba(255,255,255,.9);border-radius:999px;padding:8px 13px;display:flex;gap:8px;align-items:center;justify-content:center;color:#64748b;font-weight:750;cursor:pointer;min-width:122px;box-shadow:0 4px 14px rgba(15,23,42,.035)}.stepper b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf3ff;color:#0a84ff}.stepper button.active{background:#0a84ff;color:#fff;border-color:#0a84ff;box-shadow:0 10px 24px rgba(10,132,255,.24)}.stepper button.active b{background:rgba(255,255,255,.22);color:#fff}
.wizard-step{display:none;padding:24px}.wizard-step.active{display:block;animation:iosSlide .18s ease-out}@keyframes iosSlide{from{opacity:.55;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.step-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.step-title h2{font-size:23px;letter-spacing:-.01em;margin:3px 0 0}.safe-chip{display:inline-flex;background:#e8f8ef;color:#087a45;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.safe-chip.warning{background:#fff7ed;color:#9a3412}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-grid label{display:block;background:#fff;border:1px solid rgba(203,213,225,.82);border-radius:16px;padding:9px 12px;font-size:12px;color:#667085;font-weight:650;box-shadow:0 5px 18px rgba(15,23,42,.035)}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;min-height:40px;margin-top:2px;border:0;border-radius:0;padding:4px 0;background:transparent;font-size:16px;font-family:inherit;color:#111827;outline:none}.form-grid textarea{min-height:76px;resize:vertical}.form-grid label:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(10,132,255,.12),0 5px 18px rgba(15,23,42,.04)}.full{grid-column:1/-1}@media(min-width:821px){.wizard-step[data-step="2"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.estimate-result-sheet{display:none;position:absolute;inset:0;z-index:12;overflow:hidden;visibility:hidden;pointer-events:none;justify-content:center;align-items:flex-end;padding:14px 14px 54px}.estimate-result-sheet.open{display:flex;visibility:visible;pointer-events:auto}.estimate-result-backdrop{position:absolute;inset:0;border:0;background:rgba(248,250,252,.82);opacity:0;transition:opacity .24s ease;display:block}.estimate-result-sheet.open .estimate-result-backdrop{opacity:1}.estimate-result{position:relative;z-index:1;left:auto;right:auto;bottom:auto;max-width:none;width:min(100%,440px);margin:0 auto;border:1px solid rgba(16,185,129,.28);background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-radius:20px;padding:10px 16px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;box-shadow:0 18px 40px rgba(15,23,42,.14);transform:none;transition:none;font-family:inherit}.estimate-result strong,.estimate-result span,.estimate-result small,.estimate-result button{font-family:inherit}.estimate-result strong{color:#166534;font-size:13px;line-height:1.1}.estimate-result span{font-size:26px;font-weight:900;color:#059669;line-height:1.05;min-height:32px}.estimate-result small{display:block;color:#64748b;font-size:12px;line-height:1.25}.estimate-result small:empty{display:none}.estimate-result.has-error{border:2px solid #f87171;background:linear-gradient(180deg,#fff1f2,#fff);box-shadow:0 18px 40px rgba(127,29,29,.14)}.estimate-result.has-error strong{display:none}.estimate-result.has-error span{color:#b91c1c;font-size:22px}.estimate-result.has-error small{padding:8px 12px;border-radius:10px;background:#fee2e2;color:#991b1b;font-weight:700}.estimate-result .primary{width:100%;margin-top:6px;min-height:42px;font-size:14px;font-weight:850}.estimate-result-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.8);color:#64748b;font-size:21px;line-height:1}
.form-grid label.field-error{border-color:#ef4444;background:#fff7f7;box-shadow:0 0 0 3px rgba(239,68,68,.14)}.form-grid label.field-error input,.form-grid label.field-error select{color:#b91c1c}.wizard-step[data-step="0"] .estimate-box-weight{grid-column:span 6}.wizard-step[data-step="0"] .measure-field{grid-column:span 4}
.step-validation-message{position:relative;inset:auto;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:42px;margin:10px 0 2px;padding:10px 14px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#b91c1c;text-align:center;font-size:13px;font-weight:750;line-height:1.35;box-shadow:0 8px 22px rgba(127,29,29,.08)}
.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.primary,.secondary{border:0;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;min-height:46px}.primary{background:#0a84ff;color:#fff;box-shadow:0 8px 20px rgba(10,132,255,.22)}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#eef5ff;color:#0a66d6}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.review-card{border:1px solid rgba(203,213,225,.82);border-radius:18px;padding:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}.review-card h3{margin:0 0 8px;font-size:15px}.review-card p{margin:5px 0;color:#334155}.booking-timeline{grid-column:1/-1;position:relative;display:grid;gap:12px;padding-left:6px}.booking-timeline:before{content:"";position:absolute;left:33px;top:34px;bottom:34px;width:3px;border-radius:999px;background:linear-gradient(180deg,#0a84ff,#f59e0b,#22c55e,#10b981)}.timeline-item{position:relative;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:13px;width:100%;min-height:84px;border:1px solid rgba(203,213,225,.86);border-radius:20px;background:#fff;padding:12px 14px;text-align:left;color:#111827;box-shadow:0 8px 24px rgba(15,23,42,.055);font:inherit}.timeline-item:is(button){cursor:pointer}.timeline-item:is(button):hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 12px 28px rgba(10,132,255,.12)}.timeline-icon{position:relative;z-index:1;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#e8f3ff,#e9f9ef);display:grid;place-items:center;color:#0a66d6;box-shadow:0 0 0 8px #fff}.timeline-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.timeline-copy{display:grid;gap:3px;min-width:0}.timeline-copy b{font-size:16px}.timeline-copy small{color:#111827;font-size:14px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-copy em{color:#64748b;font-size:12px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-action{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:7px 10px;border-radius:999px;background:#eef6ff;color:#0a66d6;font-size:12px;font-weight:850}.timeline-price{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:rgba(16,185,129,.34)}.timeline-price .timeline-icon{background:linear-gradient(135deg,#dcfce7,#e8f3ff);color:#059669}.timeline-price .timeline-action{background:#dcfce7;color:#087a45}.confirm-box{margin-top:14px;background:#fff4e5;border:1px solid #fed7aa;border-radius:16px;padding:12px;font-weight:700}.confirm-box input{margin-right:7px}
.api-result{margin-top:16px;background:#0f172a;color:#e5edff;border-radius:12px;overflow:hidden}.api-result div{display:flex;align-items:center;justify-content:space-between;background:#17233a;padding:11px 13px}.api-result pre{margin:0;min-height:130px;white-space:pre-wrap;padding:13px;font-size:12px}
.smooth-select{position:relative;cursor:pointer}.smooth-select select{pointer-events:none;appearance:none;-webkit-appearance:none;padding-right:22px}.smooth-select:after{content:"";position:absolute;right:11px;bottom:15px;width:7px;height:7px;border-right:1.5px solid #64748b;border-bottom:1.5px solid #64748b;transform:rotate(45deg)}
#estPickupPin,#estDeliveryPin,#estBoxes,#estWeight,#estLength,#estWidth,#estHeight{padding-left:30px;background-repeat:no-repeat;background-position:8px center;background-size:20px}#estPickupPin,#estDeliveryPin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3C/svg%3E")}#estBoxes{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2'%3E%3Cpath d='m4 7 8-4 8 4-8 4zM4 7v10l8 4 8-4V7M12 11v10'/%3E%3C/svg%3E")}#estWeight{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2'%3E%3Cpath d='M6 8h12l2 13H4z'/%3E%3Ccircle cx='12' cy='5' r='3'/%3E%3C/svg%3E")}#estLength,#estWidth,#estHeight{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2'%3E%3Cpath d='M3 12h18M3 8v8M21 8v8M8 9v6M16 9v6'/%3E%3C/svg%3E")}
.route-preview{position:relative;width:min(520px,100%);margin:22px auto 10px;padding:18px 18px 74px;border:1px solid rgba(203,213,225,.75);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.06);display:grid;grid-template-columns:1fr;align-items:center;gap:8px;overflow:hidden}.route-point{display:grid;justify-self:start;gap:2px;min-height:38px}.route-point small{justify-self:start;padding:3px 7px;border-radius:999px;background:#e8f3ff;color:#0a66d6;font-size:9px;font-weight:800}.route-point-end{justify-self:end;text-align:right}.route-point-end small{justify-self:end;background:#e9f9ef;color:#087a45}.route-point b{display:block;min-height:18px;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:.01em}.route-point span{display:block;min-height:15px;max-width:150px;font-size:9px;color:#64748b;line-height:1.25}.route-track{display:flex;align-items:center;width:100%;min-height:104px;padding:4px 0;border-radius:16px;background:#fff}.route-package{position:absolute;left:18px;right:18px;bottom:12px;display:flex;justify-content:space-between;padding-top:8px;margin-top:0;border-top:1px solid #e5eaf2;color:#475569;font-size:12px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 34px);z-index:2}.route-package b{color:#0a66d6}
.shipment-actions{position:absolute;left:18px;right:18px;bottom:12px;z-index:13;display:grid;gap:8px;margin-top:0;padding-top:0}.route-calculate{width:100%;margin-top:0;min-height:44px}.route-call{position:absolute;left:0;right:0;bottom:52px;display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;margin-top:0;border:1px solid #0a84ff;border-radius:14px;background:#eef6ff;color:#0a66d6;font-size:14px;font-weight:850;text-decoration:none;transform-origin:center;box-shadow:0 8px 20px rgba(10,132,255,.12);z-index:4}.route-call[hidden],.route-call[aria-hidden="true"]{display:none !important}.route-call.call-attention{animation:callPop .62s cubic-bezier(.2,.8,.2,1) 3}@keyframes callPop{0%{opacity:.45;transform:scale(.92)}45%{opacity:1;transform:scale(1.045);box-shadow:0 8px 22px rgba(10,132,255,.28)}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 rgba(10,132,255,0)}}
.delivery-scene{display:block;width:100%;height:88px;overflow:visible;shape-rendering:geometricPrecision}.road-line{fill:none;stroke:#60a5fa;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 7}.road-shadow{stroke:#e8f3ff;stroke-width:14;stroke-dasharray:none}.pin-dot{fill:#0a84ff}.pin-dot.end{fill:#22c55e}.truck{fill:#0a84ff;stroke:#0759b7;stroke-width:2;transform:translateX(0)}.truck circle{fill:#1e293b;stroke:#fff;stroke-width:2}.parcel{fill:#f59e0b;stroke:#b45309;stroke-width:1.5;opacity:0;transform:translate(0,0)}.road-line{fill:none;stroke:#60a5fa;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 7}.road-shadow{stroke:#e8f3ff;stroke-width:14;stroke-dasharray:none}.pin-dot{fill:#0a84ff}.pin-dot.end{fill:#22c55e}.truck{fill:#0a84ff;stroke:#0759b7;stroke-width:2;transform:translateX(0)}.truck circle{fill:#1e293b;stroke:#fff;stroke-width:2}.parcel{fill:#f59e0b;stroke:#b45309;stroke-width:1.5;opacity:0;transform:translate(0,0)}.route-preview.route-ready .parcel{animation:loadParcel 1.6s ease forwards,driveParcel 6s 1.6s cubic-bezier(.4,0,.2,1) forwards}.route-preview.route-ready .truck{animation:driveTruck 6s 1.6s cubic-bezier(.4,0,.2,1) forwards}@keyframes loadParcel{0%{opacity:0;transform:translate(0,-18px)}100%{opacity:1;transform:translate(62px,4px)}}@keyframes driveTruck{0%{transform:translate(0,0) rotate(-8deg)}45%{transform:translate(165px,13px) rotate(8deg)}75%{transform:translate(275px,-7px) rotate(-7deg)}100%{transform:translate(360px,-18px) rotate(-10deg)}}@keyframes driveParcel{0%{transform:translate(62px,4px)}45%{transform:translate(227px,17px)}75%{transform:translate(337px,-3px)}100%{transform:translate(422px,-14px)}}
.route-preview.route-calculating .parcel{animation:driveParcel 2.8s linear infinite;opacity:1}.route-preview.route-calculating .truck{animation:driveTruck 2.8s linear infinite}.route-preview.route-calculating .road-line{stroke-dashoffset:0}.route-preview.route-calculating .route-track{transform:translateZ(0)}
.select-sheet{position:fixed;inset:0;z-index:2200;overflow:hidden;visibility:hidden;pointer-events:none}.select-sheet.open{visibility:visible;pointer-events:auto}.select-sheet-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.34);opacity:0;transition:opacity .24s ease}.select-sheet.open .select-sheet-backdrop{opacity:1}.select-sheet-panel{position:absolute;left:10px;right:10px;bottom:10px;max-width:520px;margin:auto;padding:8px 14px calc(14px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(248,250,252,.96);box-shadow:0 24px 70px rgba(15,23,42,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:translateY(calc(100% + 24px));transition:transform .28s cubic-bezier(.22,.8,.22,1)}.select-sheet.open .select-sheet-panel{transform:translateY(0)}.select-sheet-handle{width:36px;height:4px;margin:1px auto 8px;border-radius:4px;background:#cbd5e1}.select-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 10px}.select-sheet-head strong{font-size:15px}.select-sheet-head button{border:0;background:transparent;color:#0a66d6;font-size:14px;font-weight:700}.select-sheet-options{overflow:hidden;border-radius:14px;background:#fff}.select-sheet-option{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px;border:0;border-bottom:1px solid #eef2f7;background:#fff;color:#111827;font-size:14px;font-family:inherit;font-weight:600;text-align:left}.select-sheet-option:last-child{border-bottom:0}.select-sheet-option.selected{color:#0a66d6}.select-sheet-option.selected:after{content:"\2713";font-size:17px;font-weight:800}
body:has(.select-sheet.open) .pwa-bottom-nav{visibility:hidden!important;pointer-events:none!important}
.customer-auth-sheet{position:fixed;inset:0;z-index:110;overflow:hidden;visibility:hidden;pointer-events:none}.customer-auth-sheet.open{visibility:visible;pointer-events:auto}.customer-auth-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.46);opacity:0;transition:opacity .24s ease}.customer-auth-sheet.open .customer-auth-backdrop{opacity:1}.customer-auth-panel{position:absolute;left:12px;right:12px;bottom:12px;max-width:430px;margin:auto;padding:8px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(15,23,42,.32);transform:translateY(calc(100% + 30px));transition:transform .3s cubic-bezier(.22,.8,.22,1)}.customer-auth-sheet.open .customer-auth-panel{transform:translateY(0)}.customer-auth-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:21px}.customer-auth-view{display:grid;gap:10px;text-align:center;padding-top:2px}.customer-auth-view[hidden]{display:none}.auth-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto;border-radius:15px;background:linear-gradient(135deg,#e8f3ff,#e9f9ef);color:#0a66d6;font-size:22px;font-weight:900}.customer-auth-view h2{margin:0;font-size:22px}.customer-auth-view p{margin:0 0 2px;color:#64748b;font-size:13px}.customer-auth-view label{display:grid;gap:5px;text-align:left;color:#475569;font-size:11px;font-weight:750}.customer-auth-view label em{float:right;color:#94a3b8;font-style:normal;font-weight:500}.customer-auth-view input{width:100%;height:48px;border:1px solid #dbe3ef;border-radius:13px;padding:0 13px;background:#f8fafc;color:#111827;font:600 16px inherit;outline:none}.customer-auth-view input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(10,132,255,.12)}.customer-auth-view input.invalid{border-color:#ef4444;background:#fff7f7}.auth-message{min-height:18px;color:#dc2626;font-size:12px;font-weight:650}.auth-message.success{color:#087a45}.customer-auth-view .primary{min-height:48px;font-size:15px}.auth-link{border:0;background:transparent;color:#0a66d6;font-weight:750}
.customer-auth-brand{display:grid;place-items:center;width:50px;height:50px;margin:4px auto 10px;border-radius:15px;background:linear-gradient(135deg,#1687ff,#12b981);color:#fff;font-size:26px;font-weight:950}.customer-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 34px 12px;padding:5px;border-radius:16px;background:#edf3fa}.customer-auth-tabs button{min-height:42px;border:0;border-radius:12px;background:transparent;color:#64748b;font:850 14px inherit;cursor:pointer}.customer-auth-tabs button.active{background:#fff;color:#0969da;box-shadow:0 5px 15px rgba(15,23,42,.08)}.auth-eyebrow{color:#0969da!important;text-transform:uppercase;letter-spacing:.1em;font-size:11px!important;font-weight:900}.customer-auth-panel{max-width:500px}.customer-auth-view{padding:0 16px}.customer-auth-view .primary{border-radius:14px;background:linear-gradient(135deg,#1687ff,#0969da)}
.customer-auth-switch{margin:0!important;color:#64748b!important;font-size:12px!important}.customer-auth-switch .auth-link{font-size:12px}
@media(min-width:700px){.customer-auth-panel{top:50%;bottom:auto;transform:translateY(calc(-50% + 34px))}.customer-auth-sheet.open .customer-auth-panel{transform:translateY(-50%)}}
.package-edit-sheet{position:fixed;inset:0;z-index:112;overflow:hidden;visibility:hidden;pointer-events:none}.package-edit-sheet.open{visibility:visible;pointer-events:auto}.package-edit-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.46);opacity:0;transition:opacity .24s ease}.package-edit-sheet.open .package-edit-backdrop{opacity:1}.package-edit-panel{position:absolute;left:12px;right:12px;bottom:12px;max-width:520px;margin:auto;padding:8px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(15,23,42,.32);transform:translateY(calc(100% + 30px));transition:transform .3s cubic-bezier(.22,.8,.22,1)}.package-edit-sheet.open .package-edit-panel{transform:translateY(0)}.package-edit-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:21px}.package-edit-panel h2{margin:0;text-align:center;font-size:22px}.package-edit-panel p{margin:5px 0 12px;text-align:center;color:#64748b;font-size:13px}.package-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.package-edit-grid label{display:block;border:1px solid #dbe3ef;border-radius:13px;background:#f8fafc;padding:7px 10px;color:#64748b;font-size:11px;font-weight:750}.package-edit-grid input,.package-edit-grid select{display:block;width:100%;height:38px;border:0;background:transparent;outline:0;color:#111827;font:700 15px inherit}.package-edit-message{display:block;min-height:20px;margin:9px 0 4px;text-align:center;color:#dc2626;font-size:12px;font-weight:750}.package-edit-message:empty{margin:5px 0}
.other-package-sheet{position:fixed;inset:0;z-index:116;overflow:hidden;visibility:hidden;pointer-events:none}.other-package-sheet.open{visibility:visible;pointer-events:auto}.other-package-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.46);opacity:0;transition:opacity .24s ease}.other-package-sheet.open .other-package-backdrop{opacity:1}.other-package-panel{position:absolute;left:12px;right:12px;bottom:12px;max-width:430px;margin:auto;padding:8px 18px calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(15,23,42,.32);text-align:center;transform:translateY(calc(100% + 30px));transition:transform .3s cubic-bezier(.22,.8,.22,1)}.other-package-sheet.open .other-package-panel{transform:translateY(0)}.other-package-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:21px}.other-package-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 8px;border-radius:15px;background:linear-gradient(135deg,#e8f3ff,#e9f9ef);color:#0a66d6;font-size:24px;font-weight:900}.other-package-panel h2{margin:0;font-size:22px}.other-package-panel p{margin:5px auto 12px;max-width:320px;color:#64748b;font-size:13px}.other-package-panel label{display:grid;gap:5px;text-align:left;color:#475569;font-size:11px;font-weight:750}.other-package-panel input{width:100%;height:48px;border:1px solid #dbe3ef;border-radius:13px;padding:0 13px;background:#f8fafc;color:#111827;font:700 16px inherit;outline:none}.other-package-panel input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(10,132,255,.12)}.other-package-panel input.invalid{border-color:#ef4444;background:#fff7f7}.other-package-message{display:block;min-height:20px;margin:8px 0 4px;color:#dc2626;font-size:12px;font-weight:750}.other-package-panel .primary{width:100%;min-height:48px}
.pin-warning-sheet{position:fixed;inset:0;z-index:115;overflow:hidden;visibility:hidden;pointer-events:none}.pin-warning-sheet.open{visibility:visible;pointer-events:auto}.pin-warning-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.44);opacity:0;transition:opacity .22s ease}.pin-warning-sheet.open .pin-warning-backdrop{opacity:1}.pin-warning-panel{position:absolute;left:12px;right:12px;bottom:12px;max-width:430px;margin:auto;padding:8px 18px calc(18px + env(safe-area-inset-bottom));border-radius:25px;background:#fff;text-align:center;box-shadow:0 26px 70px rgba(15,23,42,.3);transform:translateY(calc(100% + 28px));transition:transform .28s cubic-bezier(.22,.8,.22,1)}.pin-warning-sheet.open .pin-warning-panel{transform:translateY(0)}.pin-warning-icon{display:grid;place-items:center;width:42px;height:42px;margin:2px auto 8px;border-radius:14px;background:#fff4e5;color:#b45309;font-size:23px;font-weight:900}.pin-warning-panel h2{margin:0;font-size:21px}.pin-warning-panel p{margin:7px 0 14px;color:#64748b;font-size:13px}.pin-warning-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.pin-warning-actions .primary,.pin-warning-actions .secondary{min-height:46px;font-size:14px}
@media(max-width:820px){
 body{background:#f2f2f7;color:#111827;overflow:auto}
.booking-shell{display:block;min-height:100dvh;padding:0;background:#f2f2f7}
.booking-card{width:100%;height:auto;min-height:100dvh;border:0;border-radius:0;box-shadow:none;background:#f2f2f7;overflow:visible}
.booking-hero{position:sticky;top:0;z-index:5;align-items:center;gap:12px;padding:14px 16px 12px;background:rgba(248,250,252,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(203,213,225,.65)}
.brand-mark{width:42px;height:42px;border-radius:12px;font-size:26px;box-shadow:0 8px 20px rgba(37,99,235,.22)}
.booking-hero p{font-size:10px;letter-spacing:.09em}.booking-hero h1{font-size:21px;line-height:1.12;margin:1px 0}.booking-hero span{display:block;font-size:12px;line-height:1.35;max-width:260px}
.stepper{position:sticky;top:69px;z-index:4;display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:rgba(242,242,247,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0;scrollbar-width:none}.stepper::-webkit-scrollbar{display:none}
.stepper button{flex:0 0 auto;min-width:92px;height:38px;border-radius:999px;background:#fff;border:1px solid rgba(203,213,225,.85);box-shadow:0 3px 10px rgba(15,23,42,.04);padding:6px 11px;gap:6px;font-size:12px;justify-content:flex-start}
.stepper b{width:22px;height:22px;font-size:12px}.stepper button.active{background:#0a84ff;color:#fff;border-color:#0a84ff}.stepper button.active b{background:rgba(255,255,255,.22);color:#fff}
.wizard-step{padding:14px 14px 104px}.wizard-step.active{animation:iosSlide .18s ease-out}
@keyframes iosSlide{from{opacity:.55;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.step-title{display:block;margin:2px 2px 14px}.step-title p{font-size:11px}.step-title h2{font-size:24px;letter-spacing:-.01em;margin:2px 0 8px}.safe-chip{font-size:11px;padding:5px 9px}
.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.form-grid>label{grid-column:span 6}.form-grid>label.dimension-field{grid-column:span 3}.wizard-step[data-step="0"] .form-grid>label.measure-field{grid-column:span 4}.form-grid>label.full{grid-column:1/-1}.review-grid{grid-template-columns:1fr;gap:10px}
.wizard-step[data-step="1"] .form-grid>label:has(#pickupName),.wizard-step[data-step="1"] .form-grid>label:has(#pickupMobile),.wizard-step[data-step="1"] .form-grid>label:has(#pickupPin){grid-column:span 4}
.form-grid label{display:block;background:#fff;border:1px solid rgba(203,213,225,.75);border-radius:10px;padding:5px 8px;font-size:10px;color:#64748b;font-weight:650;box-shadow:0 3px 12px rgba(15,23,42,.03)}
.form-grid input,.form-grid select,.form-grid textarea{min-height:42px;margin-top:1px;border:0;border-radius:0;padding:4px 0;background:transparent;font-size:14px;color:#111827;box-shadow:none}
.form-grid textarea{min-height:72px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{box-shadow:none;border-color:transparent}.form-grid label:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(10,132,255,.12),0 4px 16px rgba(15,23,42,.04)}
.route-preview{margin:34px auto 0;padding:16px;border-radius:18px}
.estimate-result{grid-template-columns:1fr auto}
.wizard-step[data-step="0"] .estimate-result{bottom:calc(104px + env(safe-area-inset-bottom));max-height:calc(100dvh - 170px)}
.estimate-result strong{font-size:13px}.estimate-result span{font-size:30px;letter-spacing:-.02em;min-height:36px;display:block}.estimate-result small{font-size:13px;line-height:1.45;min-height:18px}
.actions{position:fixed;left:0;right:0;bottom:0;z-index:8;display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(242,242,247,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(203,213,225,.75)}
.actions:has(.secondary + .primary){grid-template-columns:1fr 1.35fr}.primary,.secondary{width:100%;min-height:48px;border-radius:14px;font-size:16px;letter-spacing:-.01em}.primary{background:#0a84ff;box-shadow:0 8px 20px rgba(10,132,255,.24)}.secondary{background:#fff;color:#0a66d6;border:1px solid rgba(203,213,225,.85)}
.review-card{border:0;border-radius:16px;background:#fff;padding:14px 15px;box-shadow:0 4px 16px rgba(15,23,42,.04)}.review-card h3{font-size:14px;color:#64748b}.review-card p{font-size:15px;line-height:1.45}.booking-timeline{gap:9px;padding-left:0}.booking-timeline:before{left:26px;top:30px;bottom:30px}.timeline-item{grid-template-columns:50px 1fr auto;min-height:76px;border-radius:17px;padding:10px 11px;gap:10px}.timeline-icon{width:48px;height:48px;border-radius:16px;box-shadow:0 0 0 6px #fff}.timeline-icon svg{width:27px;height:27px}.timeline-copy b{font-size:15px}.timeline-copy small{font-size:12px}.timeline-copy em{font-size:11px}.timeline-action{min-width:auto;padding:6px 8px;font-size:11px}.package-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.confirm-box{border:0;border-radius:16px;background:#fff4e5;font-size:14px;line-height:1.45}
.api-result{border-radius:16px;margin-top:14px;margin-bottom:10px}.api-result pre{max-height:260px;overflow:auto;font-size:11px}
.wizard-step[data-step="3"].active{display:flex;height:calc(100dvh - 116px);min-height:0;flex-direction:column;padding:8px 12px 86px;overflow:hidden}.wizard-step[data-step="3"] .step-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}.wizard-step[data-step="3"] .step-title h2{font-size:22px;margin:0}.wizard-step[data-step="3"] .safe-chip{max-width:138px;padding:4px 7px;font-size:9px;line-height:1.2;text-align:center}.wizard-step[data-step="3"] .review-grid{flex:1;min-height:0;gap:7px}.wizard-step[data-step="3"] .booking-timeline{gap:7px}.wizard-step[data-step="3"] .booking-timeline:before{left:23px;top:26px;bottom:26px;width:2px}.wizard-step[data-step="3"] .timeline-item{grid-template-columns:44px minmax(0,1fr) auto;min-height:64px;padding:7px 9px;border-radius:14px;gap:8px}.wizard-step[data-step="3"] .timeline-icon{width:42px;height:42px;border-radius:14px;box-shadow:0 0 0 5px #fff}.wizard-step[data-step="3"] .timeline-icon svg{width:23px;height:23px}.wizard-step[data-step="3"] .timeline-copy{gap:1px}.wizard-step[data-step="3"] .timeline-copy b{font-size:13px}.wizard-step[data-step="3"] .timeline-copy small{font-size:11px}.wizard-step[data-step="3"] .timeline-copy em{font-size:10px}.wizard-step[data-step="3"] .timeline-action{padding:5px 7px;font-size:10px}.wizard-step[data-step="3"] .confirm-box{margin-top:7px;padding:9px 10px;border-radius:13px;font-size:12px;line-height:1.25}.wizard-step[data-step="3"] .api-result{margin-top:7px;margin-bottom:0;border-radius:13px;flex:0 0 auto}.wizard-step[data-step="3"] .api-result div{padding:7px 10px;font-size:11px}.wizard-step[data-step="3"] .api-result pre{min-height:0;max-height:34px;overflow:hidden;padding:7px 10px;font-size:10px;line-height:1.25}
}

@media(max-width:430px){
body{overflow:auto}
.booking-shell{display:block;min-height:100dvh;padding:0;background:#f2f2f7}
.booking-card{width:100%;height:auto;min-height:100dvh;border:0;border-radius:0;box-shadow:none;background:#f2f2f7;overflow:visible}
.booking-hero{position:sticky;top:0;z-index:5;align-items:center;gap:12px;padding:14px 16px 12px;background:rgba(248,250,252,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(203,213,225,.65)}
.brand-mark{width:42px;height:42px;border-radius:12px;font-size:26px;box-shadow:0 8px 20px rgba(37,99,235,.22)}
.booking-hero p{font-size:10px;letter-spacing:.09em}.booking-hero h1{font-size:21px;line-height:1.12;margin:1px 0}.booking-hero span{display:block;font-size:12px;line-height:1.35;max-width:260px}
.stepper{position:sticky;top:69px;z-index:4;display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:rgba(242,242,247,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0;scrollbar-width:none}.stepper::-webkit-scrollbar{display:none}
.stepper button{flex:0 0 auto;min-width:92px;height:38px;border-radius:999px;background:#fff;border:1px solid rgba(203,213,225,.85);box-shadow:0 3px 10px rgba(15,23,42,.04);padding:6px 11px;gap:6px;font-size:12px;justify-content:flex-start}
.stepper b{width:22px;height:22px;font-size:12px}.stepper button.active{background:#0a84ff;color:#fff;border-color:#0a84ff}.stepper button.active b{background:rgba(255,255,255,.22);color:#fff}
.wizard-step{padding:14px 14px 104px}.wizard-step.active{animation:iosSlide .18s ease-out}
@keyframes iosSlide{from{opacity:.55;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.step-title{display:block;margin:2px 2px 14px}.step-title p{font-size:11px}.step-title h2{font-size:24px;letter-spacing:-.01em;margin:2px 0 8px}.safe-chip{font-size:11px;padding:5px 9px}
.wizard-step[data-step="0"].active{display:flex;min-height:calc(100dvh - 69px);height:auto;flex-direction:column;overflow:auto;padding-bottom:calc(160px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;animation:none}
.form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}.form-grid>label{grid-column:span 6}.form-grid>label.dimension-field{grid-column:span 4}.wizard-step[data-step="0"] .form-grid>label.measure-field{grid-column:span 4}.form-grid>label.full{grid-column:1/-1}.review-grid{grid-template-columns:1fr;gap:10px}
.wizard-step[data-step="1"] .form-grid>label:has(#pickupName),.wizard-step[data-step="1"] .form-grid>label:has(#pickupMobile),.wizard-step[data-step="1"] .form-grid>label:has(#pickupPin){grid-column:span 4}
.form-grid label{display:block;background:#fff;border:1px solid rgba(203,213,225,.75);border-radius:10px;padding:5px 8px;font-size:10px;color:#64748b;font-weight:650;box-shadow:0 3px 12px rgba(15,23,42,.03)}
.form-grid input,.form-grid select,.form-grid textarea{min-height:42px;margin-top:1px;border:0;border-radius:0;padding:4px 0;background:transparent;font-size:16px;color:#111827;box-shadow:none}
.form-grid textarea{min-height:72px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{box-shadow:none;border-color:transparent}.form-grid label:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(10,132,255,.12),0 4px 16px rgba(15,23,42,.04)}
.route-preview{margin:14px auto 0;padding:12px 12px 22px;border-radius:18px;position:relative;overflow:hidden}
.wizard-step[data-step="0"] .route-track{min-height:34px}
.wizard-step[data-step="0"] .delivery-scene{height:28px}
.wizard-step[data-step="0"] .route-point{min-height:30px}
.wizard-step[data-step="0"] .route-point b{font-size:12px}
.wizard-step[data-step="0"] .route-point span{max-width:120px;font-size:8px}
.wizard-step[data-step="0"] .route-package{padding-top:6px;font-size:10px}
.wizard-step[data-step="0"] .route-package b{font-size:12px}
.wizard-step[data-step="0"] .route-calculate{position:static;left:auto;right:auto;bottom:auto;z-index:auto;min-height:44px;border-radius:14px;font-size:14px;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(10,132,255,.2);margin-top:8px}
.wizard-step[data-step="0"] .route-call{position:static;left:auto;right:auto;bottom:auto;z-index:auto;min-height:44px;border-radius:14px;font-size:14px;width:100%;display:flex;align-items:center;justify-content:center;margin-top:8px}
.estimate-result-sheet{position:absolute;left:10px;right:10px;bottom:10px;display:none;width:auto;margin-top:0;visibility:hidden;pointer-events:none;z-index:12}
.estimate-result-sheet.open{display:block;visibility:visible;pointer-events:auto}
.estimate-result-backdrop{display:none}
.estimate-result{position:relative;left:auto;right:auto;bottom:auto;max-width:none;width:100%;margin:0;border:1px solid rgba(16,185,129,.28);background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-radius:18px;padding:10px 16px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.18);transform:none;transition:none;font-family:inherit}.estimate-result strong,.estimate-result span,.estimate-result small,.estimate-result button{font-family:inherit}.estimate-result strong{font-size:13px;line-height:1.1}.estimate-result span{font-size:26px;line-height:1.05;min-height:32px}.estimate-result small{font-size:12px;line-height:1.25}.estimate-result .primary{min-height:42px;font-size:14px;font-weight:850}
.wizard-step[data-step="0"] .estimate-result{bottom:auto;max-height:none}
.estimate-result strong{font-size:13px;line-height:1.1}.estimate-result span{font-size:26px;letter-spacing:-.02em;min-height:32px;display:block}.estimate-result small{font-size:12px;line-height:1.25;min-height:18px}
.estimate-result-sheet.open .estimate-result{transform:none}
.actions{position:fixed;left:0;right:0;bottom:0;z-index:8;display:grid;grid-template-columns:1fr;gap:8px;margin:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(242,242,247,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(203,213,225,.75)}
.actions:has(.secondary + .primary){grid-template-columns:1fr 1.35fr}.primary,.secondary{width:100%;min-height:48px;border-radius:14px;font-size:16px;letter-spacing:-.01em}.primary{background:#0a84ff;box-shadow:0 8px 20px rgba(10,132,255,.24)}.secondary{background:#fff;color:#0a66d6;border:1px solid rgba(203,213,225,.85)}
.review-card{border:0;border-radius:16px;background:#fff;padding:14px 15px;box-shadow:0 4px 16px rgba(15,23,42,.04)}.review-card h3{font-size:14px;color:#64748b}.review-card p{font-size:15px;line-height:1.45}.booking-timeline{gap:9px;padding-left:0}.booking-timeline:before{left:26px;top:30px;bottom:30px}.timeline-item{grid-template-columns:50px 1fr auto;min-height:76px;border-radius:17px;padding:10px 11px;gap:10px}.timeline-icon{width:48px;height:48px;border-radius:16px;box-shadow:0 0 0 6px #fff}.timeline-icon svg{width:27px;height:27px}.timeline-copy b{font-size:15px}.timeline-copy small{font-size:12px}.timeline-copy em{font-size:11px}.timeline-action{min-width:auto;padding:6px 8px;font-size:11px}.package-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){
.wizard-step{padding:12px 12px 140px}
.wizard-step[data-step="0"].active{padding-bottom:calc(164px + env(safe-area-inset-bottom));overflow:auto;-webkit-overflow-scrolling:touch;animation:none}
.booking-hero{padding:11px 12px 9px}
.booking-hero h1{font-size:19px}
.form-grid{gap:5px}
.form-grid label{padding:3px 6px}
.wizard-step[data-step="0"] .form-grid>label.measure-field,.wizard-step[data-step="0"] .form-grid>label.estimate-box-weight{padding:3px 6px}
.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}
.route-preview{margin-top:12px;padding:10px 10px 150px}
.wizard-step[data-step="0"] .route-track{min-height:30px}
.wizard-step[data-step="0"] .delivery-scene{height:24px}
.wizard-step[data-step="0"] .route-package{padding-top:6px}
.wizard-step[data-step="0"] .route-calculate{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(10,132,255,.2)}
.wizard-step[data-step="0"] .route-call{position:sticky;bottom:calc(68px + env(safe-area-inset-bottom));z-index:19;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;margin-top:8px}
.wizard-step[data-step="0"] .route-point span{display:none}
.estimate-result{transition:none}
.wizard-step[data-step="0"] .estimate-result{bottom:auto;max-height:none}
}

@media(max-width:360px){
.wizard-step[data-step="0"] .form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.wizard-step[data-step="0"] .form-grid>label{grid-column:span 6}.wizard-step[data-step="0"] .form-grid>label.measure-field{grid-column:span 4}.wizard-step[data-step="0"] .form-grid>label.estimate-box-weight{grid-column:span 6}
.wizard-step[data-step="0"] .route-track{min-height:34px}
.wizard-step[data-step="0"] .delivery-scene{height:28px}
.wizard-step[data-step="0"] .route-preview{padding:9px 9px 10px;position:relative;overflow:hidden}
.wizard-step[data-step="0"] .route-point{min-height:30px}
.wizard-step[data-step="0"] .route-point small{font-size:7px}
.wizard-step[data-step="0"] .route-point b{font-size:10px}
.wizard-step[data-step="0"] .route-point span{display:none}
.wizard-step[data-step="0"] .route-package{font-size:9px}
.wizard-step[data-step="0"] .route-calculate{position:static;left:auto;right:auto;bottom:auto;z-index:auto;font-size:13px;min-height:40px;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(10,132,255,.2);margin-top:8px}
.wizard-step[data-step="0"] .route-call{position:static;left:auto;right:auto;bottom:auto;z-index:auto;font-size:13px;min-height:40px;width:100%;display:flex;align-items:center;justify-content:center;margin-top:8px}
.estimate-result-sheet{position:absolute;left:10px;right:10px;bottom:10px;display:none;width:auto;margin-top:0;visibility:hidden;pointer-events:none;z-index:12}
.estimate-result-sheet.open{display:block;visibility:visible;pointer-events:auto}
.estimate-result-backdrop{display:none}
.estimate-result{position:relative;left:auto;right:auto;bottom:auto;max-width:none;width:100%;margin:0;border:1px solid rgba(16,185,129,.28);background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-radius:18px;padding:10px 16px 12px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.18);transform:none;transition:none;font-family:inherit}.estimate-result strong,.estimate-result span,.estimate-result small,.estimate-result button{font-family:inherit}.estimate-result strong{font-size:13px;line-height:1.1}.estimate-result span{font-size:26px;line-height:1.05;min-height:32px}.estimate-result small{font-size:12px;line-height:1.25}.estimate-result .primary{min-height:42px;font-size:14px;font-weight:850}
.wizard-step[data-step="0"] .estimate-result{bottom:auto;max-height:none}
}
@media (orientation:landscape) and (max-height:500px) and (max-width:950px){
.wizard-step{padding:10px 14px 24px}
.route-preview{width:100%;max-width:none;margin:12px 0 0;padding:14px 18px;grid-template-columns:minmax(92px,auto) minmax(0,1fr) minmax(92px,auto);column-gap:14px}
.route-point{grid-column:1;grid-row:1;z-index:2;justify-self:start;align-self:center}
.route-track{grid-column:1/-1;grid-row:1;min-width:0;min-height:112px}
.route-point-end{grid-column:3;grid-row:1;justify-self:end;align-self:center}
.route-package,.route-calculate,.route-call{grid-column:1/-1}
.delivery-scene{width:100%;height:96px}
}
@media (min-width:900px){
.booking-card{width:min(1180px,100%)}
.wizard-step[data-step="0"].active{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr);gap:24px;align-items:start}
.wizard-step[data-step="0"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.wizard-step[data-step="0"] .measure-field{grid-column:span 1}
.wizard-step[data-step="0"] .route-preview{width:100%;max-width:none;margin:0;align-self:stretch}
.wizard-step[data-step="0"] .route-track{min-height:150px}
.wizard-step[data-step="0"] .delivery-scene{height:112px}
}
@media (min-width:600px) and (max-width:899px) and (min-height:600px){
body{background:radial-gradient(circle at top left,rgba(10,132,255,.14),transparent 32%),linear-gradient(180deg,#f8fbff,#f2f2f7 44%,#eef3fb)}
.booking-shell{display:grid;place-items:center;min-height:100dvh;padding:24px;background:transparent}
.booking-card{width:100%;min-height:auto;border:1px solid rgba(209,218,232,.9);border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.14);overflow:hidden;background:rgba(255,255,255,.88)}
.booking-hero{position:static;padding:18px 20px}
.wizard-step{padding:20px 20px 28px}
.route-preview{width:100%;max-width:none;margin:20px 0 0}
}
.pickup-story{width:min(620px,100%);min-height:260px;margin:18px auto 0;display:grid;place-items:center;overflow:hidden}.pickup-story svg{display:block;width:100%;height:auto;max-height:330px}.story-sun{fill:#fde68a;transform-origin:308px 38px;animation:storyGlow 3s ease-in-out infinite}.story-cloud{fill:#fff;opacity:.92;animation:cloudDrift 12s ease-in-out infinite}.story-road{fill:none;stroke:#dbeafe;stroke-width:16;stroke-linecap:round}.story-house{fill:#fff;stroke:#93c5fd;stroke-width:2}.house-roof{fill:none;stroke:#0a84ff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.house-door{fill:#bfdbfe}.house-window{fill:#dff5ff;stroke:#60a5fa}.story-parcel{fill:#f59e0b;stroke:#b45309;stroke-width:1.5;animation:parcelPickup 10s ease-in-out infinite}.story-courier{stroke:#1e3a5f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:courierCollect 10s ease-in-out infinite}.courier-head{fill:#f4c7a1;stroke-width:2}.courier-cap,.courier-body{fill:#0a84ff;stroke:#0759b7;stroke-width:2}.courier-limb{fill:none}.wave-arm{transform-origin:109px 136px;animation:courierWave 10s ease-in-out infinite}.story-truck{stroke:#0759b7;stroke-width:2;animation:truckDeparture 10s ease-in-out infinite}.truck-box,.truck-cab{fill:#0a84ff}.truck-window{fill:#bfe3ff}.truck-wheel{fill:#1e293b;stroke:#fff;stroke-width:3}.truck-mark{fill:#fff;stroke:none}.pickup-story text{fill:#64748b;font-size:10px;font-weight:700;letter-spacing:.02em}@keyframes courierCollect{0%,10%{opacity:1;transform:translateX(0)}38%,58%{opacity:1;transform:translateX(91px)}62%,100%{opacity:0;transform:translateX(91px)}}@keyframes parcelPickup{0%,10%{opacity:1;transform:translate(0,0)}18%,40%{opacity:1;transform:translate(87px,-18px)}45%,100%{opacity:0;transform:translate(118px,-12px)}}@keyframes courierWave{0%,40%{transform:rotate(0)}45%{transform:rotate(-32deg)}49%{transform:rotate(18deg)}53%{transform:rotate(-32deg)}58%,100%{transform:rotate(0)}}@keyframes truckDeparture{0%,58%{opacity:1;transform:translateX(0)}88%{opacity:1;transform:translateX(185px)}89%,100%{opacity:0;transform:translateX(185px)}}@keyframes cloudDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(34px)}}@keyframes storyGlow{0%,100%{opacity:.75;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
@media(max-width:820px){.wizard-step[data-step="1"].active{display:flex;min-height:calc(100dvh - 69px);flex-direction:column}.wizard-step[data-step="1"] .pickup-story{flex:1;min-height:250px;margin-top:10px}.wizard-step[data-step="1"] .pickup-story svg{max-height:310px}}
@media(prefers-reduced-motion:reduce){.pickup-story *{animation:none!important}}
.delivery-story{width:min(620px,100%);min-height:260px;margin:18px auto 0;display:grid;place-items:center;overflow:hidden}.delivery-story svg{display:block;width:100%;height:auto;max-height:330px}.delivery-sun{fill:#fde68a;transform-origin:178px 35px;animation:storyGlow 3s ease-in-out infinite}.delivery-road{fill:none;stroke:#dbeafe;stroke-width:16;stroke-linecap:round}.hub-building{fill:#dbeafe;stroke:#60a5fa;stroke-width:2}.hub-building path{fill:#fff;stroke:none}.hub-building text{fill:#0a66d6;stroke:none;font-size:10px;font-weight:900}.hub-door{fill:#0a84ff}.delivery-home{fill:#fff;stroke:#86efac;stroke-width:2}.delivery-home-roof{fill:none;stroke:#22c55e;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.delivery-home-door{fill:#bbf7d0}.delivery-home-window{fill:#dcfce7}.delivery-van{stroke:#0759b7;stroke-width:2;animation:deliveryVanTrip 11s ease-in-out infinite}.delivery-van-box,.delivery-van-cab{fill:#0a84ff}.delivery-van-window{fill:#bfe3ff}.delivery-wheel{fill:#1e293b;stroke:#fff;stroke-width:3}.delivery-van-mark{fill:#fff;stroke:none}.delivery-parcel,.handover-parcel{fill:#f59e0b;stroke:#b45309;stroke-width:1.5}.delivery-parcel{animation:hubParcelLoad 11s ease-in-out infinite}.delivery-courier{stroke:#1e3a5f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:deliveryCourierWalk 11s ease-in-out infinite}.delivery-head{fill:#f4c7a1;stroke-width:2}.delivery-cap,.delivery-body{fill:#0a84ff;stroke:#0759b7;stroke-width:2}.delivery-limb{fill:none}.handover-parcel{animation:doorstepHandover 11s ease-in-out infinite}.home-recipient{fill:#f4c7a1;stroke:#1e3a5f;stroke-width:2}.recipient-body{fill:none;stroke:#1e3a5f;stroke-width:4;stroke-linecap:round}.delivery-story text{fill:#64748b;font-size:10px;font-weight:700;letter-spacing:.02em}@keyframes hubParcelLoad{0%,8%{opacity:1;transform:translate(0,0)}18%,32%{opacity:1;transform:translate(48px,-10px)}36%,100%{opacity:0;transform:translate(48px,-10px)}}@keyframes deliveryVanTrip{0%,28%{opacity:1;transform:translateX(0)}62%,86%{opacity:1;transform:translateX(68px)}87%,100%{opacity:0;transform:translateX(68px)}}@keyframes deliveryCourierWalk{0%,58%{opacity:0;transform:translateX(0)}64%{opacity:1;transform:translateX(0)}82%{opacity:1;transform:translateX(31px)}90%,100%{opacity:0;transform:translateX(31px)}}@keyframes doorstepHandover{0%,60%{opacity:0;transform:translateX(0)}66%,82%{opacity:1;transform:translateX(0)}88%{opacity:1;transform:translateX(22px)}92%,100%{opacity:0;transform:translateX(22px)}}@media(max-width:820px){.wizard-step[data-step="2"].active{display:flex;min-height:calc(100dvh - 69px);flex-direction:column}.wizard-step[data-step="2"] .delivery-story{flex:1;min-height:260px;margin-top:12px}.wizard-step[data-step="2"] .delivery-story svg{max-height:315px}}@media(prefers-reduced-motion:reduce){.delivery-story *{animation:none!important}}
.package-edit-message.success{color:#087a45}
.package-content-picker{display:grid;gap:12px}.package-content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.package-content-head h3{margin:0;font-size:20px;letter-spacing:-.02em}.package-content-head span{color:#64748b;font-size:12px}.package-content-row{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.package-content-row::-webkit-scrollbar{display:none}.content-card{position:relative;display:grid;place-items:center;align-content:center;gap:8px;min-height:126px;border:1px solid transparent;border-radius:14px;background:#fff;color:#111827;font:inherit;text-align:center;box-shadow:0 6px 20px rgba(15,23,42,.04);cursor:pointer}.content-card.selected{border-color:#3b82f6;background:#e8efff}.content-card b{font-size:14px;font-weight:650;line-height:1.35}.content-icon{display:grid;place-items:center;width:46px;height:46px}.content-icon svg{width:46px;height:46px;fill:none;stroke:#0f172a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.document-icon svg{stroke:#d97706;fill:#fde68a}.clothes-icon svg{stroke:#0369a1;fill:#7dd3fc}.consumable-icon svg{stroke:#92400e;fill:#fbbf24}.electronics-icon svg{stroke:#0e7490;fill:#a5f3fc}.household-icon svg{stroke:#475569;fill:#e2e8f0}.content-info{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:20px;height:20px;border:1.5px solid #64748b;border-radius:50%;color:#475569;font-size:13px;font-weight:800}.parcel-story{width:min(620px,100%);min-height:210px;margin:16px auto 0;display:grid;place-items:center;overflow:hidden}.parcel-story svg{display:block;width:100%;height:auto;max-height:260px}.parcel-table{fill:none;stroke:#cbd5e1;stroke-width:10;stroke-linecap:round}.parcel-open-box{fill:#fed7aa;stroke:#b45309;stroke-width:3;stroke-linejoin:round}.parcel-item{fill:#dbeafe;stroke:#2563eb;stroke-width:2;animation:dropIntoBox 5s ease-in-out infinite}.parcel-item-two{fill:#dcfce7;stroke:#16a34a;animation-delay:.35s}.parcel-tape{stroke:#0a84ff;stroke-width:5;stroke-linecap:round;animation:tapeBox 5s ease-in-out infinite}.parcel-story text{fill:#64748b;font-size:10px;font-weight:700}@keyframes dropIntoBox{0%,15%{opacity:1;transform:translateY(0)}45%,70%{opacity:1;transform:translateY(58px)}82%,100%{opacity:0;transform:translateY(58px)}}@keyframes tapeBox{0%,45%{opacity:0}55%,100%{opacity:1}}
.delhivery-protect-card{margin-top:10px;border:1px solid #dbe3ef;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,42,.04)}.protect-title{padding:10px 14px;border-bottom:1px solid #e5edf7;color:#0f172a;font-weight:850}.protect-title span{color:#2563eb}.package-value-label{display:grid;gap:6px;padding:12px 14px 8px;color:#334155;font-size:13px;font-weight:800}.money-input{display:flex;align-items:center;height:46px;border:1px solid #dbe3ef;border-radius:12px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.07)}.money-input b{display:grid;place-items:center;width:38px;height:100%;background:#2563eb;color:#fff;font-size:20px}.money-input input{width:100%;height:100%;border:0;padding:0 12px;font:800 18px inherit;outline:0}.protect-option{display:flex;gap:10px;align-items:center;margin:8px 14px 10px;padding:12px;border-radius:16px;background:#f8fbff}.protect-option input{width:19px;height:19px}.protect-option span{display:grid;gap:2px}.protect-option b{color:#0f172a;font-size:15px}.protect-option small{color:#087a45;font-size:13px;font-weight:800}.protect-option em{color:#64748b;font-size:12px;font-style:normal}.delhivery-protect-card p{margin:0;padding:0 14px 12px;color:#94a3b8;font-size:12px;line-height:1.45}
@media(min-width:821px){.wizard-step[data-step="3"] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.wizard-step[data-step="2"].active{display:flex;min-height:calc(100dvh - 69px);flex-direction:column}.wizard-step[data-step="2"] .parcel-story{flex:1;min-height:210px;margin-top:10px}.wizard-step[data-step="2"] .parcel-story svg{max-height:245px}.package-content-head{display:block;margin:0 2px}.package-content-head h3{font-size:18px}.package-content-head span{display:none}.package-content-row{grid-template-columns:repeat(5,120px);gap:10px;margin:0 -12px;padding:0 12px 4px}.content-card{min-height:112px;border-radius:12px}.content-icon,.content-icon svg{width:40px;height:40px}.content-card b{font-size:12px}.wizard-step[data-step="3"].active{display:flex;min-height:calc(100dvh - 69px);height:auto;flex-direction:column;padding:14px 14px 104px;overflow:hidden}.wizard-step[data-step="3"] .delivery-story{flex:1;min-height:260px;margin-top:12px}.wizard-step[data-step="3"] .delivery-story svg{max-height:315px}.wizard-step[data-step="4"].active{display:flex;height:calc(100dvh - 116px);min-height:0;flex-direction:column;padding:8px 12px 86px;overflow:hidden}.wizard-step[data-step="4"] .step-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 8px}.wizard-step[data-step="4"] .step-title h2{font-size:22px;margin:0}.wizard-step[data-step="4"] .safe-chip{max-width:138px;padding:4px 7px;font-size:9px;line-height:1.2;text-align:center}.wizard-step[data-step="4"] .review-grid{flex:1;min-height:0;gap:7px}.wizard-step[data-step="4"] .booking-timeline{gap:7px}.wizard-step[data-step="4"] .booking-timeline:before{left:23px;top:26px;bottom:26px;width:2px}.wizard-step[data-step="4"] .timeline-item{grid-template-columns:44px minmax(0,1fr) auto;min-height:64px;padding:7px 9px;border-radius:14px;gap:8px}.wizard-step[data-step="4"] .timeline-icon{width:42px;height:42px;border-radius:14px;box-shadow:0 0 0 5px #fff}.wizard-step[data-step="4"] .timeline-icon svg{width:23px;height:23px}.wizard-step[data-step="4"] .timeline-copy{gap:1px}.wizard-step[data-step="4"] .timeline-copy b{font-size:13px}.wizard-step[data-step="4"] .timeline-copy small{font-size:11px}.wizard-step[data-step="4"] .timeline-copy em{font-size:10px}.wizard-step[data-step="4"] .timeline-action{padding:5px 7px;font-size:10px}.wizard-step[data-step="4"] .confirm-box{margin-top:7px;padding:9px 10px;border-radius:13px;font-size:12px;line-height:1.25}.wizard-step[data-step="4"] .api-result{margin-top:7px;margin-bottom:0;border-radius:13px;flex:0 0 auto}.wizard-step[data-step="4"] .api-result div{padding:7px 10px;font-size:11px}.wizard-step[data-step="4"] .api-result pre{min-height:0;max-height:34px;overflow:hidden;padding:7px 10px;font-size:10px;line-height:1.25}}
@media(max-width:820px){.delhivery-protect-card{margin-top:6px;border-radius:16px}.protect-title{padding:7px 10px;font-size:13px}.package-value-label{padding:8px 10px 5px;font-size:11px}.money-input{height:38px}.money-input b{width:32px;font-size:16px}.money-input input{font-size:15px}.protect-option{margin:6px 10px 7px;padding:8px;border-radius:13px}.protect-option b{font-size:12px}.protect-option small{font-size:11px}.protect-option em{font-size:10px}.delhivery-protect-card p{padding:0 10px 8px;font-size:10px}.wizard-step[data-step="2"] .parcel-story{min-height:130px}.wizard-step[data-step="2"] .parcel-story svg{max-height:155px}}
.content-head-actions{display:flex;align-items:center;gap:10px}.content-head-actions>span{color:#64748b;font-size:12px}.content-slide-controls{display:flex;align-items:center;gap:8px}.content-slide{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#0f172a;font-size:26px;line-height:1;box-shadow:0 6px 18px rgba(15,23,42,.08);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.content-slide:hover{background:#0a84ff;color:#fff;transform:translateY(-1px)}.content-slide:active{transform:scale(.94)}.package-content-row{scroll-snap-type:x mandatory;scroll-behavior:smooth}.content-card{scroll-snap-align:start}
@media(max-width:820px){.package-content-head{display:flex;align-items:center;justify-content:space-between}.package-content-head .content-head-actions{margin-top:0}.package-content-head .content-head-actions>span{display:none}.content-slide{width:32px;height:32px;font-size:24px}.content-slide-controls{gap:7px}}
.content-card:after{content:attr(data-service) " • " attr(data-info);position:absolute;left:10px;right:10px;bottom:calc(100% + 8px);z-index:5;padding:8px 10px;border-radius:12px;background:#0f172a;color:#fff;font-size:11px;line-height:1.35;text-align:left;box-shadow:0 12px 28px rgba(15,23,42,.18);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.content-card:hover:after,.content-card:focus-visible:after{opacity:1;transform:translateY(0)}.content-card:hover .content-info,.content-card:focus-visible .content-info{border-color:#0a84ff;background:#0a84ff;color:#fff}.content-service-note{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 12px;border:1px solid #dbeafe;border-radius:16px;background:linear-gradient(135deg,#eff6ff,#fff);color:#0f172a}.content-service-note b{font-size:13px}.content-service-note span{align-self:start;padding:4px 8px;border-radius:999px;background:#dbeafe;color:#0759b7;font-size:11px;font-weight:850}.content-service-note small{grid-column:1/-1;color:#64748b;font-size:12px;line-height:1.35}.protect-option small{display:inline-block;padding:2px 0;color:#087a45}
@media(max-width:820px){.content-card:after{display:none}.content-service-note{padding:8px 10px;border-radius:13px}.content-service-note b{font-size:12px}.content-service-note span{font-size:10px;padding:3px 7px}.content-service-note small{font-size:10px}}
.protect-charge-box{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:0 14px 10px;padding:10px 12px;border:1px solid #bbf7d0;border-radius:14px;background:#f0fdf4}.protect-charge-box span{color:#166534;font-size:12px;font-weight:850}.protect-charge-box strong{color:#087a45;font-size:14px}.protect-charge-box small{grid-column:1/-1;color:#64748b;font-size:11px}
@media(max-width:820px){.protect-charge-box{margin:0 10px 7px;padding:8px 10px;border-radius:12px}.protect-charge-box span{font-size:10px}.protect-charge-box strong{font-size:12px}.protect-charge-box small{font-size:10px}}
.sports-icon svg{stroke:#111827;fill:#f8fafc}.other-icon{border-radius:50%;background:#fff;color:#2563eb}.other-icon svg{stroke:#2563eb;fill:#fff}.other-content-box{display:grid;grid-template-columns:46px auto minmax(160px,1fr);align-items:center;gap:14px;padding:10px 14px;border:1px solid #dbe3ef;border-radius:12px;background:#eef3ff;box-shadow:0 3px 8px rgba(15,23,42,.12);color:#475569}.other-content-box[hidden]{display:none}.other-content-box b{font-size:14px}.other-content-box input{min-width:0;border:0;background:transparent;color:#0f172a;font:700 16px inherit;outline:0}.other-content-box input::placeholder{color:#94a3b8}
@media(max-width:820px){.package-content-row{grid-template-columns:repeat(7,120px)}.other-content-box{grid-template-columns:38px minmax(80px,auto);gap:8px;padding:8px 10px}.other-content-box .content-icon,.other-content-box .content-icon svg{width:38px;height:38px}.other-content-box b{font-size:11px}.other-content-box input{grid-column:1/-1;font-size:14px;padding:6px 0}}
.packaging-picker{display:grid;gap:12px}.packaging-picker h3{margin:0;font-size:18px;letter-spacing:-.02em}.packaging-row{display:grid;grid-template-columns:repeat(5,minmax(104px,1fr));gap:10px;padding:12px;border-radius:12px;background:#f8fafc;overflow-x:auto;scrollbar-width:none}.packaging-row::-webkit-scrollbar{display:none}.packaging-card{display:grid;place-items:center;align-content:center;gap:8px;min-height:128px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#475569;font:inherit;text-align:center;cursor:pointer}.packaging-card.selected{border-color:#4f7cff;background:#e8efff;color:#0f172a}.packaging-card b{font-size:13px;font-weight:650;line-height:1.35}.packaging-icon{display:grid;place-items:center;width:48px;height:48px}.packaging-icon svg{width:48px;height:48px;fill:none;stroke:#0f172a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.envelope-icon svg{stroke:#c0843d;fill:#fed7aa}.carton-icon svg{stroke:#b45309;fill:#fdba74}.suitcase-icon svg{stroke:#92400e;fill:#fbbf24}.backpack-icon svg{stroke:#075985;fill:#93c5fd}.plus-icon{border-radius:50%;background:#fff}.plus-icon svg{stroke:#334155}.other-packaging-box{display:grid;gap:10px}.other-packaging-box[hidden]{display:none}.other-packaging-box b{color:#475569;font-size:14px}.other-packaging-box input{height:46px;border:1px solid #dbe3ef;border-radius:8px;background:#fff;padding:0 14px;color:#0f172a;font:700 16px inherit;box-shadow:0 3px 8px rgba(15,23,42,.12);outline:0}.other-packaging-box input::placeholder{color:#94a3b8}
@media(max-width:820px){.packaging-picker{gap:8px}.packaging-picker h3{font-size:16px}.packaging-row{grid-template-columns:repeat(5,104px);gap:8px;margin:0 -12px;padding:10px 12px}.packaging-card{min-height:104px;border-radius:10px}.packaging-icon,.packaging-icon svg{width:38px;height:38px}.packaging-card b{font-size:11px}.other-packaging-box{gap:7px}.other-packaging-box b{font-size:12px}.other-packaging-box input{height:40px;font-size:14px}}
.packing-help{display:grid;gap:10px;padding:10px 12px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.packing-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.packing-head h3{margin:0;font-size:17px}.packing-head p{margin:3px 0 0;color:#64748b;font-size:12px}.packing-toggle{display:flex;gap:6px;padding:4px;border-radius:999px;background:#eaf2ff}.packing-toggle button{border:0;border-radius:999px;background:transparent;color:#475569;padding:7px 13px;font-weight:900;cursor:pointer}.packing-toggle button.active{background:#0a84ff;color:#fff;box-shadow:0 6px 14px rgba(10,132,255,.22)}.packing-service-row{display:flex;gap:8px;flex-wrap:wrap}.packing-service-row[hidden]{display:none}.packing-service{border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334155;padding:8px 11px;font-weight:800;font-size:12px;cursor:pointer}.packing-service.selected{border-color:#0a84ff;background:#e8f2ff;color:#0759b7}
@media(max-width:820px){.packing-help{padding:8px 10px;border-radius:13px;gap:8px}.packing-head h3{font-size:14px}.packing-head p{font-size:10px}.packing-toggle button{padding:6px 11px;font-size:11px}.packing-service{padding:7px 9px;font-size:10px}}
.other-packaging-box{grid-template-columns:48px max-content minmax(0,1fr);align-items:center;padding:10px 12px;border:1px solid #bfd3ff;border-radius:12px;background:#e8efff;box-shadow:0 3px 8px rgba(15,23,42,.12)}
.other-packaging-box .plus-icon{border:1px solid #dbeafe}.other-packaging-box .plus-icon svg{width:32px;height:32px;stroke:#4f7cff}
.other-packaging-box input{min-width:0;border:0;background:transparent;box-shadow:none}
@media(max-width:820px){.other-packaging-box{grid-template-columns:34px max-content minmax(0,1fr);gap:6px;padding:5px 8px}.other-packaging-box .packaging-icon,.other-packaging-box .packaging-icon svg{width:30px;height:30px}.other-packaging-box b{font-size:9px}.other-packaging-box input{height:32px;padding:0 5px;font-size:11px}}
.packing-service-row{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));flex-wrap:initial;gap:8px}
.packing-service{position:relative;display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 8px;border:1px solid #dbe3ef;border-radius:14px;padding:10px;background:#fff;text-align:left}
.packing-service.selected{border-color:#0a84ff;background:#e8f2ff;box-shadow:0 0 0 2px rgba(10,132,255,.1)}
.packing-service .layer-icon{grid-row:1/3;position:relative;width:42px;height:42px}
.layer-icon i{position:absolute;left:4px;width:34px;height:13px;border:2px solid #0a84ff;border-radius:5px;background:#dbeafe;transform:skewY(-8deg)}
.layer-icon i:nth-child(1){bottom:4px}.layer-icon i:nth-child(2){bottom:13px;background:#bfdbfe}.layer-icon i:nth-child(3){bottom:22px;background:#93c5fd}
.layer-icon.layer-one i:nth-child(1){height:28px;bottom:7px}.layer-icon.layer-two i{height:19px}.layer-icon.layer-two i:nth-child(1){bottom:3px}.layer-icon.layer-two i:nth-child(2){bottom:19px}
.packing-service b{align-self:end;color:#0f172a;font-size:13px}.packing-service small{align-self:start;color:#64748b;font-size:9px;line-height:1.2}.packing-service strong{grid-column:3;grid-row:1/3;color:#087a45;font-size:12px;white-space:nowrap}
.packing-layer-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:11px;background:#ecfdf5;color:#334155;font-size:10px}.packing-layer-summary[hidden]{display:none}.packing-layer-summary strong{color:#087a45;white-space:nowrap}
@media(max-width:820px){.packing-service-row{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;flex-wrap:initial;padding-bottom:0}.packing-service{display:flex;min-width:0;min-height:88px;flex-direction:column;justify-content:center;gap:2px;padding:5px 3px;text-align:center}.packing-service .layer-icon{flex:0 0 42px;width:46px;height:42px}.layer-icon i{left:5px;width:36px;height:12px}.layer-icon i:nth-child(1){bottom:2px}.layer-icon i:nth-child(2){bottom:11px}.layer-icon i:nth-child(3){bottom:20px}.layer-icon.layer-one i:nth-child(1){height:30px;bottom:5px}.layer-icon.layer-two i{height:20px}.layer-icon.layer-two i:nth-child(1){bottom:1px}.layer-icon.layer-two i:nth-child(2){bottom:18px}.packing-service b{font-size:10px}.packing-service small{display:block;max-width:100%;font-size:6.5px;line-height:1.1;white-space:normal}.packing-service strong{font-size:9px}.packing-layer-summary{padding:5px 7px;font-size:8px}}
@media(max-width:820px){.packing-service .layer-icon i{left:5px;width:36px}.packing-service .layer-one i:nth-child(1){height:34px;bottom:3px}.packing-service .layer-two i{height:19px}.packing-service .layer-two i:nth-child(1){bottom:2px}.packing-service .layer-two i:nth-child(2){bottom:19px}.packing-service .layer-three i{height:14px}.packing-service .layer-three i:nth-child(1){bottom:2px}.packing-service .layer-three i:nth-child(2){bottom:12px}.packing-service .layer-three i:nth-child(3){bottom:22px}}
@media(max-width:820px){.packing-service{min-height:78px}.packing-service .layer-icon{flex-basis:32px;width:34px;height:32px}.packing-service .layer-icon i{left:4px;width:26px}.packing-service .layer-one i:nth-child(1){height:24px;bottom:4px}.packing-service .layer-two i{height:14px}.packing-service .layer-two i:nth-child(1){bottom:2px}.packing-service .layer-two i:nth-child(2){bottom:14px}.packing-service .layer-three i{height:10px}.packing-service .layer-three i:nth-child(1){bottom:2px}.packing-service .layer-three i:nth-child(2){bottom:9px}.packing-service .layer-three i:nth-child(3){bottom:16px}}
@media(max-width:820px){
.wizard-step[data-step="1"] .actions,.wizard-step[data-step="2"] .actions,.wizard-step[data-step="3"] .actions{left:8px;right:8px;bottom:8px;width:auto;padding:8px;border:1px solid rgba(203,213,225,.78);border-radius:17px;background:rgba(248,250,252,.97);box-shadow:0 8px 28px rgba(15,23,42,.14)}
.wizard-step[data-step="1"] .primary,.wizard-step[data-step="1"] .secondary,.wizard-step[data-step="2"] .primary,.wizard-step[data-step="2"] .secondary,.wizard-step[data-step="3"] .primary,.wizard-step[data-step="3"] .secondary{min-height:44px}
}
.charge-parcel-motion{display:none;width:min(185px,72%);height:42px;overflow:hidden}.estimate-result.calculating .charge-parcel-motion,.estimate-result:has(#agreePriceBtn:disabled):not(.has-error) .charge-parcel-motion{display:block}.estimate-result.calculating #customerPrice{font-size:20px;line-height:1.1}.charge-parcel-motion svg{display:block;width:100%;height:42px}.charge-road{fill:none;stroke:#86efac;stroke-width:4;stroke-linecap:round;stroke-dasharray:7 7}.charge-parcel{fill:#fbbf24;stroke:#b45309;stroke-width:2;stroke-linejoin:round;animation:chargeParcelMove 2.1s linear infinite}@keyframes chargeParcelMove{0%{transform:translate(-34px,8px) rotate(-7deg)}45%{transform:translate(94px,3px) rotate(6deg)}100%{transform:translate(220px,-14px) rotate(-8deg)}}.estimate-result.has-error .charge-parcel-motion{display:none}
.thank-you-screen{min-height:100dvh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at top,#dff7ec,#f2f2f7 58%)}.thank-you-screen[hidden]{display:none}.thank-you-card{width:min(520px,100%);padding:28px;border:1px solid #d7eadf;border-radius:28px;background:rgba(255,255,255,.94);text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.14)}.thank-check{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:#dcfce7;color:#059669;font-size:36px;font-weight:900}.thank-kicker{margin:0;color:#087a45;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.thank-you-card h2{margin:4px 0;font-size:32px}.thank-you-card>p:not(.thank-kicker){margin:0 auto 16px;max-width:360px;color:#64748b;font-size:13px}.thank-order{display:grid;gap:3px;padding:13px;border-radius:16px;background:#f0fdf4}.thank-order span{color:#64748b;font-size:10px;text-transform:uppercase}.thank-order strong{font-size:18px}.thank-order small{color:#087a45;font-size:11px;font-weight:800}.thank-documents{display:grid;gap:8px;margin:14px 0}.thank-documents article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid #e2e8f0;border-radius:14px;text-align:left}.thank-doc-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f3ff;color:#0a66d6;font-size:20px;font-weight:900}.thank-documents article div{display:grid}.thank-documents article b{font-size:13px}.thank-documents article small{color:#64748b;font-size:10px}.thank-documents button{border:0;border-radius:9px;background:#e8f3ff;color:#0a66d6;padding:7px 9px;font-weight:850;font-size:10px;cursor:pointer}.thank-doc-actions{display:flex;gap:5px}.thank-new-booking{width:100%;margin-top:2px}
.confirm-box.confirm-error{border:2px solid #ef4444;background:#fff1f2;color:#b91c1c;box-shadow:0 0 0 4px rgba(239,68,68,.12)}
.thank-documents button.saved{background:#dcfce7;color:#087a45}
.profile-account-sheet{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:14px}.profile-account-sheet[hidden]{display:none}.profile-account-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.46)}.profile-account-card{position:relative;width:min(520px,100%);max-height:82dvh;overflow:auto;padding:16px;border-radius:22px;background:#fff;box-shadow:0 26px 80px rgba(15,23,42,.3)}.profile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 10px;padding:4px;border-radius:12px;background:#eef2f7}.profile-tabs button{border:0;border-radius:9px;background:transparent;padding:8px;color:#64748b;font-weight:850}.profile-tabs button.active{background:#fff;color:#0a66d6;box-shadow:0 3px 10px rgba(15,23,42,.08)}.profile-section{display:grid;gap:7px}.profile-section[hidden]{display:none}
@media(max-width:820px){.profile-button{padding:7px 9px;font-size:11px}.profile-account-sheet{align-items:end;padding:8px}.profile-account-card{max-height:78dvh;border-radius:22px 22px 14px 14px}}
.thank-account-button{width:100%;min-height:42px;margin-bottom:8px}.customer-account-panel{margin:4px 0 10px;padding:10px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff;text-align:left}.customer-account-panel[hidden]{display:none}.account-head{display:flex;align-items:center;justify-content:space-between}.account-head div{display:grid}.account-head b{font-size:14px}.account-head small{color:#64748b;font-size:10px}.account-head button{width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#64748b;font-size:20px}.customer-account-panel h3{margin:10px 0 5px;font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.04em}.account-orders,.account-contacts{display:grid;gap:6px}.account-order,.account-contact{padding:8px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.account-order{display:grid;grid-template-columns:1fr auto;gap:5px}.account-order b,.account-contact b{font-size:11px}.account-order small,.account-contact small{display:block;color:#64748b;font-size:9px;line-height:1.35}.account-order-actions{display:flex;grid-column:1/-1;gap:5px}.account-order-actions button{border:0;border-radius:8px;background:#e8f3ff;color:#0a66d6;padding:5px 7px;font-size:8px;font-weight:850}
@media(max-width:820px){.thank-you-screen{padding:12px}.thank-you-card{padding:20px 14px;border-radius:24px}.thank-check{width:56px;height:56px;font-size:30px}.thank-you-card h2{font-size:27px}.thank-documents{margin:10px 0}.thank-documents article{padding:7px}.thank-doc-icon{width:38px;height:38px}.thank-new-booking{min-height:46px}}
.wizard-step[data-step="0"].active{padding-bottom:12px!important}
.wizard-step[data-step="0"] .route-preview{margin:16px auto 10px!important;padding:14px 14px 52px!important;position:relative!important;overflow:hidden!important}
.wizard-step[data-step="0"] .route-track{min-height:88px!important}
.wizard-step[data-step="0"] .delivery-scene{height:72px!important}
.wizard-step[data-step="0"] .route-package{margin-top:6px!important;padding-top:6px!important}
.shipment-actions{display:grid!important;gap:8px!important;margin-top:8px!important}
.shipment-actions .route-calculate,.shipment-actions .route-call{position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important;width:100%!important;min-height:44px!important;margin-top:0!important}
.shipment-actions .route-call{border-radius:14px!important}
.estimate-result-sheet{display:none!important;position:absolute!important;inset:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;margin:0!important;visibility:hidden!important;pointer-events:none!important;z-index:12!important;overflow:hidden!important;padding:12px 12px 50px!important;justify-content:center!important;align-items:flex-end!important;background:transparent!important}
.estimate-result-sheet.open{display:flex!important;visibility:visible!important;pointer-events:auto!important}
.estimate-result-backdrop{display:block!important;position:absolute!important;inset:0!important;border:0!important;background:rgba(248,250,252,.82)!important;opacity:0!important;transition:opacity .24s ease!important}
.estimate-result{position:relative!important;z-index:1!important;left:auto!important;right:auto!important;bottom:auto!important;width:min(100%,440px)!important;max-width:none!important;margin:0!important;padding:10px 16px 12px!important;border-radius:20px!important;transform:none!important;transition:none!important;box-shadow:0 18px 40px rgba(15,23,42,.14)!important;font-family:inherit!important}
.estimate-result strong,.estimate-result span,.estimate-result small,.estimate-result button{font-family:inherit!important}
.estimate-result strong{font-size:13px!important;line-height:1.1!important}
.estimate-result span{font-size:26px!important;line-height:1.05!important;min-height:32px!important}
.estimate-result small{font-size:12px!important;line-height:1.25!important}
.estimate-result.has-error{box-shadow:0 18px 40px rgba(127,29,29,.14)!important}
.estimate-result.has-error span{font-size:22px!important}
.estimate-result .primary{width:100%!important;min-height:42px!important;font-size:14px!important;font-weight:850!important}
.estimate-result-close{right:12px!important;top:12px!important}
@media(max-width:820px){
.wizard-step[data-step="2"].active{height:calc(100dvh - 69px);min-height:0;padding:8px 12px 82px;gap:7px;overflow:hidden}
.wizard-step[data-step="2"] .step-title{margin:0 2px 3px}
.wizard-step[data-step="2"] .step-title h2{margin:0;font-size:20px}
.coupon-checkout{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:9px 11px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff}.coupon-checkout>div:first-child{display:grid;gap:1px}.coupon-checkout b{font-size:12px}.coupon-checkout small{color:#64748b;font-size:10px}.coupon-checkout small.success{color:#087a45;font-weight:850}.coupon-checkout small.error{color:#dc2626;font-weight:850}.coupon-entry{display:flex;gap:6px}.coupon-entry input{width:140px;height:34px;border:1px solid #cbd5e1;border-radius:9px;padding:0 9px;text-transform:uppercase;font:800 11px inherit;outline:0}.coupon-entry button{height:34px;border:0;border-radius:9px;background:#0a84ff;color:#fff;padding:0 12px;font-weight:850;font-size:11px}
@media(max-width:520px){.coupon-checkout{padding:7px 9px}.coupon-entry input{width:112px}.coupon-entry button{padding:0 9px}}
.wizard-step[data-step="2"] .package-content-picker{gap:5px}
.wizard-step[data-step="2"] .package-content-head h3,.wizard-step[data-step="2"] .packaging-picker h3{font-size:14px}
.wizard-step[data-step="2"] .content-slide{width:27px;height:27px;font-size:20px}
.wizard-step[data-step="2"] .package-content-row{grid-template-columns:repeat(7,88px);gap:6px;padding-bottom:0}
.wizard-step[data-step="2"] .content-card{min-height:74px;gap:3px;border-radius:10px}
.wizard-step[data-step="2"] .content-icon,.wizard-step[data-step="2"] .content-icon svg{width:29px;height:29px}
.wizard-step[data-step="2"] .content-info{right:5px;top:5px;width:15px;height:15px;font-size:9px}
.wizard-step[data-step="2"] .content-card b{font-size:9px;line-height:1.15}
.wizard-step[data-step="2"] .content-service-note{grid-template-columns:auto auto;gap:4px 7px;padding:5px 8px}
.wizard-step[data-step="2"] .content-service-note b{font-size:10px}
.wizard-step[data-step="2"] .content-service-note span{font-size:8px;padding:2px 5px}
.wizard-step[data-step="2"] .content-service-note small{grid-column:1/-1;font-size:8px;line-height:1.2}
.wizard-step[data-step="2"] .packaging-picker{gap:4px}
.wizard-step[data-step="2"] .packaging-row{grid-template-columns:repeat(5,82px);gap:6px;margin:0 -12px;padding:5px 12px}
.wizard-step[data-step="2"] .packaging-card{min-height:65px;gap:2px;border-radius:9px}
.wizard-step[data-step="2"] .packaging-icon,.wizard-step[data-step="2"] .packaging-icon svg{width:27px;height:27px}
.wizard-step[data-step="2"] .packaging-card b{font-size:8px;line-height:1.15}
.wizard-step[data-step="2"] .packing-help{padding:6px 8px;gap:5px}
.wizard-step[data-step="2"] .packing-head h3{font-size:14px}
.wizard-step[data-step="2"] .packing-head p{display:none}
.wizard-step[data-step="2"] .packing-toggle button{padding:4px 10px;font-size:10px}
.wizard-step[data-step="2"] .packing-service-row{gap:4px}
.wizard-step[data-step="2"] .packing-service{padding:5px 7px;font-size:8px}
.wizard-step[data-step="2"] .parcel-story{flex:0 0 42px;min-height:42px;margin:0}
.wizard-step[data-step="2"] .parcel-story svg{max-height:42px}
}

/* Keep estimate popup inside the shipment preview and stop the charge animation */
.wizard-step[data-step="0"] .route-preview{
  padding-bottom: 64px !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  margin-top: 10px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet{
  top: 10px !important;
  right: 10px !important;
  bottom: 58px !important;
  left: 10px !important;
  padding: 10px 10px 64px !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
.wizard-step[data-step="0"] .estimate-result{
  width: min(100%, 440px) !important;
  max-width: none !important;
}
.wizard-step[data-step="0"] .charge-parcel-motion,
.wizard-step[data-step="0"] .estimate-result.calculating .charge-parcel-motion,
.wizard-step[data-step="0"] .estimate-result:has(#agreePriceBtn:disabled):not(.has-error) .charge-parcel-motion{
  display: none !important;
}
.wizard-step[data-step="0"] .route-preview.route-calculating .truck,
.wizard-step[data-step="0"] .route-preview.route-calculating .parcel{
  animation: none !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 12px !important;
  z-index: 13 !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.wizard-step[data-step="0"] .route-call{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 52px !important;
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .route-calculate{
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
}




/* Final mobile override for shipment preview */
.wizard-step[data-step="0"] .route-preview{
  padding-bottom: 132px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet{
  z-index: 90 !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display: flex !important;
}
.wizard-step[data-step="0"] .route-package{
  bottom: 72px !important;
  z-index: 6 !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  bottom: 12px !important;
  z-index: 8 !important;
  display: grid !important;
  gap: 8px !important;
}
.wizard-step[data-step="0"] .route-call{
  bottom: 52px !important;
  z-index: 9 !important;
}
.wizard-step[data-step="0"] .route-calculate{
  z-index: 8 !important;
}
.wizard-step[data-step="0"] .route-preview.route-calculating .road-line{
  stroke-dasharray: 0 !important;
  stroke-width: 2.5 !important;
}
.wizard-step[data-step="0"] .route-preview.route-calculating .road-shadow{
  stroke-width: 12px !important;
}
.wizard-step[data-step="0"] .route-preview.route-calculating .truck,
.wizard-step[data-step="0"] .route-preview.route-calculating .parcel{
  animation-duration: 4s !important;
}.wizard-step[data-step="0"] .route-preview{
  padding-bottom: 176px !important;
}
.wizard-step[data-step="0"] .route-package{
  bottom: 104px !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  bottom: 12px !important;
}
.wizard-step[data-step="0"] .route-call{
  bottom: 56px !important;
}
/* Morning layout restore: buttons below the preview card */
.wizard-step[data-step="0"] .route-preview{
  padding-bottom: 64px !important;
}
.wizard-step[data-step="0"] .route-package{
  bottom: 12px !important;
  z-index: 2 !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  position: static !important;
  display: grid !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 0 !important;
}
.wizard-step[data-step="0"] .route-call,
.wizard-step[data-step="0"] .route-calculate{
  position: static !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .route-call[hidden],
.wizard-step[data-step="0"] .route-call[aria-hidden="true"]{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet{
  z-index: 80 !important;
}
.wizard-step[data-step="0"] .delivery-scene{
  height: 88px !important;
}
.wizard-step[data-step="0"] .route-preview.route-calculating .road-line{
  stroke-dasharray: 10 8 !important;
  stroke-width: 3px !important;
}
.wizard-step[data-step="0"] .route-preview.route-calculating .truck,
.wizard-step[data-step="0"] .route-preview.route-calculating .parcel{
  animation-duration: 6s !important;
}
/* Bottom-sheet estimate popup: fixed dropdown style */
.wizard-step[data-step="0"] .estimate-result-sheet{
  position: fixed !important;
  left: 12px !important;
  right: 12px !important;
  bottom: calc(12px + env(safe-area-inset-bottom)) !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  z-index: 125 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.wizard-step[data-step="0"] .estimate-result-backdrop{
  position: fixed !important;
  inset: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result{
  width: min(100%, 520px) !important;
  max-width: none !important;
  max-height: calc(100dvh - 160px) !important;
  border-radius: 22px !important;
}
.wizard-step[data-step="0"] .estimate-result strong{
  font-size: 13px !important;
}
.wizard-step[data-step="0"] .estimate-result span{
  font-size: 28px !important;
  line-height: 1.05 !important;
}
.wizard-step[data-step="0"] .estimate-result small{
  font-size: 12px !important;
}
.wizard-step[data-step="0"] .route-preview{
  padding-bottom: 78px !important;
}
.wizard-step[data-step="0"] .route-package{
  bottom: 12px !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  position: static !important;
  display: grid !important;
  gap: 8px !important;
  margin-top: 10px !important;
  padding: 0 !important;
}
.wizard-step[data-step="0"] .route-call,
.wizard-step[data-step="0"] .route-calculate{
  position: static !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
}

/* Buttons inside preview above the summary line */
.wizard-step[data-step="0"] .route-preview{
  display:flex !important;
  flex-direction:column !important;
  min-height: 384px !important;
  padding: 18px !important;
  padding-bottom: 14px !important;
}
.wizard-step[data-step="0"] .route-track{
  flex: 1 1 auto !important;
  min-height: 104px !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 4 !important;
  display: grid !important;
  gap: 8px !important;
  margin-top: 8px !important;
  padding: 0 !important;
}
.wizard-step[data-step="0"] .route-call,
.wizard-step[data-step="0"] .route-calculate{
  position: static !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .route-package{
  position: static !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet{
  position: absolute !important;
  inset: 0 !important;
  z-index: 90 !important;
  padding: 12px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display:flex !important;
}

/* Restore FROM / TO label placement */
.wizard-step[data-step="0"] .route-preview{
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
}
.wizard-step[data-step="0"] .route-point{
  justify-self: start !important;
  align-self: start !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  min-height: 38px !important;
}
.wizard-step[data-step="0"] .route-point-end{
  justify-self: end !important;
  align-self: end !important;
  text-align: right !important;
  grid-column: 1 !important;
  grid-row: auto !important;
}
.wizard-step[data-step="0"] .route-point small,
.wizard-step[data-step="0"] .route-point-end small{
  display: inline-flex !important;
}
.wizard-step[data-step="0"] .route-point span,
.wizard-step[data-step="0"] .route-point-end span{
  display: block !important;
}

/* Reduce shipment preview height and center summary line */
.wizard-step[data-step="0"] .route-preview{
  min-height: 230px !important;
  padding-top: 14px !important;
  padding-bottom: 70px !important;
}
.wizard-step[data-step="0"] .route-track{
  min-height: 72px !important;
}
.wizard-step[data-step="0"] .delivery-scene{
  height: 56px !important;
}
.wizard-step[data-step="0"] .route-package{
  left: 18px !important;
  right: 18px !important;
  bottom: 12px !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
}
.wizard-step[data-step="0"] .route-package span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}
.wizard-step[data-step="0"] .route-package b{
  position: absolute !important;
  right: 0 !important;
}

/* Final summary-line fix: one row, same font, centered */
.wizard-step[data-step="0"] .route-package{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 8px !important;
  padding-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .route-package span{
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: 0 !important;
  font: inherit !important;
}
.wizard-step[data-step="0"] .route-package i,
.wizard-step[data-step="0"] .route-package b{
  display: inline !important;
  position: static !important;
  right: auto !important;
  font: inherit !important;
  font-weight: 700 !important;
  color: inherit !important;
}
.wizard-step[data-step="0"] .route-package b{
  margin-left: 8px !important;
}

/* Compact shipment preview for small phones */
.wizard-step[data-step="0"] .route-preview{
  min-height: 210px !important;
  padding-top: 12px !important;
  padding-bottom: 64px !important;
}
.wizard-step[data-step="0"] .route-track{
  min-height: 40px !important;
}
.wizard-step[data-step="0"] .delivery-scene{
  height: 40px !important;
}
.wizard-step[data-step="0"] .route-package{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .route-package span{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  font: inherit !important;
}
.wizard-step[data-step="0"] .route-package i,
.wizard-step[data-step="0"] .route-package b{
  display: inline !important;
  font: inherit !important;
  font-weight: 700 !important;
  color: inherit !important;
}
.wizard-step[data-step="0"] .route-package b{
  margin-left: 8px !important;
}

/* Make price popup match the package popup style */
.wizard-step[data-step="0"] .estimate-result-sheet{
  position: fixed !important;
  inset: 0 !important;
  z-index: 116 !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: transparent !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.wizard-step[data-step="0"] .estimate-result-backdrop{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  border: 0 !important;
  background: rgba(15,23,42,.46) !important;
  opacity: 0 !important;
  transition: opacity .24s ease !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open .estimate-result-backdrop{
  opacity: 1 !important;
}
.wizard-step[data-step="0"] .estimate-result{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  width: auto !important;
  max-width: 520px !important;
  margin: auto !important;
  padding: 8px 18px calc(18px + env(safe-area-inset-bottom)) !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.32) !important;
  transform: translateY(calc(100% + 30px)) !important;
  transition: transform .3s cubic-bezier(.22,.8,.22,1) !important;
  text-align: center !important;
  display: grid !important;
  gap: 10px !important;
  justify-items: center !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open .estimate-result{
  transform: translateY(0) !important;
}
.wizard-step[data-step="0"] .estimate-result::before{
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  margin: 0 auto 8px;
  border-radius: 999px;
  background: #cbd5e1;
}
.wizard-step[data-step="0"] .estimate-result strong{
  font-size: 22px !important;
  color: #111827 !important;
  line-height: 1.1 !important;
}
.wizard-step[data-step="0"] .estimate-result span{
  font-size: 30px !important;
  font-weight: 900 !important;
  color: #0a66d6 !important;
  line-height: 1.05 !important;
  min-height: 36px !important;
}
.wizard-step[data-step="0"] .estimate-result small{
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.wizard-step[data-step="0"] .estimate-result .primary{
  width: 100% !important;
  min-height: 48px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.wizard-step[data-step="0"] .estimate-result-close{
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 21px !important;
  z-index: 2 !important;
}
.wizard-step[data-step="0"] .charge-parcel-motion{
  margin: 0 !important;
}

/* Price popup text polish */
.wizard-step[data-step="0"] .estimate-result{
  justify-items: center !important;
  text-align: center !important;
}
.wizard-step[data-step="0"] .estimate-result strong,
.wizard-step[data-step="0"] .estimate-result span,
.wizard-step[data-step="0"] .estimate-result small{
  font-family: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
.wizard-step[data-step="0"] .estimate-result strong{
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result span{
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result small{
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  color: #64748b !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error span{
  color: #b91c1c !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small{
  color: #991b1b !important;
  font-weight: 700 !important;
  background: #fee2e2 !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  display: inline-block !important;
}
.wizard-step[data-step="0"] .estimate-result .primary{
  margin-top: 8px !important;
}

/* Simple error layout: two lines + button */
.wizard-step[data-step="0"] .estimate-result.has-error{
  gap: 8px !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error span{
  display: block !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #b91c1c !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small,
.wizard-step[data-step="0"] .estimate-result.has-error .charge-parcel-motion{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error .primary{
  margin-top: 4px !important;
}

/* Center all popup content */
.wizard-step[data-step="0"] .estimate-result{
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error{
  align-items: center !important;
  justify-items: center !important;
  text-align: center !important;
}
.wizard-step[data-step="0"] .estimate-result strong,
.wizard-step[data-step="0"] .estimate-result span,
.wizard-step[data-step="0"] .estimate-result small,
.wizard-step[data-step="0"] .estimate-result .primary{
  width: 100% !important;
  text-align: center !important;
}

/* Match the requested popup screenshot: title centered, error left, button right */
.wizard-step[data-step="0"] .estimate-result.has-error{
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-areas:
    "title title"
    "error button" !important;
  align-items: center !important;
  gap: 10px 8px !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  grid-area: title !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error span{
  grid-area: error !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #b91c1c !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error .primary{
  grid-area: button !important;
  width: 150px !important;
  min-height: 52px !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small,
.wizard-step[data-step="0"] .estimate-result.has-error .charge-parcel-motion{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error .estimate-result-close{
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
}

/* Final requested error popup layout: centered title, centered error, centered button */
.wizard-step[data-step="0"] .estimate-result.has-error{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error span{
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #b91c1c !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error .primary{
  width: 100% !important;
  max-width: 240px !important;
  min-height: 52px !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small,
.wizard-step[data-step="0"] .estimate-result.has-error .charge-parcel-motion{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result-close{
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
}

/* Last override: fully centered price popup like the package popup style */
.wizard-step[data-step="0"] .estimate-result-sheet{
  position: fixed !important;
  inset: 0 !important;
  z-index: 116 !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.wizard-step[data-step="0"] .estimate-result-backdrop{
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15,23,42,.46) !important;
  opacity: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open .estimate-result-backdrop{
  opacity: 1 !important;
}
.wizard-step[data-step="0"] .estimate-result{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  max-width: 430px !important;
  width: auto !important;
  margin: auto !important;
  padding: 8px 18px calc(18px + env(safe-area-inset-bottom)) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.32) !important;
  transform: translateY(calc(100% + 30px)) !important;
  transition: transform .3s cubic-bezier(.22,.8,.22,1) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open .estimate-result{
  transform: translateY(0) !important;
}
.wizard-step[data-step="0"] .estimate-result::before{
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  margin: 0 auto 8px;
  border-radius: 999px;
  background: #cbd5e1;
}
.wizard-step[data-step="0"] .estimate-result strong,
.wizard-step[data-step="0"] .estimate-result span,
.wizard-step[data-step="0"] .estimate-result small,
.wizard-step[data-step="0"] .estimate-result .primary{
  width: 100% !important;
  text-align: center !important;
  font-family: inherit !important;
}
.wizard-step[data-step="0"] .estimate-result strong{
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  display: block !important;
}
.wizard-step[data-step="0"] .estimate-result span{
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #b91c1c !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small,
.wizard-step[data-step="0"] .estimate-result .charge-parcel-motion,
.wizard-step[data-step="0"] .estimate-result:not(.has-error) small:empty{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result .primary{
  max-width: 240px !important;
  min-height: 52px !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.wizard-step[data-step="0"] .estimate-result-close{
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  z-index: 2 !important;
}

/* Error icon for price popup */
.wizard-step[data-step="0"] .estimate-result-icon{
  display:none;
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,#fee2e2,#fecaca);
  color:#b91c1c;
  font-size:28px;
  font-weight:900;
  line-height:1;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 20px rgba(185,28,28,.12);
}
.wizard-step[data-step="0"] .estimate-result.has-error .estimate-result-icon{
  display:flex;
}
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  color:#111827 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error span{
  color:#b91c1c !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error .primary{
  margin-top:2px !important;
}

/* Success state for price popup */
.wizard-step[data-step="0"] .estimate-result:not(.has-error){
  border:1px solid rgba(34,197,94,.25) !important;
  background:linear-gradient(180deg,#ecfdf5,#f0fdf4) !important;
}
.wizard-step[data-step="0"] .estimate-result:not(.has-error) .estimate-result-icon{
  display:flex;
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,#dcfce7,#bbf7d0);
  color:#087a45;
  font-size:28px;
  font-weight:900;
}
.wizard-step[data-step="0"] .estimate-result:not(.has-error) strong{
  color:#166534 !important;
}
.wizard-step[data-step="0"] .estimate-result:not(.has-error) span{
  color:#059669 !important;
}
.wizard-step[data-step="0"] .estimate-result:not(.has-error) small{
  color:#64748b !important;
}

/* Force estimate popup to be visible and top-most when opened */
.wizard-step[data-step="0"] .estimate-result-sheet{
  position: fixed !important;
  inset: 0 !important;
  z-index: 1400 !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.wizard-step[data-step="0"] .estimate-result-backdrop{
  position: absolute !important;
  inset: 0 !important;
  border: 0 !important;
  background: rgba(15,23,42,.46) !important;
}
.wizard-step[data-step="0"] .estimate-result{
  position: relative !important;
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  left: auto !important;
  right: auto !important;
  margin: 0 auto !important;
  padding: 8px 18px 18px !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.32) !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
}
.wizard-step[data-step="0"] .estimate-result::before{
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  margin: 0 auto 8px;
  border-radius: 999px;
  background: #cbd5e1;
}
.wizard-step[data-step="0"] .estimate-result-icon{
  display:flex !important;
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:28px !important;
  font-weight:900 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error .estimate-result-icon{
  background: linear-gradient(135deg,#fee2e2,#fecaca) !important;
  color:#b91c1c !important;
}
.wizard-step[data-step="0"] .estimate-result:not(.has-error) .estimate-result-icon{
  background: linear-gradient(135deg,#dcfce7,#bbf7d0) !important;
  color:#087a45 !important;
}
.wizard-step[data-step="0"] .estimate-result strong,
.wizard-step[data-step="0"] .estimate-result span,
.wizard-step[data-step="0"] .estimate-result small{
  width: 100% !important;
  text-align: center !important;
  font-family: inherit !important;
}
.wizard-step[data-step="0"] .estimate-result strong{
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.wizard-step[data-step="0"] .estimate-result span{
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #b91c1c !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
.wizard-step[data-step="0"] .estimate-result:not(.has-error) span{
  color:#059669 !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small,
.wizard-step[data-step="0"] .estimate-result .charge-parcel-motion,
.wizard-step[data-step="0"] .estimate-result:not(.has-error) small:empty{
  display: none !important;
}
.wizard-step[data-step="0"] .estimate-result .primary{
  width: 100% !important;
  max-width: 240px !important;
  min-height: 52px !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}
.wizard-step[data-step="0"] .estimate-result-close{
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}
.wizard-step[data-step="0"] .route-calculate{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.wizard-step[data-step="0"] .route-calculate .btn-icon{
  font-size:16px !important;
  line-height:1 !important;
}


/* Final estimate popup layout: bottom sheet inside shipment preview */
.wizard-step[data-step="0"] .route-preview{
  padding-bottom: 76px !important;
}
.wizard-step[data-step="0"] .route-track .delivery-scene{
  height: 40px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet{
  position: fixed !important;
  inset: 0 !important;
  z-index: 1400 !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
}
.wizard-step[data-step="0"] .estimate-result-backdrop{
  background: rgba(15,23,42,.34) !important;
}
.wizard-step[data-step="0"] .estimate-result{
  width: min(100%, 430px) !important;
  max-width: 430px !important;
  left: auto !important;
  right: auto !important;
  margin: 0 auto !important;
  padding: 10px 18px 14px !important;
  align-self: center !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  z-index: 4 !important;
}
.wizard-step[data-step="0"] .route-package{
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  text-align: center !important;
}
.wizard-step[data-step="0"] .route-package span,
.wizard-step[data-step="0"] .route-package b{
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}


/* Hard override: keep estimate popup centered and fixed */
.wizard-step[data-step="0"] .estimate-result-sheet.open{
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1600 !important;
}
.wizard-step[data-step="0"] .estimate-result-sheet.open .estimate-result{
  position: relative !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 auto !important;
}


html body .wizard-step[data-step="0"] .estimate-result-sheet.open{
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .wizard-step[data-step="0"] .estimate-result-sheet.open .estimate-result{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 auto !important;
}


/* Final error-state visibility: show missing fields message */
.wizard-step[data-step="0"] .estimate-result.has-error strong{
  display: block !important;
  margin: 0 !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error span{
  display: block !important;
  margin: 2px 0 0 !important;
  color:#b91c1c !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
}
.wizard-step[data-step="0"] .estimate-result.has-error small{
  display: none !important;
}

/* Keep customers engaged while the live courier price is being calculated. */
.wizard-step[data-step="0"] .estimate-result.calculating .charge-parcel-motion{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:min(220px,76%) !important;
  height:48px !important;
  margin:2px auto 4px !important;
}

/* Balanced information line: equal space above and below the text. */
.wizard-step[data-step="0"] .route-package{
  margin-top:8px!important;
  padding:8px 2px!important;
  min-height:34px!important;
  border-top:1px solid #e5eaf2!important;
  border-bottom:0!important;
}
@media(max-width:640px) and (max-height:580px){
  .wizard-step[data-step="0"] .route-package{
    margin-top:5px!important;
    padding:5px 2px!important;
    min-height:26px!important;
  }
}

/* Final checkout fix: keep review cards from covering coupon/confirm controls. */
@media(max-width:820px){
  .wizard-step[data-step="4"].active{
    display:block!important;
    height:auto!important;
    min-height:calc(100dvh - 70px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 12px 112px!important;
  }
  .wizard-step[data-step="4"] .step-title{
    margin:0 2px 10px!important;
  }
  .wizard-step[data-step="4"] .review-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    flex:none!important;
    min-height:0!important;
    gap:9px!important;
    margin-bottom:10px!important;
  }
  .wizard-step[data-step="4"] .timeline-item{
    min-height:70px!important;
  }
  .wizard-step[data-step="4"] .coupon-checkout,
  .wizard-step[data-step="4"] .confirm-box{
    position:relative!important;
    z-index:2!important;
    clear:both!important;
  }
  .wizard-step[data-step="4"] .coupon-checkout{
    margin:10px 0 8px!important;
  }
  .wizard-step[data-step="4"] .confirm-box{
    margin:8px 0 10px!important;
    padding:11px 12px!important;
    pointer-events:auto!important;
  }
  .wizard-step[data-step="4"] .confirm-box label{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    cursor:pointer!important;
  }
  .wizard-step[data-step="4"] #confirmAccuracy{
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    pointer-events:auto!important;
  }
}

/* Customer portal final fix: keep profile/header visible on every screen. */
#profileAccountSheet.profile-account-sheet:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:1300!important;
  display:block!important;
  width:100vw!important;
  height:100dvh!important;
  padding:0!important;
  overflow:auto!important;
  background:#f3f7fc!important;
}
#profileAccountSheet .customer-portal{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr)!important;
  min-height:100dvh!important;
  width:100%!important;
}
#profileAccountSheet .portal-sidebar{
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  min-height:100dvh!important;
  z-index:5!important;
}
#profileAccountSheet .portal-brand{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
#profileAccountSheet .portal-main{
  min-width:0!important;
  overflow:visible!important;
}
#profileAccountSheet .portal-top{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:14px 0!important;
  background:#f3f7fc!important;
}
#profileAccountSheet .portal-top-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
.portal-track-box{
  margin:0 0 14px!important;
  padding:16px!important;
  border:1px solid #dbe5f1!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}
.portal-track-box h3{
  margin:0 0 4px!important;
  color:#172033!important;
  font-size:18px!important;
}
.portal-track-box p{
  margin:0 0 12px!important;
  color:#64748b!important;
  font-size:13px!important;
}
.portal-track-box .portal-search{
  margin:0!important;
  min-height:48px!important;
  border-radius:14px!important;
  font-size:15px!important;
}
.portal-dashboard-results{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
}
.portal-dashboard-results[hidden]{
  display:none!important;
}
@media(max-width:760px){
  #profileAccountSheet .customer-portal{
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
  }
  #profileAccountSheet .portal-sidebar{
    position:sticky!important;
    top:0!important;
    min-height:0!important;
    width:100%!important;
    padding:8px 10px!important;
    background:#10213a!important;
    box-sizing:border-box!important;
  }
  #profileAccountSheet .portal-brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:2px 4px 8px!important;
    color:#fff!important;
  }
  #profileAccountSheet .portal-avatar{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    font-size:17px!important;
  }
  #profileAccountSheet .portal-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  #profileAccountSheet .portal-nav::-webkit-scrollbar{display:none!important}
  #profileAccountSheet .portal-nav button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    padding:8px 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  #profileAccountSheet .portal-main{
    padding:10px 12px 18px!important;
    overflow:visible!important;
  }
  #profileAccountSheet .portal-top{
    top:0!important;
    padding:10px 0!important;
    align-items:flex-start!important;
  }
  #profileAccountSheet .portal-top h2{
    display:block!important;
    font-size:22px!important;
    line-height:1.1!important;
  }
  #profileAccountSheet .portal-top p{
    display:block!important;
    font-size:12px!important;
  }
  #profileAccountSheet .portal-book{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 11px!important;
    white-space:nowrap!important;
  }
  .portal-track-box{
    padding:13px!important;
    margin-bottom:10px!important;
  }
  .portal-track-box h3{
    font-size:16px!important;
  }
  .portal-track-box p{
    font-size:12px!important;
  }
}
.wizard-step[data-step="0"] .estimate-result.calculating .charge-parcel{
  animation:chargeParcelMove 1.45s linear infinite !important;
}
.wizard-step[data-step="0"] .estimate-result.calculating .charge-road{
  animation:chargeRoadFlow .65s linear infinite !important;
}
.wizard-step[data-step="0"] .estimate-result.calculating .estimate-result-icon{
  animation:estimateIconPulse .9s ease-in-out infinite !important;
}
@keyframes chargeRoadFlow{to{stroke-dashoffset:-28}}
@keyframes estimateIconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}

.wizard-step[data-step="0"] .live-price-loader{display:none !important;width:min(250px,78%);margin:2px auto 5px;text-align:center}
.wizard-step[data-step="0"] .estimate-result.calculating .live-price-loader,
.wizard-step[data-step="0"] .estimate-result:has(#agreePriceBtn:disabled):not(.has-error) .live-price-loader{display:flex !important;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.wizard-step[data-step="0"] .live-price-loader span{display:block !important;min-height:0 !important;width:10px !important;height:10px !important;border-radius:50%;background:#059669;animation:livePriceBounce .72s ease-in-out infinite !important}
.wizard-step[data-step="0"] .live-price-loader span:nth-child(2){animation-delay:.12s !important}.wizard-step[data-step="0"] .live-price-loader span:nth-child(3){animation-delay:.24s !important}
.wizard-step[data-step="0"] .live-price-loader i{display:block;width:100%;height:6px;margin-top:2px;overflow:hidden;border-radius:999px;background:#d1fae5;position:relative}
.wizard-step[data-step="0"] .live-price-loader i:after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,#059669,#60a5fa);animation:livePriceSlide .9s ease-in-out infinite !important}
@keyframes livePriceBounce{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-8px);opacity:1}}
@keyframes livePriceSlide{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}

/* 2026-07 polish: keep mobile fields readable, centered, and lively. */
.form-grid input,
.form-grid select,
.form-grid textarea{
  text-align:center !important;
  text-align-last:center !important;
}
.form-grid textarea{
  text-align:left !important;
  text-align-last:auto !important;
}
.form-grid input::placeholder,
.form-grid textarea::placeholder{
  color:#94a3b8 !important;
  opacity:1 !important;
  text-align:center !important;
}

.wizard-step[data-step="1"].active,
.wizard-step[data-step="3"].active{
  display:flex !important;
  flex-direction:column !important;
  min-height:calc(100dvh - 104px) !important;
  padding:12px 12px 94px !important;
  overflow-y:auto !important;
}
.wizard-step[data-step="1"] .form-grid,
.wizard-step[data-step="3"] .form-grid{
  gap:10px !important;
}
.wizard-step[data-step="1"] .form-grid label,
.wizard-step[data-step="3"] .form-grid label{
  min-height:64px !important;
  padding:8px 10px !important;
  border-radius:14px !important;
}
.wizard-step[data-step="1"] .form-grid input,
.wizard-step[data-step="1"] .form-grid select,
.wizard-step[data-step="3"] .form-grid input,
.wizard-step[data-step="3"] .form-grid select{
  min-height:38px !important;
  font-size:15px !important;
  padding:3px 2px !important;
}
.wizard-step[data-step="1"] .form-grid textarea,
.wizard-step[data-step="3"] .form-grid textarea{
  min-height:58px !important;
  max-height:72px !important;
  padding-top:8px !important;
}
.wizard-step[data-step="1"] .pickup-story,
.wizard-step[data-step="3"] .delivery-story{
  flex:1 1 auto !important;
  min-height:118px !important;
  max-height:170px !important;
  margin-top:8px !important;
}
.wizard-step[data-step="1"] .pickup-story svg,
.wizard-step[data-step="3"] .delivery-story svg{
  max-height:170px !important;
  height:100% !important;
}
@media(max-width:430px) and (max-height:700px){
  .wizard-step[data-step="1"] .pickup-story,
  .wizard-step[data-step="3"] .delivery-story{
    display:grid !important;
    min-height:78px !important;
    max-height:95px !important;
  }
  .wizard-step[data-step="1"] .pickup-story svg,
  .wizard-step[data-step="3"] .delivery-story svg{
    max-height:95px !important;
  }
}

/* Final estimate dialog override: calculate button stays visible, popup animates while checking. */
.wizard-step[data-step="0"] .shipment-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) !important;
  gap:10px !important;
  align-items:center !important;
}
.wizard-step[data-step="0"] .route-call[hidden]{
  display:none !important;
}
.wizard-step[data-step="0"] .route-call[hidden] + .route-calculate{
  grid-column:1 / -1 !important;
}
.wizard-step[data-step="0"] .route-calculate{
  display:flex !important;
  min-height:52px !important;
  width:100% !important;
  opacity:1 !important;
  visibility:visible !important;
}
.wizard-step[data-step="0"] .estimate-result.calculating{
  animation:estimatePanelBreath 1.05s ease-in-out infinite !important;
}
.wizard-step[data-step="0"] .estimate-result.calculating .live-price-loader,
.wizard-step[data-step="0"] .estimate-result.calculating .price-loader,
.wizard-step[data-step="0"] .estimate-result.calculating .charge-parcel-motion{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}
.wizard-step[data-step="0"] .estimate-result.calculating .charge-parcel-motion{
  display:block !important;
}
.wizard-step[data-step="0"] .estimate-result.calculating #customerPrice{
  animation:chargeText 1.05s ease-in-out infinite !important;
}
@keyframes estimatePanelBreath{
  0%,100%{box-shadow:0 24px 70px rgba(5,150,105,.13)}
  50%{box-shadow:0 30px 88px rgba(5,150,105,.24)}
}

/* Final mobile design overrides - mirrored in customer-order.html after inline styles. */
.wizard-step[data-step="0"] .shipment-actions{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  width:100% !important;
  margin:14px 0 14px !important;
  padding:0 10px 10px !important;
  box-sizing:border-box !important;
}
.wizard-step[data-step="0"] .route-calculate,
.wizard-step[data-step="0"] .route-call{
  position:static !important;
  inset:auto !important;
  display:flex !important;
  width:100% !important;
  min-height:54px !important;
  margin:0 !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
}
.wizard-step[data-step="0"] .route-call[hidden],
.wizard-step[data-step="0"] .route-call[aria-hidden="true"]{
  display:none !important;
}
.wizard-step[data-step="0"] .route-calculate .btn-icon{
  display:none !important;
}
.wizard-step[data-step="1"].active,
.wizard-step[data-step="3"].active{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  padding:12px 0 86px !important;
}
.wizard-step[data-step="1"] .step-title,
.wizard-step[data-step="3"] .step-title,
.wizard-step[data-step="1"] .form-grid,
.wizard-step[data-step="3"] .form-grid{
  margin-left:12px !important;
  margin-right:12px !important;
}
.wizard-step[data-step="1"] .form-grid label,
.wizard-step[data-step="3"] .form-grid label{
  min-height:68px !important;
  padding:9px 11px !important;
  border-radius:15px !important;
}
.wizard-step[data-step="1"] .form-grid input,
.wizard-step[data-step="1"] .form-grid select,
.wizard-step[data-step="3"] .form-grid input,
.wizard-step[data-step="3"] .form-grid select{
  min-height:42px !important;
  font-size:16px !important;
  text-align:center !important;
  text-align-last:center !important;
}
.wizard-step[data-step="1"] .pickup-story,
.wizard-step[data-step="3"] .delivery-story{
  flex:1 1 auto !important;
  width:100vw !important;
  max-width:none !important;
  min-height:0 !important;
  max-height:none !important;
  margin:10px calc(50% - 50vw) 0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:stretch !important;
}
.wizard-step[data-step="1"] .pickup-story svg,
.wizard-step[data-step="3"] .delivery-story svg{
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  object-fit:cover !important;
  display:block !important;
}

/* Fix clipped calculate button and make first-page route art feel alive. */
.wizard-step[data-step="0"] .route-preview{
  overflow:hidden !important;
  padding:14px 14px 20px !important;
  margin-bottom:14px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}
.wizard-step[data-step="0"] .route-track{
  min-height:92px !important;
  overflow:hidden !important;
}
.wizard-step[data-step="0"] .delivery-scene{
  height:84px !important;
}
.wizard-step[data-step="0"] .route-package{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:8px 0 0 !important;
  padding:8px 0 0 !important;
  background:#fff !important;
}
.wizard-step[data-step="0"] .shipment-actions{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin:12px 0 0 !important;
  padding:0 0 2px !important;
  width:100% !important;
}
.wizard-step[data-step="0"] .route-calculate{
  min-height:56px !important;
  box-shadow:0 10px 22px rgba(10,132,255,.22) !important;
}
.wizard-step[data-step="0"] .road-line:not(.road-shadow){
  animation:routeRoadMove .75s linear infinite !important;
}
.wizard-step[data-step="0"] .truck{
  transform-origin:80px 50px !important;
  animation:routeTruckLive 3.4s ease-in-out infinite !important;
}
.wizard-step[data-step="0"] .parcel{
  opacity:1 !important;
  transform-origin:24px 36px !important;
  animation:routeParcelLive 3.4s ease-in-out infinite !important;
}
@keyframes routeRoadMove{to{stroke-dashoffset:-28}}
@keyframes routeTruckLive{
  0%{transform:translateX(-52px) translateY(4px) rotate(-5deg)}
  42%{transform:translateX(170px) translateY(10px) rotate(5deg)}
  78%{transform:translateX(330px) translateY(-12px) rotate(-5deg)}
  100%{transform:translateX(500px) translateY(-18px) rotate(-6deg)}
}
@keyframes routeParcelLive{
  0%{transform:translateX(-52px) translateY(2px) rotate(-5deg)}
  42%{transform:translateX(170px) translateY(8px) rotate(5deg)}
  78%{transform:translateX(330px) translateY(-14px) rotate(-5deg)}
  100%{transform:translateX(500px) translateY(-20px) rotate(-6deg)}
}

/* Final correction: visible Calculate button inside white route card. */
.wizard-step[data-step="0"].active{overflow-y:auto!important;padding-bottom:92px!important}
.wizard-step[data-step="0"] .route-preview{overflow:hidden!important;padding:12px 12px 14px!important;margin:10px auto 14px!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;background:#fff!important;border-radius:20px!important}
.wizard-step[data-step="0"] .route-point{min-height:28px!important}
.wizard-step[data-step="0"] .route-track{min-height:58px!important;max-height:66px!important;overflow:hidden!important;padding:0!important;border-radius:14px!important}
.wizard-step[data-step="0"] .delivery-scene{height:60px!important;max-height:60px!important}
.wizard-step[data-step="0"] .route-package{position:static!important;margin:6px 0 0!important;padding:7px 0 0!important;background:#fff!important;z-index:2!important}
.wizard-step[data-step="0"] .shipment-actions{position:relative!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;visibility:visible!important;opacity:1!important;z-index:20!important;width:100%!important;min-height:58px!important;margin:10px 0 0!important;padding:0 0 2px!important;background:#fff!important}
.wizard-step[data-step="0"] .route-calculate{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:56px!important;margin:0!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;box-shadow:0 10px 22px rgba(10,132,255,.22)!important}
.wizard-step[data-step="0"] .route-call[hidden],.wizard-step[data-step="0"] .route-call[aria-hidden="true"]{display:none!important}

/* Final correction: remove Call and keep Calculate always visible. */
#callSupportBtn,.route-call{display:none!important}
.wizard-step[data-step="0"].active{overflow-y:auto!important;padding-bottom:112px!important}
.wizard-step[data-step="0"] .route-preview{padding:10px 12px 12px!important;margin:8px auto 12px!important;overflow:visible!important}
.wizard-step[data-step="0"] .route-track{min-height:48px!important;max-height:56px!important;overflow:hidden!important}
.wizard-step[data-step="0"] .delivery-scene{height:52px!important;max-height:52px!important}
.wizard-step[data-step="0"] .route-package{position:static!important;margin:6px 0 0!important;padding:6px 0 0!important;background:#fff!important}
.wizard-step[data-step="0"] .shipment-actions{position:sticky!important;bottom:10px!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:999!important;width:100%!important;margin:10px 0 0!important;padding:8px!important;background:#fff!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important}
.wizard-step[data-step="0"] .route-calculate{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;min-height:58px!important;margin:0!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;font-size:18px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(10,132,255,.24)!important}

/* Final correction: Calculate separate below information line, no Call. */
#callSupportBtn,.route-call{display:none!important}
.wizard-step[data-step="0"].active{overflow-y:auto!important;padding-bottom:118px!important}
.wizard-step[data-step="0"] .route-preview{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:hidden!important;padding:12px!important;margin:8px auto 14px!important;background:#fff!important;border-radius:20px!important}
.wizard-step[data-step="0"] .route-track{min-height:48px!important;max-height:56px!important;overflow:hidden!important}
.wizard-step[data-step="0"] .delivery-scene{height:52px!important;max-height:52px!important}
.wizard-step[data-step="0"] .route-package{display:flex!important;position:static!important;width:100%!important;align-items:center!important;justify-content:space-between!important;margin:6px 0 0!important;padding:8px 0 0!important;border-top:1px solid #e5eaf2!important;background:#fff!important;grid-column:1/-1!important}
.wizard-step[data-step="0"] .shipment-actions{display:block!important;position:static!important;width:100%!important;grid-column:1/-1!important;margin:10px 0 0!important;padding:0!important;background:#fff!important;box-shadow:none!important;z-index:5!important}
.wizard-step[data-step="0"] .route-calculate{display:flex!important;width:100%!important;min-height:58px!important;margin:0!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;font-size:18px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(10,132,255,.24)!important}

/* Emergency final: Calculate fully visible, not clipped. */
#callSupportBtn,.route-call{display:none!important}
@media(max-width:820px){html,body{overflow:auto!important}.booking-shell,.booking-card{height:auto!important;min-height:100dvh!important;overflow:visible!important}#bookingForm{height:auto!important;overflow:visible!important}.wizard-step[data-step="0"].active{height:auto!important;min-height:0!important;overflow:visible!important;padding:8px 10px 18px!important}}
.wizard-step[data-step="0"] .route-preview{overflow:visible!important;padding:12px!important;margin:8px auto 12px!important;display:block!important;background:#fff!important;border-radius:20px!important;box-sizing:border-box!important}
.wizard-step[data-step="0"] .route-track{min-height:46px!important;max-height:54px!important;overflow:hidden!important;margin:4px 0!important}
.wizard-step[data-step="0"] .delivery-scene{height:50px!important;max-height:50px!important}
.wizard-step[data-step="0"] .route-package{position:relative!important;display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid #e5eaf2!important;background:#fff!important;box-sizing:border-box!important}
.wizard-step[data-step="0"] .shipment-actions{position:relative!important;display:block!important;width:100%!important;min-height:auto!important;margin:12px 0 0!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:50!important;box-sizing:border-box!important}
.wizard-step[data-step="0"] .route-calculate{position:relative!important;display:flex!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;margin:0!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;font-size:18px!important;font-weight:900!important;line-height:1!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important;box-shadow:0 10px 22px rgba(10,132,255,.24)!important;transform:none!important}

/* Short mobile fit: keep Calculate fully visible on 599x552 style screens. */
@media(max-width:640px) and (max-height:580px){
  .wizard-step[data-step="0"].active{padding:6px 8px 12px!important}
  .wizard-step[data-step="0"] .form-grid{gap:4px!important}
  .wizard-step[data-step="0"] .form-grid label{min-height:48px!important;padding:3px 6px!important;border-radius:10px!important;font-size:9px!important}
  .wizard-step[data-step="0"] .form-grid input,.wizard-step[data-step="0"] .form-grid select{min-height:28px!important;font-size:13px!important;padding-top:0!important;padding-bottom:0!important}
  .wizard-step[data-step="0"] .route-preview{margin:6px auto 8px!important;padding:9px 10px 10px!important;gap:4px!important}
  .wizard-step[data-step="0"] .route-point{min-height:20px!important}
  .wizard-step[data-step="0"] .route-point span{display:none!important}
  .wizard-step[data-step="0"] .route-track{min-height:34px!important;max-height:40px!important;margin:2px 0!important}
  .wizard-step[data-step="0"] .delivery-scene{height:38px!important;max-height:38px!important}
  .wizard-step[data-step="0"] .route-package{margin:4px 0 0!important;padding:4px 0 0!important;font-size:10px!important}
  .wizard-step[data-step="0"] .shipment-actions{margin:6px 0 0!important}
  .wizard-step[data-step="0"] .route-calculate{height:50px!important;min-height:50px!important;max-height:50px!important;font-size:17px!important}
}

/* Final balanced information line. */
.wizard-step[data-step="0"] .route-package{
  margin-top:8px!important;
  padding:8px 2px!important;
  min-height:34px!important;
  border-top:1px solid #e5eaf2!important;
  border-bottom:1px solid #e5eaf2!important;
}
@media(max-width:640px) and (max-height:580px){
  .wizard-step[data-step="0"] .route-package{
    margin-top:5px!important;
    padding:5px 2px!important;
    min-height:26px!important;
  }
}
/* Coupon controls are shared by desktop and mobile checkout views. */
.coupon-checkout:not([hidden]){
    display:grid;
    grid-template-columns:minmax(210px,.72fr) minmax(320px,1.28fr);
    gap:18px;
    align-items:center;
    padding:16px 18px;
    margin:16px 0;
    border:1px solid #cfe0f5;
    border-radius:18px;
    background:linear-gradient(145deg,#fff,#f5f9ff);
    box-shadow:0 14px 34px rgba(15,42,84,.08);
}
.coupon-checkout[hidden]{display:none!important}
.coupon-copy{display:flex;align-items:center;gap:12px;min-width:0}
.coupon-copy>span:last-child{display:grid;gap:3px;min-width:0}
.coupon-copy b{color:#13213a;font-size:16px;line-height:1.2;font-weight:850}
.coupon-copy small{display:block;color:#60718d;font-size:12px;line-height:1.35;font-weight:650}
.coupon-icon{
    flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;
    background:#e8f3ff;color:#0969da;font-size:19px;font-weight:900
}
.coupon-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}
.coupon-checkout .sr-only{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
.coupon-checkout input{
    width:100%;min-height:52px;padding:0 16px;border:1px solid #cbdcf1;border-radius:14px;
    background:#fff;color:#13213a;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;
    outline:none;text-transform:uppercase
}
.coupon-checkout input::placeholder{color:#94a3b8;font-weight:650;text-transform:none}
.coupon-checkout input:focus{border-color:#1687f8;box-shadow:0 0 0 4px rgba(22,135,248,.13)}
.coupon-checkout button{
    min-height:52px;padding:0 24px;border:0;border-radius:14px;
    background:linear-gradient(135deg,#1668dc,#138cff);color:#fff;
    font-family:inherit;font-size:15px;font-weight:800;line-height:1;cursor:pointer;
    box-shadow:0 10px 22px rgba(22,104,220,.2)
}
.coupon-checkout button:disabled{opacity:.6;cursor:not-allowed}
.coupon-checkout .coupon-status{
    grid-column:1/-1;min-height:20px;margin:0;color:#53657f;font-size:13px;font-weight:700
}
@media(max-width:560px){
    .coupon-checkout:not([hidden]){grid-template-columns:1fr;gap:12px;padding:14px}
    .coupon-entry{grid-template-columns:minmax(0,1fr) auto}
    .coupon-checkout button{padding:0 15px;font-size:13px}
}
@media(max-width:390px){
    .coupon-entry{grid-template-columns:1fr}
    .coupon-checkout button{width:100%}
}

/* Quick Estimate: compact, regular-weight field typography. */
.wizard-step[data-step="0"] .estimate-field-text{
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:500!important;
    letter-spacing:0!important;
}
.wizard-step[data-step="0"] .estimate-field input,
.wizard-step[data-step="0"] .estimate-field select{
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:400!important;
    letter-spacing:0!important;
}
.wizard-step[data-step="0"] .estimate-field input::placeholder{
    color:#94a3b8!important;
    font-size:14px!important;
    font-weight:400!important;
    opacity:1!important;
}
.wizard-step[data-step="0"] .estimate-field select:invalid{
    color:#94a3b8!important;
    font-weight:400!important;
}

/* Booking overlays must cover the mobile app navigation. */
.boxes-sheet,.business-sheet,.other-package-sheet,.package-edit-sheet,.customer-auth-sheet,
.pin-warning-sheet,.estimate-result-sheet,.google-address-sheet,.select-sheet{
    z-index:5000!important;
}
@media(max-width:760px){
    body:has(.pwa-bottom-nav [data-pwa-nav="whatsapp"]) .hubex-wa-float{display:none!important}
    body:has(.boxes-sheet.open) .pwa-bottom-nav,
    body:has(.business-sheet.open) .pwa-bottom-nav,
    body:has(.other-package-sheet.open) .pwa-bottom-nav,
    body:has(.package-edit-sheet.open) .pwa-bottom-nav,
    body:has(.customer-auth-sheet.open) .pwa-bottom-nav,
    body:has(.pin-warning-sheet.open) .pwa-bottom-nav,
    body:has(.estimate-result-sheet.open) .pwa-bottom-nav,
    body:has(.google-address-sheet.open) .pwa-bottom-nav,
    body:has(.select-sheet.open) .pwa-bottom-nav{
        visibility:hidden!important;
        opacity:0!important;
        pointer-events:none!important;
    }
    .boxes-panel{max-height:calc(100dvh - 20px)!important;padding-bottom:18px!important}
}