/* Responsive layout shared by the homepage and every quote stage. */
/* Contact fields stay legible on the light card, including mobile autofill. */
.quote-card .contact-fields{color:#163e35;color-scheme:light}
.quote-card .contact-fields .step-copy h3,.quote-card .contact-fields .field-group{color:#163e35}
.quote-card .contact-fields .step-copy p{color:#526c67}
.quote-card .contact-fields .quote-input,.quote-card .contact-fields .quote-textarea{background:#fff;color:#143c36;-webkit-text-fill-color:#143c36;caret-color:#143c36;border-color:#a5bcb3}
.quote-card .contact-fields .quote-input::placeholder,.quote-card .contact-fields .quote-textarea::placeholder{color:#5c746b;-webkit-text-fill-color:#5c746b;opacity:1}
.quote-card .contact-fields input:autofill,.quote-card .contact-fields textarea:autofill{color:#143c36;-webkit-text-fill-color:#143c36;caret-color:#143c36}
.quote-card .contact-fields .quote-input:focus-visible,.quote-card .contact-fields .quote-textarea:focus-visible{outline:2px solid #14675f;outline-offset:2px;border-color:#14675f}
.quote-card .contact-fields .field-error{color:#a82924}
@media(max-width:760px){.wlp-vehicle-capacity{padding:16px}.wlp-vehicle-capacity dl{grid-template-columns:1fr;gap:16px}.wlp-vehicle-capacity dd{font-size:18px}.wlp-vehicle-capacity p{font-size:13px}}
.wlp-mobile-menu,.wlp-mobile-quote{display:none}
.wlp-help-close{display:none}
@media(max-width:980px){
 html{scroll-padding-top:20px}body,body:has(.quote-step-3){min-width:0;overflow-x:visible}
 *,*:before,*:after{box-sizing:border-box}
 .section-shell,.quote-shell{width:calc(100% - 32px);max-width:720px;min-width:0}
 .site-header,.wlp-extension .site-header{height:auto;min-height:76px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;z-index:50}
 .site-header>.brand{min-width:0}.site-header .brand-logo{width:132px;max-width:100%;height:auto}
 .site-header>nav,.site-header>.header-actions{display:none!important}
 .wlp-mobile-quote{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:8px;background:#c8ff2e;color:#10342d;font-size:12px;font-weight:800;white-space:nowrap;text-decoration:none}
 .wlp-mobile-menu{display:block;position:static;color:white}
 .wlp-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid #ffffff45;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}
 .wlp-mobile-menu>summary::-webkit-details-marker{display:none}.wlp-mobile-menu>summary:before{content:'☰';font-size:19px;line-height:1}.wlp-mobile-menu[open]>summary:before{content:'×';font-size:25px}
 .site-header .wlp-mobile-menu nav{display:grid!important;white-space:normal;position:absolute;top:calc(100% - 1px);left:12px;right:12px;max-height:70vh;overflow-y:auto;overscroll-behavior:contain;background:#083c36;border:1px solid #37675f;border-radius:12px;padding:10px;box-shadow:0 12px 30px #001e1b40;gap:0;font-size:15px;color:#f4faf8}
 .wlp-mobile-menu:not([open]) nav{display:none!important}
 .site-header .wlp-mobile-menu nav a{display:flex;align-items:center;min-height:46px;padding:10px 14px;border-radius:7px}.site-header .wlp-mobile-menu nav a:hover{background:#17554d}
 .wlp-mobile-menu summary:focus-visible,.wlp-mobile-menu a:focus-visible,.wlp-mobile-quote:focus-visible{outline:3px solid #d5fa80;outline-offset:3px}
 .hero{min-width:0;padding-bottom:24px;background-size:1200px auto,cover;background-position:center 65px,center}
 .hero-intro{padding:36px 0 24px}.hero-intro .eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.6;max-width:290px;margin:0 auto 12px}.hero-intro h1{font-size:clamp(34px,7.4vw,48px);line-height:1.04;letter-spacing:-.045em;max-width:500px;margin:auto}.hero-lead{font-size:15px;line-height:1.65;margin-top:16px;max-width:460px}.hero-points{gap:12px 20px;flex-wrap:wrap;font-size:12px;margin-top:16px}
 .country-ticker{height:40px}.country-ticker-track{font-size:11px}
 .quote-card,.quote-shell:has(.quote-step-3) .quote-card{min-width:0;width:100%;border-radius:16px;overflow:visible;box-shadow:0 18px 45px #001f1b24}
 .quote-card-head,.quote-shell:has(.quote-step-3) .quote-card-head{height:auto;min-height:0;padding:22px 20px 18px;display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.quote-card-head>div{min-width:0}.quote-card-head h2{font-size:24px;line-height:1.2;margin-top:6px}.quote-card-head .eyebrow-dark{font-size:10px;letter-spacing:.16em}.quote-header-side{width:100%;justify-content:flex-start;margin:0}
 .quote-progress,.quote-shell:has(.quote-step-3) .quote-progress{height:auto;min-height:86px;padding:16px 8px;gap:4px;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr))}
 .quote-progress li{min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:9px;text-align:center;font-size:11px;line-height:1.2}.quote-progress li:after{display:none!important}.quote-progress small{display:none}.quote-progress li>span:last-child{display:block}.quote-progress .progress-icon{width:30px;height:30px;flex-shrink:0}.quote-progress li.active .progress-icon{box-shadow:0 0 0 4px #c8ff2e29}
 .quote-body,.wlp-extension .quote-body,.quote-shell:has(.quote-step-3) .quote-body{padding:24px 20px;min-height:0}
 .step-panel,.step-copy>div,.contact-fields,.quote-summary{min-width:0}.step-copy,.quote-step-1 .step-copy{align-items:flex-start;gap:10px;margin:0 0 20px}.quote-step-1 .step-copy>div{display:block}.step-copy h3,.wlp-schedule-panel .step-copy h3{font-size:21px;line-height:1.25}.step-copy p{font-size:14px;line-height:1.65}.step-copy>span{font-size:11px;flex-shrink:0}
 .shipment-type-heading{gap:10px;align-items:flex-start}.shipment-type-heading>span{font-size:11px;letter-spacing:.08em}.shipment-type-heading>small{font-size:10px}
 .quote-shell .shipment-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
 .quote-shell .shipment-type-card{min-width:0;min-height:128px;padding:12px 8px;border-radius:12px;gap:6px}.quote-shell .shipment-type-icon.transport-art{width:108px;height:55px}.quote-shell .shipment-type-label{font-size:12px;line-height:1.3;min-height:30px}.quote-shell .shipment-type-card:after{font-size:10px;line-height:1.35}.quote-shell .shipment-type-check{width:16px;height:16px}
 .quote-shell .route-step-layout .route-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.quote-shell .route-step-layout .route-divider{display:none}.quote-shell .route-entry .location-block{grid-template-columns:minmax(0,1fr);padding:18px 14px;gap:14px;border-radius:12px;background:#f6faf8}.location-block .location-dot{top:-7px;left:15px}
 .field-group>span{font-size:11px;letter-spacing:.05em}.quote-input,.quote-textarea,.quote-body input:not([type=radio]):not([type=checkbox]),.quote-body select{font-size:16px!important;min-width:0;max-width:100%}.quote-input{height:48px;min-height:48px;border-radius:8px}.quote-textarea{min-height:120px;border-radius:8px}.quote-body [role=combobox]{min-height:48px;font-size:16px;border-radius:8px}.wlp-address-fields{grid-template-columns:minmax(0,1fr)}.wlp-address summary{min-height:44px;padding:12px 0;line-height:1.5;font-size:12px}.wlp-address{margin-top:-4px}
 .route-button{min-height:48px;border-radius:9px;font-size:12px}.quote-shell .route-step-layout .route-map{min-height:290px;border-radius:12px}.wlp-country-map svg{height:215px}.wlp-map-legend{gap:8px 16px;font-size:12px}.wlp-map-note{font-size:11px;line-height:1.6}.route-map-result{grid-template-columns:minmax(0,1fr);grid-template-areas:'eyebrow' 'route' 'metric';padding:12px;left:10px;right:10px;bottom:10px;gap:7px}.route-map-result>strong{font-size:15px}.route-map-result>small{font-size:11px;white-space:normal}.route-map-brand{left:10px;top:28px;font-size:9px}
 .wlp-cargo-panel{gap:20px}.wlp-equipment-guides{display:block;padding:14px 16px;background:#eff6f2;border:1px solid #d7e5df;border-radius:10px}.wlp-equipment-help{display:none}.wlp-equipment-help.active{display:flex;justify-content:space-between;font-size:13px}.wlp-equipment-help.active:before{content:'Equipment guide ·';font-weight:400}.wlp-cargo-note{font-size:13px;line-height:1.65}
 .cargo-measurements{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.cargo-measurements>div:last-child{grid-column:1/-1}.wlp-field-heading{margin-bottom:6px;min-height:30px}.wlp-field-heading label{font-size:10px;letter-spacing:.03em;line-height:1.4}.wlp-cargo-field .quote-input{height:48px;border-radius:8px}
 .wlp-option-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.wlp-choice-card{min-height:48px;font-size:14px;border-radius:9px;padding:12px}.wlp-choice legend{font-size:15px;line-height:1.5;margin-bottom:12px}.wlp-choice-card input{width:17px;height:17px;flex-shrink:0}
 .wlp-handling-heading{display:grid;gap:6px}.wlp-handling-heading h4{font-size:11px}.wlp-handling-heading span{font-size:12px}.wlp-handling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wlp-handling-card{padding:16px;gap:10px}.wlp-handling-top h5{font-size:14px}.wlp-handling-hint{font-size:13px;min-height:0}.wlp-handling-card .wlp-option-row{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.wlp-handling-card .wlp-choice-card{font-size:12px;min-height:48px}.wlp-handling-card .wlp-choice{width:100%}
 .wlp-info-button{width:44px;height:44px;border:0;position:relative;background:transparent;font-size:15px;z-index:1}.wlp-info-button:before{content:'';position:absolute;inset:9px;border:1px solid #729e90;border-radius:50%;z-index:-1;background:white}.wlp-help-content{position:fixed!important;left:16px!important;right:16px!important;top:auto!important;bottom:16px!important;width:auto!important;max-width:none;max-height:min(65vh,480px);overflow:auto;padding:24px 22px;border-radius:16px;box-shadow:0 0 0 100vmax #032d2940,0 20px 70px #001d1b45;font-size:14px;z-index:200;line-height:1.7}.wlp-help-close{display:grid;place-items:center;justify-self:end;min-width:44px;min-height:44px;background:#edf4ef;border:1px solid #c4d8ce;border-radius:9px;color:#145246;font-size:24px;margin:-8px -6px 0 0}
 .wlp-schedule-panel{gap:20px}.wlp-calendars{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wlp-calendar header{padding:16px}.wlp-calendar h4{font-size:16px}.wlp-calendar header p{font-size:13px}.wlp-calendar-grid{gap:2px;padding:0 6px 12px}.wlp-calendar-grid button{min-height:44px}.wlp-month{padding:12px 8px}.wlp-timing-note{font-size:13px;padding:15px;line-height:1.7}.wlp-schedule-route{font-size:14px;line-height:1.5;padding:14px}.wlp-service-options{grid-template-columns:minmax(0,1fr)}.wlp-service-card{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:18px}.wlp-service-card.selected{padding:17px}.wlp-service-card input{grid-row:1;grid-column:1}.wlp-service-card b{grid-column:2;font-size:15px}.wlp-service-card span,.wlp-service-card strong{grid-column:2;min-height:0}.wlp-service-card span{font-size:13px}.wlp-service-card strong{font-size:21px}.wlp-price-result{padding:26px 18px}.wlp-price-result strong{font-size:28px}.wlp-price-result span{font-size:13px;line-height:1.7}
 .contact-panel,.wlp-extension .contact-panel{grid-template-columns:minmax(0,1fr);gap:26px}.contact-grid,.wlp-extension .contact-grid{grid-template-columns:minmax(0,1fr);gap:18px}.contact-grid .span-2{grid-column:auto}.quote-summary{padding:20px;border-radius:12px;background:#f2f7f4}.quote-summary dl div{gap:12px}.quote-summary dd{overflow-wrap:anywhere}.quote-summary h4{font-size:20px}.wlp-summary-schedule{font-size:14px;line-height:1.6}
 .quote-card .quote-summary{color:#163e35}.quote-card .quote-summary h4,.quote-card .quote-summary dd,.quote-card .quote-summary .wlp-summary-schedule{color:#163e35}.quote-card .quote-summary .eyebrow-dark,.quote-card .quote-summary h4 svg{color:#176b60}.quote-card .quote-summary dt{color:#526c67}.quote-card .quote-summary dl>div{border-top-color:#ceddd5;font-size:13px;line-height:1.5}
 .quote-actions,.wlp-extension .quote-actions,.quote-shell:has(.quote-step-1) .quote-actions,.quote-shell:has(.quote-step-3) .quote-actions{height:auto;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;border-radius:0 0 16px 16px}.quote-actions .continue-button{order:0;width:100%;min-height:50px;border-radius:9px;font-size:12px;white-space:normal}.quote-actions .back-button{order:1;align-self:center;min-height:44px;width:auto;padding:10px 20px;font-size:14px}.quote-actions .back-button:disabled{display:none}
 .hero-trust{height:auto;display:flex;flex-wrap:wrap;gap:12px;padding:22px 0 0;margin-top:22px;font-size:9px;letter-spacing:.04em;line-height:1.6}.hero-trust>span{min-width:0;max-width:100%;gap:8px}.hero-trust>span:last-child{margin-left:0;flex-wrap:wrap;width:100%;font-size:10px}.hero-trust svg{flex-shrink:0}
 .services-section{padding:56px 0}.section-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:28px}.section-heading h2,.process-inner h2,.faq-section h2{font-size:34px;line-height:1.12;letter-spacing:-.04em}.section-heading>p,.process-inner>div>p{font-size:15px;line-height:1.7}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid article{padding:26px 22px;min-height:0}.service-grid h3{font-size:21px}.service-grid p{font-size:14px;line-height:1.7}.service-grid a{min-height:44px;display:inline-flex;align-items:center}
 .process-section{padding:56px 0}.process-inner,.faq-section{grid-template-columns:minmax(0,1fr);gap:28px}.process-inner ol{padding:0}.faq-section{padding:56px 0}.faq-section button{min-height:60px;white-space:normal;font-size:14px;line-height:1.6;text-align:left}.faq-section button>span{flex-shrink:0}.faq-section [data-state=open]{overflow-wrap:anywhere}
 .footer-top{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0;padding:36px 0}.footer-top .brand-logo{width:160px}.footer-top>div:first-child>p{line-height:1.6;margin-top:16px}.footer-cta{border-left:0;border-top:1px solid #ffffff26;padding:24px 0 0;grid-template-columns:auto minmax(0,1fr);gap:14px}.footer-cta a{grid-column:1/-1;min-height:48px;justify-content:center;border-radius:8px}.footer-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;font-size:13px}.footer-navigation a{min-height:44px;display:flex;align-items:center}.footer-bottom{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 0;font-size:11px;line-height:1.6}.footer-bottom>span:nth-child(2){text-align:left}.footer-bottom nav{flex-wrap:wrap;gap:18px}.footer-bottom a{min-height:44px;display:flex;align-items:center}
 [data-slot=popover-content]{max-width:calc(100vw - 28px);max-height:70vh;overflow:auto}.quote-shell button:focus-visible,.quote-shell a:focus-visible,.quote-shell summary:focus-visible{outline:3px solid #176b60;outline-offset:3px}
 .wlp-page-main{padding-inline:16px}.wlp-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .section-shell,.quote-shell{width:calc(100% - 24px)}.site-header .brand-logo{width:113px}.wlp-mobile-menu>summary{font-size:0;width:44px;padding:0}.wlp-mobile-menu>summary:before{font-size:21px}.wlp-mobile-quote{padding:0 12px}
 .hero-intro{padding:28px 8px 22px}.hero-intro h1{max-width:330px;font-size:clamp(33px,9vw,42px)}.hero-lead{font-size:14px;max-width:340px;margin-top:14px}.hero-points{font-size:11px;gap:12px}.quote-card-head{padding:20px 16px 16px}.quote-body,.wlp-extension .quote-body,.quote-shell:has(.quote-step-3) .quote-body{padding:22px 16px}.quote-card-head h2{font-size:23px}.quote-progress{min-height:86px}.quote-shell .shipment-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-shell .shipment-type-card{min-height:128px}.quote-shell .shipment-type-icon.transport-art{width:105px;height:56px}.wlp-handling-grid,.wlp-calendars,.service-grid{grid-template-columns:minmax(0,1fr)}.wlp-handling-card .wlp-option-row{width:100%}.wlp-handling-hint{font-size:13px}.wlp-calendar-grid{padding:0 5px 12px;gap:2px}.wlp-calendar-grid span{font-size:10px}.wlp-price-result strong{font-size:26px}.wlp-equipment-help.active{gap:4px;font-size:12px}.wlp-equipment-help.active:before{content:'Dimensions & weight';font-size:11px}.wlp-equipment-guides{padding:8px 10px}.service-grid article{padding:28px 24px}.section-heading h2,.process-inner h2,.faq-section h2{font-size:32px}.quote-actions,.quote-shell:has(.quote-step-1) .quote-actions,.quote-shell:has(.quote-step-3) .quote-actions{padding:16px}.footer-top,.footer-bottom,.footer-navigation{width:calc(100% - 40px)}
}
@media(max-width:980px){
 .step-panel{animation:none;transform:none}.site-header .wlp-mobile-menu nav{justify-content:stretch;text-align:left;align-items:stretch}.site-header .wlp-mobile-menu nav a{width:100%;justify-content:flex-start}
 .wlp-handling-card{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch}.wlp-handling-top,.wlp-handling-hint,.wlp-handling-card .wlp-choice{width:100%}
 [aria-label='Insurance coverage details']{position:fixed;left:14px;right:14px;top:auto;bottom:16px;width:auto;max-width:none;max-height:70vh;overflow:auto;border-radius:14px;padding:22px;font-size:14px}
 [aria-label='Close insurance coverage']{min-width:44px;min-height:44px}.wlp-help-title{font-size:16px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.country-ticker-track{animation:none!important}.shipment-type-card{transition:none!important}}
@media(max-width:980px){
 .service-card h3{margin:20px 0 10px}.service-card>a{margin-top:16px}.service-card:hover{transform:none}
 .process-item{grid-template-columns:24px minmax(0,1fr) 22px;gap:12px;padding:20px 0}.process-item p{line-height:1.6}
 .faq-content{padding:0 0 22px;font-size:14px}.footer-navigation{width:100%}
 .wlp-review-banner{font-size:11px!important;line-height:1.45!important;padding:9px 14px!important}body:has(.wlp-review-banner){padding-bottom:52px}
}
.brand{min-height:44px;display:inline-flex;align-items:center}.brand-logo{object-fit:contain;background:transparent!important}
.site-header .brand-logo{width:176px;height:64px!important}.footer-top .brand-logo,.wlp-page-footer .brand-logo{width:210px;height:76px!important}
@media(max-width:980px){.site-header .brand-logo{width:152px;height:55px!important;min-width:152px;max-width:none}.site-header{min-height:84px}}
@media(max-width:359px){.site-header,.wlp-extension .site-header{grid-template-columns:minmax(0,1fr) auto;gap:10px}.site-header>.brand{grid-column:1;grid-row:1}.wlp-mobile-menu{grid-column:2;grid-row:1}.wlp-mobile-quote{grid-column:1/-1;grid-row:2;min-height:44px}}
/* Selected petrol wordmark on a light navigation surface. */
.hero .site-header,.site-header,.wlp-extension .site-header{background:#fafbf8;color:#073936;border-bottom:1px solid #dce5df}
.site-header>nav,.site-header>nav a,.site-header>nav button,.site-header .header-tracking{color:#073936}
.site-header>nav a:hover,.site-header>nav button:hover{color:#146b5f;text-decoration:underline;text-underline-offset:5px}
.site-header .header-tracking{box-shadow:inset 0 0 0 1px #07393655}
.site-header .wlp-mobile-menu{color:#073936}.site-header .wlp-mobile-menu>summary{border-color:#07393655}
.site-header .wlp-mobile-menu nav{background:#fafbf8;color:#073936;border-color:#cbd9d0}
.site-header .wlp-mobile-menu nav a{color:#073936}.site-header .wlp-mobile-menu nav a:hover{background:#e9f1eb;color:#073936}
.site-header a:focus-visible,.site-header button:focus-visible,.site-header summary:focus-visible{outline:2px solid #073936;outline-offset:4px}
.footer-top .brand-logo,.wlp-page-footer .brand-logo{filter:url('/app/brand-inverse-filter.svg#inverse')}

/* Durable quote receipt, including narrow screens. */
.wlc-quote-receipt{padding:28px;color:#123b37;display:grid;gap:18px;overflow-wrap:anywhere}.wlc-quote-receipt h2,.wlc-quote-receipt h3{color:#073f3a}.wlc-receipt-reference{font-size:1.1rem;user-select:all}.wlc-intake-privacy{font-size:13px;line-height:1.6;color:#385951}.wlc-intake-privacy a{text-decoration:underline;color:#075a53}.wlc-quote-receipt .wlp-actions{flex-wrap:wrap;gap:12px}