/* Step 2 booking merge. Match the live site type, stepper, and card grid. The PNG was a layout reference, not a visual reskin. */ #bigfella-container.is-booking-page:not(.is-fulfill-page) .hero-right > .hr-title, #bigfella-container.is-booking-page:not(.is-fulfill-page) .hero-right > .hr-proof-sub, #bigfella-container.is-booking-page:not(.is-fulfill-page) .hero-right > .hr-estimate-sub, #bigfella-container.is-booking-page:not(.is-fulfill-page) .hero-right > .hr-kicker, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-step-label, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-mini-banner { display: none !important; } body:has(#bigfella-container.is-booking-page) iframe[src*="trustindex"], body:has(#bigfella-container.is-booking-page) .ti-widget, body:has(#bigfella-container.is-booking-page) [id^="ti-widget"], body:has(#bigfella-container.is-booking-page) [class*="ti-widget"], body:has(#bigfella-container.is-booking-page) #ti-badge, body:has(#bigfella-container.is-booking-page) .trustindex-widget { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress { display: grid !important; grid-template-columns: 28px minmax(20px, 1fr) 28px minmax(20px, 1fr) 28px; align-items: start; justify-content: center; justify-items: stretch; gap: 0; width: min(360px, 100%); max-width: 360px; margin: 0 auto 40px !important; padding: 0 0 22px; background: transparent; position: relative; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress[hidden], #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress[hidden] { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress::before, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress::before, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress::after, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress::after { content: "" !important; height: 2px; margin: 13px 10px 0; align-self: start; justify-self: stretch; background: #D9E1EE !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; z-index: 0; pointer-events: none; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress::before, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress::before { grid-column: 2; grid-row: 1; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress::after, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress::after { grid-column: 4; grid-row: 1; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span { position: relative; z-index: 2; flex: none !important; display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; margin: 0; padding: 0; border: 1.5px solid #D9E1EE; border-radius: 50%; background-color: #fff !important; background: #fff !important; box-shadow: none; isolation: isolate; color: #5A6474 !important; font-family: "Plus Jakarta Sans", system-ui, sans-serif !important; font-size: 0.68rem !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0; overflow: visible !important; text-align: center; background-image: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span:nth-child(1), #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span:nth-child(1) { grid-column: 1; grid-row: 1; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span:nth-child(2), #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span:nth-child(2) { grid-column: 3; grid-row: 1; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span:nth-child(3), #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span:nth-child(3) { grid-column: 5; grid-row: 1; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span::before, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span::before { content: none !important; display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span::after, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span::after { content: attr(data-label) !important; display: block !important; position: absolute; top: 32px; left: 50%; transform: translateX(-50%); color: #5A6474; font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; background: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span.active, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span.active { color: #fff !important; background: #2B7DE0 !important; border-color: #2B7DE0; box-shadow: none; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span.done, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span.done { color: #2B7DE0 !important; border-color: #2B7DE0; background: #fff !important; box-shadow: none; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span.active::after, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteProgress span.done::after, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span.active::after, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-progress span.done::after { color: #2B7DE0; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active { display: block !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active .quote-results { display: grid !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right > #quoteForm, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteForm { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; flex-direction: unset !important; align-items: start !important; gap: 20px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep1, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteForm > .quote-nav, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteForm > .bf-live-visitors, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteDepositNote, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteErrorMessage { grid-column: 1 / -1; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep2.active { display: contents !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep2.active .quote-results, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-main { display: contents !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteResults #priceBanner, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteResults #priceBanner.visible, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteResults .quote-seq-price, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-rest { display: none !important; grid-column: 1 !important; grid-row: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-main > .service-pick, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-main > .qr-service { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-side, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3.quote-step { grid-column: 1 / -1 !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-side { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-card { align-content: start; height: auto; min-height: 0; padding: 18px 20px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest { display: grid !important; grid-column: 1 / -1 !important; grid-row: 2 !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 16px; width: 100% !important; max-width: 100% !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > * { width: 100% !important; max-width: none !important; min-width: 0; box-sizing: border-box; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #pbReassure, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quoteDefaults, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quotePaths { grid-column: 1 / -1 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quoteGiveBack { grid-column: 1 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-result-actions { grid-column: 2 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-book-block, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #priceMatch { grid-column: 1 / -1 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #pbReassure, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quoteDefaults, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quotePaths { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-result-actions, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-result-actions .binding-panel { display: flex !important; flex-direction: column; width: 100% !important; height: 100%; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-book-block, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #priceMatch, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quoteGiveBack { display: flex !important; flex-direction: column; height: 100%; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteCauseList, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest .bb-causes-compact { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px; width: 100% !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest .bb-causes-compact .bb-cause { flex: none; min-width: 0 !important; width: 100%; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest .price-match-intro { display: flex; flex-direction: column; gap: 10px; height: 100%; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest #priceMatchOpen, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest #quoteBookPathBtn { width: 100% !important; margin-top: auto; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-card, #bigfella-container.is-booking-page:not(.is-fulfill-page) #priceBanner.visible, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-main > .service-pick, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-rest .service-pick, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-rest #quoteGiveBack, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-rest .quote-book-block, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-rest #priceMatch, #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-ticket, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteStep3 .qb-section, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteStep3 .pay-method, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteStep3 .book-pay { width: 100%; max-width: 100%; box-sizing: border-box; border-radius: 18px !important; box-shadow: none !important; background: #fff !important; border: 1.5px solid #D9E1EE !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-title, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-card h3, #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-section-title, #bigfella-container.is-booking-page:not(.is-fulfill-page) #payMethodLabel, #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-amount, #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-ticket-price { font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif !important; font-weight: 800 !important; letter-spacing: -0.03em; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteGiveBack, #bigfella-container.is-booking-page:not(.is-fulfill-page) .service-pick, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-book-block, #bigfella-container.is-booking-page:not(.is-fulfill-page) #priceMatch { padding: 22px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteBookPathBtn { width: 100% !important; min-height: 56px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-book-block { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest #priceMatchOpen { width: 100% !important; min-height: 52px; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-card { padding: 22px 22px 18px; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-title { margin: 0 0 6px; font-size: 15px; color: #5a6474; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-amount { margin: 0 0 16px; font-size: 34px; line-height: 1; color: #0b1220; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-rows { margin: 0; display: grid; gap: 10px; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-rows > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items: baseline; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-rows dt { margin: 0; font-size: 14px; font-weight: 700; color: #0b1220; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-rows dd { margin: 0; font-size: 16px; font-weight: 800; color: #0b1220; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-total-sub { grid-column: 1 / -1; margin: 0; font-size: 12px; font-weight: 500; line-height: 1.4; color: #5a6474; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-charity-note { margin: 14px 0 0; font-size: 13px; font-weight: 600; line-height: 1.45; color: #5a6474; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-charity-note { margin: 16px 0 0; padding: 12px 14px; border-radius: 14px; background: #eef1f6; color: #334155; } .qb-ticket { display: none; grid-column: 1 !important; overflow: hidden; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket { display: grid !important; position: relative; grid-template-columns: minmax(0, 1fr) minmax(200px, 240px); min-height: 148px; width: 100% !important; max-width: none !important; margin-left: 0; background: transparent !important; box-shadow: none !important; border: 0 !important; overflow: visible !important; filter: drop-shadow(0 18px 40px rgba(6, 24, 66, 0.28)); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket::after { content: none !important; display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket > .qb-node { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-left { padding: 22px 24px 20px; min-width: 0; background: #fff; border-radius: 22px 0 0 22px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-vehicle { margin: 0; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif; font-size: 22px; font-weight: 800; color: #0b1220; line-height: 1.15; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-vehicle-meta { margin: 4px 0 12px; font-size: 14px; font-weight: 700; color: #5a6474; line-height: 1.3; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-route { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; margin: 0 0 14px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-city { font-size: 15px; font-weight: 800; color: #0b1220; overflow-wrap: anywhere; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-city.is-to { text-align: right; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-line { display: block; min-width: 40px; width: 100%; height: 2px; background: repeating-linear-gradient(90deg, #9aa7bf 0 6px, transparent 6px 10px); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-pill { white-space: nowrap; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-chips { display: flex; flex-wrap: wrap; gap: 8px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-meta { display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 8px; min-width: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-chip { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px; border-radius: 999px; background: #eef4fe; color: #0f3d8a; font-size: 12px; font-weight: 800; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-right { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 22px 20px; background: #0f3d8a; color: #fff; border-radius: 0 22px 22px 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-right::before { content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; border-left: 2px dotted rgba(255, 255, 255, 0.45); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-kicker { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.82); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-price { margin: 0 0 8px; font-size: 36px; line-height: 1; color: #fff; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-lock { margin: 0 0 12px; font-size: 12px; font-weight: 600; line-height: 1.4; color: rgba(255, 255, 255, 0.78); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-edit { align-self: flex-start; padding: 0; border: 0; background: none; color: #ffd23f; font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-price, #bigfella-container.is-booking-open:not(.is-fulfill-page) #priceBanner, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-rest, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-card-head, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-facts, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-toggle-row, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteVehicleCard, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteTotalCard, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-card-head .quote-mini-edit { display: none !important; max-height: 0 !important; opacity: 0; overflow: hidden !important; margin: 0 !important; padding: 0 !important; pointer-events: none; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qb-ship-compact, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qb-ship-compact-title { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ship-compact-title { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteShipCard { display: none !important; width: 100% !important; max-width: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ship-compact { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 20px; margin: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ship-compact > div { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; align-items: flex-start; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ship-compact dt { margin: 0; font-size: 14px; font-weight: 700; color: #5a6474; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ship-compact dd { margin: 0; font-size: 15px; font-weight: 800; color: #0b1220; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 { animation: qbDrop 300ms ease; } @keyframes qbDrop { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qb-ticket, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep3 { display: none !important; max-height: 0; opacity: 0; overflow: hidden; pointer-events: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3.quote-step { display: block !important; grid-column: 1 / -1 !important; grid-row: auto !important; align-self: start; width: 100%; max-width: 100%; margin: 0; padding: 8px 0; background: transparent !important; box-shadow: none !important; position: relative; opacity: 1; max-height: none; min-height: 0; height: auto; overflow: visible; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3::before { content: none !important; display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .checkout-screen, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .checkout-screen.active { display: block !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-pickup-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: start; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-pickup-grid > .book-details { display: block; min-height: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-section, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .pay-method, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .book-pay { position: relative; margin: 0 0 16px; padding: 22px 22px 20px; overflow: visible; z-index: 0; min-height: 0; height: auto; align-self: start; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #bookAgreeGroup { position: relative; display: block; width: 100%; max-width: 100%; margin: 0; padding: 0; overflow: visible; z-index: 1; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-node { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-section.is-done > .qb-node, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket > .qb-node.is-done, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-anchor.is-done { border-color: #fff; background: #fff; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-section.is-done > .qb-node::after, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket > .qb-node.is-done::after { content: "\2713"; display: block; color: #1a56b4; font-size: 12px; font-weight: 800; line-height: 18px; text-align: center; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-section.is-active > .qb-node { border-color: #ffd23f; background: #ffd23f; box-shadow: 0 0 0 4px rgba(255, 210, 63, 0.28); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-section-title, #bigfella-container.is-booking-open:not(.is-fulfill-page) #payMethodLabel { margin: 0 0 8px; font-size: 22px; color: #0b1220; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #bookAgreeLabel { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 1px !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-section-sub { margin: 0 0 16px; font-size: 14px; font-weight: 600; color: #5a6474; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .lead-head, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-summary, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-price-lock, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-lock-note, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-trust-line, #bigfella-container.is-booking-open:not(.is-fulfill-page) .exact-bucks, #bigfella-container.is-booking-open:not(.is-fulfill-page) .bucks-apply, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-decide, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-more, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-decide .book-section-title, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-more .book-section-title, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-step-label, #bigfella-container.is-booking-open:not(.is-fulfill-page) #bookPayBox > h3, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-auth-note, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-pay-status, #bigfella-container.is-booking-open:not(.is-fulfill-page) #bookPayLockNote, #bigfella-container.is-booking-open:not(.is-fulfill-page) #bookPlacesGroup > .field-label, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-place, #bigfella-container.is-booking-open:not(.is-fulfill-page) .contact-or-note { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-pickup-grid .book-section-title { display: block !important; margin: 0 0 12px; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif !important; font-size: 15px; font-weight: 800; color: #0b1220; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-pay #bookPayAmount { display: flex !important; align-items: flex-start; gap: 8px; margin: 4px 0 14px; font-size: 13px !important; font-weight: 700 !important; line-height: 1.45; color: #0b1220 !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-pay #bookPayAmount .fa-lock { margin-top: 2px; color: #0f3d8a; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right select, #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right textarea { height: 52px; border: 1.5px solid #dfe6f2 !important; border-radius: 14px !important; background: #fff; box-shadow: none; font-family: "Plus Jakarta Sans", system-ui, sans-serif; font-size: 15px; font-weight: 600; color: #0b1220; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right textarea { height: auto; min-height: 88px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group { position: relative; margin: 0 0 12px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group:not(#bookAgreeGroup):not(.qb-places):not(.qb-addr-group) > label:not(.book-agree):not(.sms-optin):not(.pay-option), #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group:not(#bookAgreeGroup):not(.qb-places):not(.qb-addr-group) > .field-label { position: absolute; top: 8px; left: 14px; z-index: 1; margin: 0; font-size: 11px; font-weight: 700; letter-spacing: 0.02em; color: #6b778c; pointer-events: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group:not(#bookAgreeGroup):not(.qb-places):not(.qb-addr-group) > input, #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group:not(#bookAgreeGroup):not(.qb-places):not(.qb-addr-group) > select, #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group:not(#bookAgreeGroup):not(.qb-places):not(.qb-addr-group) > textarea { padding: 22px 14px 8px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-places { display: grid; gap: 12px; margin: 0 0 12px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.qb-addr-group { display: flex; flex-direction: column; align-items: stretch; gap: 6px; margin: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.qb-addr-group > label, #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.qb-addr-group > .field-label { position: static !important; pointer-events: auto; display: block; margin: 0; font-size: 13px; font-weight: 700; color: #5a6474; letter-spacing: 0; text-transform: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #bookAgreeGroup > label.book-agree { position: static !important; pointer-events: auto; display: flex; align-items: flex-start; gap: 12px; margin: 0 0 14px; color: #0b1220; font-size: 15px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.qb-addr-group > input, #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.qb-addr-group > select, #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.qb-addr-group > textarea { height: 48px; min-height: 48px; padding: 10px 14px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.is-valid > input, #bigfella-container.is-booking-open:not(.is-fulfill-page) .form-group.is-valid > select, #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right input:autofill, #bigfella-container.is-booking-open:not(.is-fulfill-page) .hero-right input:-webkit-autofill { background: #eef4fe !important; box-shadow: 0 0 0 1000px #eef4fe inset !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .pay-option { margin: 0 0 10px; padding: 14px 16px; border: 1.5px solid #dfe6f2; border-radius: 16px; background: #fff; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .pay-option.active, #bigfella-container.is-booking-open:not(.is-fulfill-page) .pay-option:has(input:checked) { border-color: #2a78d6 !important; background: #f1f6ff !important; box-shadow: 0 0 0 3px rgba(42, 120, 214, 0.22); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-terms-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; width: 100%; margin: 16px 0; padding: 0; list-style: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-terms-summary li { position: static; margin: 0; padding: 12px 14px; border-radius: 14px; background: #f6f8fc; font-size: 13px; line-height: 1.45; color: #334155; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-terms-summary li::before { content: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #expressCheckoutBox:not(:has(iframe)) { display: none; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #express-checkout-element:empty, #bigfella-container.is-booking-open:not(.is-fulfill-page) #payment-element:empty { display: none; min-height: 0; padding: 0; border: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #payment-element { min-height: 0; margin: 8px 0; padding: 8px 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteBookingActions, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav { display: flex !important; flex-wrap: wrap; flex-direction: column !important; justify-content: flex-start; align-items: stretch; gap: 12px; margin: 16px 0 0; padding: 0; min-height: 0; height: auto; background: transparent; box-shadow: none; position: static !important; transform: none !important; } #bigfella-container.is-booking-page.is-booking-open:not(.is-fulfill-page) #quoteSubmitBtn, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteBookingActions .quote-nav .btn-primary, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .btn-primary { display: inline-flex !important; align-items: center; justify-content: center; flex: 1 1 100%; min-height: 56px !important; height: auto !important; width: 100% !important; margin: 0 !important; opacity: 1; pointer-events: auto !important; visibility: visible !important; position: static !important; z-index: 2; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteBookingActions .quote-back, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .quote-back, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteBackBtn { display: inline-flex !important; order: 0 !important; flex: 0 0 auto; width: auto !important; margin: 0 !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .quote-approve-note, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .quote-turnstile, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .quote-lead-note, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .qf-free-note, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .qf-card-note, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .qf-trust, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav .quote-call-quiet { display: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteSubmitBtn:disabled, #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-nav .btn-primary:disabled { opacity: 0.45; box-shadow: none !important; cursor: not-allowed; } #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteForm > .quote-nav { display: none !important; } @media (max-width: 899px) { #bigfella-container.is-booking-page:not(.is-fulfill-page) .hero-right { padding: 16px 16px 28px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .hero-right > #quoteForm, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteForm { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active .quote-results { display: flex !important; flex-direction: column !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-main { grid-column: 1 / -1 !important; grid-row: auto !important; order: 1; width: 100%; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-side { grid-column: 1 / -1 !important; grid-row: auto !important; max-width: none !important; position: static !important; order: 3; width: 100% !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-price, #bigfella-container.is-booking-page:not(.is-fulfill-page) #priceBanner.visible { order: 0; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest { grid-column: 1 / -1 !important; grid-row: auto !important; order: 2; width: 100% !important; grid-template-columns: minmax(0, 1fr) !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteCauseList, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest .bb-causes-compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #quoteGiveBack, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-result-actions, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > .quote-book-block, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .quote-seq-rest > #priceMatch { grid-column: 1 / -1 !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .quote-seq-side { order: 1; max-width: none !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ship-compact { grid-template-columns: repeat(2, minmax(0, 1fr)); } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket { order: 2; grid-template-columns: 1fr; width: 100% !important; max-width: none !important; margin-left: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-left, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-right { border-radius: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-left { border-radius: 22px 22px 0 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-right { border-radius: 0 0 22px 22px; } #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 { order: 3; padding-left: 0; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-pickup-grid, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-terms-summary, #bigfella-container.is-booking-open:not(.is-fulfill-page) .book-name-row, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteBookingActions, #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteStep3 .quote-nav { grid-template-columns: 1fr !important; } #bigfella-container.is-booking-open:not(.is-fulfill-page) .qb-ticket-right::before { top: 0; bottom: auto; left: 16px; right: 16px; border-left: 0; border-top: 2px dotted rgba(255, 255, 255, 0.45); } } @media (prefers-reduced-motion: reduce) { #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-price, #bigfella-container.is-booking-page:not(.is-fulfill-page) .quote-seq-rest, #bigfella-container.is-booking-page:not(.is-fulfill-page) .qb-ticket, #bigfella-container.is-booking-page:not(.is-fulfill-page) #quoteStep3 { transition: none !important; } } #bigfella-container.is-confirm-page #quoteForm, #bigfella-container.is-confirm-page.is-booking-open #quoteForm, #bigfella-container.is-confirm-page .hero-right > #quoteForm, #bigfella-container.is-booking-page.is-confirm-page:not(.is-fulfill-page) .hero-right > #quoteForm, #bigfella-container.is-booking-page.is-confirm-page:not(.is-fulfill-page) #quoteForm, #bigfella-container.is-confirm-page #quoteStep1, #bigfella-container.is-confirm-page #quoteStep2, #bigfella-container.is-confirm-page #quoteStep3, #bigfella-container.is-confirm-page .quote-results, #bigfella-container.is-confirm-page .quote-seq-side, #bigfella-container.is-confirm-page .qb-ticket, #bigfella-container.is-confirm-page #bbGiveBack, #bigfella-container.is-confirm-page #dashAccountExtras, #bigfella-container.is-confirm-page #moveHubPartner, #bigfella-container.is-confirm-page .dash-actions, #bigfella-container.is-confirm-page #quoteSuccessCopy, #bigfella-container.is-confirm-page .home-trust-strip, #bigfella-container.is-confirm-page .hero-review-carousel, #bigfella-container.is-confirm-page .hero-review-excerpts, #bigfella-container.is-confirm-page .contact-widget, #bigfella-container.is-confirm-page .hero-quote-section ~ *, #bigfella-container.is-confirm-page #homePoolTeaser, #bigfella-container.is-confirm-page section#homePoolTeaser.home-band, #bigfella-container.is-confirm-page main > section:not(.hero-quote-section), #bigfella-container.is-confirm-page #dashAccountChips a[href*="GiveBack"] { display: none !important; } #bigfella-container.is-confirm-page .hero-right { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: min(720px, calc(100% - 32px)) !important; max-width: 720px !important; margin: 0 auto !important; padding: 24px 0 48px !important; } #bigfella-container.is-confirm-page #quoteProgress, #bigfella-container.is-booking-page.is-confirm-page:not(.is-fulfill-page) #quoteProgress, #bigfella-container.is-booking-page.is-confirm-page:not(.is-fulfill-page) .hero-right > #quoteProgress { display: none !important; } #bigfella-container.is-confirm-page .dash-steps, #bigfella-container.is-confirm-page .review-next, #bigfella-container.is-confirm-page .book-next-title, #bigfella-container.is-confirm-page .dash-next .book-next-title { display: none !important; } #bigfella-container.is-confirm-page #quoteSuccessMessage, #bigfella-container.is-confirm-page #quoteSuccessMessage.active { display: grid !important; gap: 16px; width: 100%; max-width: 720px; margin: 0 auto; padding: 0; height: auto !important; overflow: visible !important; } #bigfella-container.is-confirm-page .dash-card, #bigfella-container.is-confirm-page .dash-confirm, #bigfella-container.is-confirm-page .dash-summary, #bigfella-container.is-confirm-page .dash-account, #bigfella-container.is-confirm-page .referral-section { display: grid; width: 100%; max-width: none; margin: 0; padding: 22px; background: #fff !important; border: 1.5px solid #D9E1EE !important; border-radius: 18px !important; box-shadow: none !important; } #bigfella-container.is-confirm-page .dash-confirm { justify-items: center; text-align: center; } #bigfella-container.is-confirm-page .dash-kicker { display: block !important; margin: 0 0 6px; color: #2B7DE0; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; } #bigfella-container.is-confirm-page .fsm-title { margin: 0; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif !important; font-size: 28px; font-weight: 800; line-height: 1.15; color: #0b1220; } #bigfella-container.is-confirm-page .fsm-booking { margin: 8px 0 0; color: #5a6474; font-size: 15px; font-weight: 700; } #bigfella-container.is-confirm-page .dash-summary { grid-template-columns: minmax(0, 1fr); gap: 12px; text-align: left; } #bigfella-container.is-confirm-page .dash-summary-price, #bigfella-container.is-confirm-page .dash-price { justify-items: start; text-align: left; } #bigfella-container.is-confirm-page .dash-summary-price strong, #bigfella-container.is-confirm-page #successPrice { font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif !important; font-size: 32px; color: #0b1220; } #bigfella-container.is-confirm-page .book-next-title, #bigfella-container.is-confirm-page .dash-next .book-next-title { position: static !important; width: auto !important; height: auto !important; margin: 0 0 10px; clip: auto !important; overflow: visible !important; white-space: normal !important; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif !important; font-size: 18px; font-weight: 800; color: #0b1220; } #bigfella-container.is-confirm-page .dash-steps, #bigfella-container.is-confirm-page .review-next, #bigfella-container.is-confirm-page .dash-steps li, #bigfella-container.is-confirm-page .review-next li { display: none !important; } #bigfella-container.is-confirm-page #dashNextCopy, #bigfella-container.is-confirm-page .review-no-charge, #bigfella-container.is-confirm-page .dash-email-line { display: block !important; margin: 0; color: #5a6474; font-size: 14px; font-weight: 600; line-height: 1.45; } #bigfella-container.is-confirm-page .dash-account h3, #bigfella-container.is-confirm-page .referral-section h3 { margin: 0 0 8px; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif !important; font-size: 20px; font-weight: 800; color: #0b1220; } #bigfella-container.is-confirm-page .dash-account-choices, #bigfella-container.is-confirm-page .dash-account-actions { display: flex; flex-direction: column; gap: 10px; } #bigfella-container.is-confirm-page .dash-account-choices .btn-primary, #bigfella-container.is-confirm-page .dash-account-actions .btn-primary, #bigfella-container.is-confirm-page .ref-copy { width: 100%; min-height: 52px; } html:has(#bigfella-container.is-confirm-page), body:has(#bigfella-container.is-confirm-page), #bigfella-container.is-confirm-page, #bigfella-container.is-confirm-page .hero-quote-section, #bigfella-container.is-confirm-page .hero-quote-grid, #bigfella-container.is-confirm-page .hero-right { height: auto !important; overflow: visible !important; } @media (max-width: 899px) { #bigfella-container.is-confirm-page .hero-right { width: calc(100% - 32px) !important; max-width: none !important; padding: 16px 0 40px !important; } #bigfella-container.is-confirm-page .fsm-title { font-size: 24px; } #bigfella-container.is-confirm-page .dash-summary-price strong, #bigfella-container.is-confirm-page #successPrice { font-size: 28px; } } /* Quote results v2 — layout/styling only. Booking-open and confirm stay on the older rules. */ #bigfella-container.is-booking-open:not(.is-fulfill-page) #quoteGiveBack, #bigfella-container.is-booking-open:not(.is-fulfill-page) #bindingQuoteSuccess, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qr-trust, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qr-ship-div, #bigfella-container.is-booking-open:not(.is-fulfill-page) .qr-ship-vehicle, #bigfella-container.is-booking-open:not(.is-fulfill-page) #qbDonateRow { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active .quote-results.qr-v2 { display: grid !important; grid-template-columns: minmax(0, 1fr) 360px !important; align-items: start; gap: 24px !important; width: 100% !important; max-width: 100% !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > #bindingQuoteSuccess { grid-column: 1 / -1 !important; grid-row: 1 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .quote-seq-main { grid-column: 1 !important; grid-row: 2 !important; display: flex !important; flex-direction: column; gap: 24px; min-width: 0; width: 100% !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .quote-seq-side { grid-column: 2 !important; grid-row: 2 !important; display: flex !important; flex-direction: column; gap: 16px; position: sticky; top: 20px; align-self: start; width: 360px !important; max-width: 360px !important; justify-self: stretch; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .quote-seq-rest, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active #quoteResults.qr-v2 #priceBanner, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active #quoteResults.qr-v2 #priceBanner.visible, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #priceBanner, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #priceBanner.visible, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 .quote-seq-price, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #tierTip, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-v2-book-slot, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #qbDonateRow[hidden], #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #quoteCauseList[hidden], #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #quoteCauseSkip[hidden], #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #quoteCausePicked[hidden], #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteResults.qr-v2 #bindingQuoteSuccess[hidden] { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-card, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .service-pick, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteGiveBack { background: #fff !important; border: 1px solid #dfe6f1 !important; border-radius: 16px !important; box-shadow: none !important; padding: 24px !important; width: 100%; max-width: 100%; box-sizing: border-box; } /* Success banner */ #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success.qr-sent { display: flex !important; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: 10px; padding: 12px 18px !important; border: 1px solid #b7e4c7 !important; border-radius: 12px !important; background: #e6f6ec !important; color: #17643a !important; box-shadow: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success.qr-sent[hidden] { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success .binding-check { width: 22px; height: 22px; min-width: 22px; margin: 0; background: transparent; color: #1f9d55; font-size: 18px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success .binding-check i { color: #1f9d55; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success .binding-success-copy, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success .binding-success-title { margin: 0; font-family: inherit; font-size: 14px; line-height: 1.4; color: #17643a !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .binding-success .binding-success-title { font-weight: 800; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-sent-close { margin-left: auto; border: 0; background: transparent; color: #17643a; font-size: 16px; line-height: 1; cursor: pointer; padding: 4px; border-radius: 6px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-sent-close:focus-visible { outline: 3px solid #2b7be0; outline-offset: 2px; } /* Service radios */ #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .service-pick .field-label { display: block; margin: 0 0 6px; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -0.03em; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .svc-fee-note { margin: 0 0 18px; font-size: 14px; font-weight: 500; line-height: 1.45; color: #5b6677; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle button { position: relative; padding: 20px 18px 18px !important; border: 1.5px solid #dfe6f1 !important; border-radius: 14px !important; background: #fff !important; text-align: left; cursor: pointer; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle button.active, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle button.active.blue { border: 2px solid #2b7be0 !important; background: #f3f8ff !important; padding: 19.5px 17.5px 17.5px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle button:focus-visible { outline: 3px solid #2b7be0; outline-offset: 3px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-radio { position: absolute; top: 16px; right: 16px; width: 18px; height: 18px; border: 2px solid #c5d0de; border-radius: 50%; background: #fff; box-sizing: border-box; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle button.active .svc-radio { border-color: #2b7be0; background: #2b7be0; box-shadow: inset 0 0 0 3px #f3f8ff; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-badge, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .seg-rec, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-rec { text-transform: uppercase; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-rec { background: #1f9d55 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-price-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-delta { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; background: #e8f1fd; color: #2b7be0; font-size: 12px; font-weight: 800; line-height: 1.2; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-delta[hidden] { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-points { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 7px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-points li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; font-weight: 500; line-height: 1.4; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle .svc-points i { margin-top: 2px; color: #2b7be0; font-size: 11px; } /* Price + action */ #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-total-title { margin: 0 0 4px; font-family: inherit; font-size: 13px; font-weight: 600; letter-spacing: 0; color: #5b6677; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-total-amount { margin: 0 0 18px; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif; font-size: 46px; font-weight: 800; letter-spacing: -0.04em; line-height: 1; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-donate-row dt, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-donate-row dd, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-donate-row .qb-total-sub { color: #1f9d55 !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-charity-note { display: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteTotalCard .quote-book-block { margin: 18px 0 0; padding: 0 !important; border: 0 !important; background: transparent !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteBookPathBtn { width: 100% !important; min-height: 0 !important; padding: 16px !important; border: 0 !important; border-radius: 12px !important; background: #ffd43b !important; color: #0f1b2d !important; font-size: 16px; font-weight: 800; box-shadow: none !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteBookPathBtn:focus-visible { outline: 3px solid #2b7be0; outline-offset: 2px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-trust { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-trust li { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; font-weight: 500; line-height: 1.4; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-trust i { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; min-width: 16px; margin-top: 1px; border-radius: 50%; background: #1f9d55; color: #fff; font-size: 8px; } /* Shipment */ #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-card-head h3 { margin: 0; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif; font-size: 18px; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-mini-edit { border: 0; background: transparent; color: #2b7be0; font-size: 14px; font-weight: 700; cursor: pointer; padding: 0; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-mini-edit:focus-visible { outline: 3px solid #2b7be0; outline-offset: 2px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-facts { margin: 0; display: grid; gap: 10px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-facts > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 8px; align-items: start; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-facts dt { margin: 0; font-size: 13px; font-weight: 500; color: #5b6677; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-facts dd { margin: 0; font-size: 14px; font-weight: 800; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-ship-div { display: block; height: 1px; margin: 14px 0; border: 0; background: #dfe6f1; } /* Charity */ #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-give-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 6px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteGiveBack h3 { margin: 0; font-family: Unbounded, "Plus Jakarta Sans", system-ui, sans-serif; font-size: 20px; font-weight: 800; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-optional { font-size: 13px; font-weight: 600; color: #5b6677; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteGiveBack > p { margin: 0 0 16px; font-size: 14px; font-weight: 500; line-height: 1.45; color: #5b6677; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .bb-causes-compact { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; height: 92px; min-height: 92px; padding: 10px 8px 8px; border: 1.5px solid #dfe6f1; border-radius: 12px; background: #fff; text-align: center; cursor: pointer; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause.is-on { border: 2px solid #2b7be0; background: #f3f8ff; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause:focus-visible { outline: 3px solid #2b7be0; outline-offset: 2px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause-logo-box { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause-logo { width: 36px; height: 36px; object-fit: contain; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause strong { font-size: 11px; font-weight: 700; line-height: 1.25; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause-check { position: absolute; top: 6px; right: 6px; width: 16px; height: 16px; border-radius: 50%; background: #2b7be0; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList .bb-cause-check::after { content: ""; position: absolute; left: 5px; top: 3px; width: 4px; height: 7px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-cause-skip, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-cause-change { margin: 12px 0 0; padding: 0; border: 0; background: transparent; color: #2b7be0; font-size: 14px; font-weight: 700; cursor: pointer; text-align: left; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-cause-summary { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: #0f1b2d; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-cause-skip:focus-visible, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qr-cause-change:focus-visible { outline: 3px solid #2b7be0; outline-offset: 2px; } @media (max-width: 1023px) { #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active .quote-results.qr-v2 { display: flex !important; flex-direction: column !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .quote-seq-main, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > .quote-seq-side { display: contents !important; width: 100% !important; max-width: none !important; position: static !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 > #bindingQuoteSuccess { order: 1; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .service-pick { order: 2; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteTotalCard { order: 3; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteGiveBack { order: 4; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteShipCard { order: 5; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #hServiceToggle { grid-template-columns: 1fr !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteCauseList, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .bb-causes-compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-total-amount { font-size: 40px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) #quoteStep2.active .quote-results.qr-v2 { padding-bottom: 88px; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteTotalCard .quote-book-block { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; margin: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)) !important; background: #fff !important; border-top: 1px solid #dfe6f1 !important; } } @media (max-width: 374px) { #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .quote-seq-card, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .service-pick, #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 #quoteGiveBack { padding: 18px 16px !important; } #bigfella-container.is-booking-page:not(.is-fulfill-page):not(.is-booking-open) .qr-v2 .qb-total-amount { font-size: 36px; } }