@media screen and (width>=1200px){.app-shell[data-desktop-page]{--desktop-content-width:1280px;--desktop-section-space:80px}.app-shell[data-desktop-page] :is(h1,h2,h3,h4,h5,h6,label,button,summary){letter-spacing:0}.app-shell[data-desktop-page] :is(a,button,input,textarea,select,summary,[role=button]):focus-visible{outline:2px solid var(--color-ring);outline-offset:4px}.app-shell[data-desktop-page] :is(.grid,.flex)>:is(div,article,a){min-width:0}.app-shell[data-desktop-page]>header .container{max-width:var(--desktop-content-width);padding-inline:32px}.app-shell[data-desktop-page]>header nav[aria-label=Vehicle\ categories]{gap:20px}.app-shell[data-desktop-page]>header nav[aria-label=Vehicle\ categories] a{min-height:36px}.app-shell[data-desktop-page]>header button[aria-label=Open\ menu]{place-items:center;width:40px;height:40px;display:grid}.app-shell[data-desktop-page] nav[aria-label=Main\ navigation] :is(a,button){min-height:36px;line-height:1.5}.app-shell[data-desktop-page] .h-screen:has(>.absolute h1){height:min(1000px,100svh - 96px);min-height:620px}.app-shell[data-desktop-page] .h-screen>.absolute:has(h1){padding:48px 40px 64px}.app-shell[data-desktop-page] .h-screen h1{max-width:1120px;font-size:56px;line-height:1.12}.app-shell[data-desktop-page] .h-screen p{max-width:680px;font-size:20px;line-height:1.65}.app-shell[data-desktop-page] .h-screen :is(a,button){justify-content:center;align-items:center;min-height:48px;display:inline-flex}.app-shell[data-desktop-page=\/] .phone-home section{padding-block:56px}.app-shell[data-desktop-page=\/] .phone-home .container{max-width:var(--desktop-content-width)}.app-shell[data-desktop-page=\/] .phone-home>section:nth-of-type(2) .snap-x{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell[data-desktop-page=\/] .phone-home>section:nth-of-type(3) .snap-x{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:32px}.app-shell[data-desktop-page=\/] .phone-home>section:not(.phone-fleet) a>.aspect-square{aspect-ratio:4/3}.app-shell[data-desktop-page=\/] .phone-home h2{font-size:28px;line-height:1.3}.app-shell[data-desktop-page=\/] .phone-fleet h2{font-size:40px}.app-shell[data-desktop-page=\/] .phone-fleet a>div>.flex{flex-direction:column;gap:10px}.app-shell[data-desktop-page=\/] .phone-fleet a .text-right{text-align:left}.app-shell[data-desktop-page=\/] .phone-fleet a .text-right>p:first-child{font-size:13px;line-height:1.4}.app-shell[data-desktop-page=\/] .phone-fleet a .text-right>p:last-child{font-size:17px}.app-shell[data-desktop-page=\/] .phone-home h3{font-size:17px;line-height:1.4}.app-shell[data-desktop-page=\/] .phone-home h3+p{font-size:14px;line-height:1.5}.app-shell[data-desktop-page=\/] .phone-home a[aria-label^=See\ all]{width:36px;height:36px}.app-shell[data-desktop-page] main:has(>.h-screen)>section{padding-block:48px}.app-shell[data-desktop-page] main:has(>.h-screen) .container{max-width:var(--desktop-content-width);padding-inline:32px}.app-shell[data-desktop-page] main:has(>.h-screen) .max-w-\[880px\]{max-width:880px}.app-shell[data-desktop-page] main:has(>.h-screen) :is(.rounded-2xl,figure){border-radius:8px}.app-shell[data-desktop-page] main:has(>.h-screen) .grid{gap:24px}.app-shell[data-desktop-page] main:has(>.h-screen) .grid>.bg-card{padding:24px}.app-shell[data-desktop-page] main:has(>.h-screen) p.text-sm{font-size:15px;line-height:1.6}.app-shell[data-desktop-page] main:has(>.h-screen) .lg\:grid-cols-5>a{flex-direction:column;min-height:168px;display:flex}.app-shell[data-desktop-page] main:has(>.h-screen) .lg\:grid-cols-5>a>div:last-child{margin-top:auto}.app-shell[data-desktop-page] main:has(>.h-screen) details{padding-block:24px}.app-shell[data-desktop-page] main:has(>.h-screen) summary{min-height:32px}.app-shell[data-desktop-page] main:has(>.h-screen) details p{max-width:72ch;line-height:1.75}.app-shell[data-desktop-page] main:has(>.h-screen)>section:last-child .bg-card{box-shadow:none;background:0 0;border:0;padding:24px 0}.app-shell:is([data-desktop-page=\/about],[data-desktop-page=\/partners],[data-desktop-page=\/faq]) section{padding-block:var(--desktop-section-space)}.app-shell:is([data-desktop-page=\/about],[data-desktop-page=\/partners]) section .max-w-6xl{max-width:var(--desktop-content-width)}.app-shell:is([data-desktop-page=\/about],[data-desktop-page=\/partners],[data-desktop-page=\/faq]) section h2{font-size:40px;line-height:1.25}.app-shell[data-desktop-page=\/about] .lg\:grid-cols-3,.app-shell[data-desktop-page=\/about] .sm\:grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-desktop-page=\/about] .sm\:grid-cols-3 p{font-size:16px;line-height:1.65}.app-shell[data-desktop-page=\/partners] .lg\:grid-cols-4{gap:20px}.app-shell[data-desktop-page=\/partners] .lg\:grid-cols-4>div{padding:28px 22px}.app-shell[data-desktop-page=\/partners] .lg\:grid-cols-4 h3{min-height:56px;line-height:1.4}.app-shell[data-desktop-page=\/partners] section:has(.space-y-6>.border) .space-y-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.app-shell[data-desktop-page=\/partners] section:has(.space-y-6>.border) .space-y-6>div{margin:0}.app-shell:is([data-desktop-page=\/partners],[data-desktop-page=\/faq]) button[aria-controls][data-state]{min-height:64px}.app-shell[data-desktop-page=\/partners] #inquiry{scroll-margin-top:calc(var(--app-header-height) + 32px)}.app-shell[data-desktop-page=\/partners] #inquiry :is(input,select){min-height:48px;font-size:16px}.app-shell[data-desktop-page=\/partners] #inquiry textarea{font-size:16px;line-height:1.6}.app-shell[data-desktop-page=\/partners] #inquiry label{font-size:14px;line-height:1.5}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main>.container{max-width:960px}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main h1{font-size:44px;line-height:1.2}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main h2{font-size:22px;line-height:1.4}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main p{letter-spacing:0;font-size:16px;line-height:1.75}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main :is(p,li){max-width:72ch}.app-shell[data-desktop-page=\/sitemap] [class~="text-[11px]"]{font-size:12px}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main .space-y-4>.border-gray-800{border-width:1px 0 0;padding:32px 0}.app-shell:is([data-desktop-page=\/terms],[data-desktop-page=\/privacy]) main h2>div{flex-shrink:0}.app-shell[data-desktop-page=\/privacy] main .grid>.border{border:0;padding:8px 0}.app-shell[data-desktop-page=\/sitemap] .max-w-5xl{max-width:1200px}.app-shell[data-desktop-page=\/sitemap] .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px}.app-shell[data-desktop-page=\/sitemap] .lg\:grid-cols-3>div{border-radius:8px;padding:28px}.app-shell[data-desktop-page=\/sitemap] li a{gap:12px;min-height:44px;font-size:15px}.app-shell[data-desktop-page=\/sitemap] li a svg{flex-shrink:0}.app-shell[data-desktop-page=\/sitemap] .text-\[13px\]{font-size:15px}.app-shell[data-desktop-page$=-to-christchurch] main,.app-shell[data-desktop-page=\/christchurch-to-queenstown] main{padding-top:calc(var(--app-header-height) + 56px)}.app-shell[data-desktop-page$=-to-christchurch] main .container,.app-shell[data-desktop-page=\/christchurch-to-queenstown] main .container{max-width:1200px}.app-shell[data-desktop-page$=-to-christchurch] main h1,.app-shell[data-desktop-page=\/christchurch-to-queenstown] main h1{max-width:1000px;font-size:48px;line-height:1.2}.app-shell[data-desktop-page$=-to-christchurch] .lg\:grid-cols-5>a,.app-shell[data-desktop-page=\/christchurch-to-queenstown] .lg\:grid-cols-5>a{border-radius:8px;flex-direction:column;min-height:156px;display:flex}.app-shell[data-desktop-page$=-to-christchurch] .lg\:grid-cols-5>a>div:last-child,.app-shell[data-desktop-page=\/christchurch-to-queenstown] .lg\:grid-cols-5>a>div:last-child{margin-top:auto}.app-shell[data-desktop-page=\/quote] .phone-quote>.container{max-width:1200px;padding-inline:32px}.app-shell[data-desktop-page=\/quote] .phone-quote>.container>div{padding:0}.app-shell[data-desktop-page=\/quote] .phone-quote .phone-van-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.app-shell[data-desktop-page=\/quote] .phone-van-list>div{border-radius:8px;margin:0}.app-shell[data-desktop-page=\/quote] .phone-van-list>div>div{padding:20px 16px}.app-shell[data-desktop-page=\/quote] .phone-van-list h4{min-height:48px;font-size:16px;font-weight:500;line-height:1.45}.app-shell[data-desktop-page=\/quote] .phone-van-list .sm\:flex{align-items:start}.app-shell[data-desktop-page=\/quote] .phone-van-list .sm\:text-lg{font-size:20px}.app-shell[data-desktop-page=\/quote] .phone-quote :is(label,h3.uppercase){font-size:14px;line-height:1.5}.app-shell[data-desktop-page=\/quote] .phone-quote label+button{min-height:48px}.app-shell[data-desktop-page=\/quote] .phone-guests{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-shell[data-desktop-page=\/quote] .phone-guests>div{border-bottom:1px solid var(--color-border);min-height:88px}.app-shell[data-desktop-page=\/quote] .phone-guests>div:nth-child(odd){border-right:1px solid var(--color-border)}.app-shell[data-desktop-page=\/quote] .phone-guests>div:nth-last-child(-n+2){border-bottom:0}.app-shell[data-desktop-page=\/quote] .phone-guests .text-\[11px\]{font-size:14px;line-height:1.5}.app-shell[data-desktop-page=\/quote] .phone-quote .sticky>button{letter-spacing:0;min-height:48px;font-size:15px}.app-shell[data-desktop-page=\/quote] .desktop-quote-result{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start;gap:28px;display:grid}.app-shell[data-desktop-page=\/quote] .desktop-quote-result>:is(section,div){margin:0}.app-shell[data-desktop-page=\/quote] .desktop-quote-result>section{grid-area:1/2/span 3}.app-shell[data-desktop-page=\/quote] .desktop-quote-result>div:not(.ab-sticky-bar){grid-column:1}.app-shell[data-desktop-page=\/quote] .desktop-quote-result .text-\[10px\]{font-size:13px;line-height:1.5}.app-shell[data-desktop-page=\/quote] .desktop-quote-result p.text-\[13px\]{font-size:15px;line-height:1.6}.app-shell[data-desktop-page=\/quote] .desktop-quote-result section button{min-height:48px}.app-shell[data-desktop-page=\/browse] .max-w-6xl{max-width:var(--desktop-content-width)}.app-shell[data-desktop-page=\/browse] select{min-height:44px;font-size:15px}.app-shell[data-desktop-page=\/browse] .ab-card h3{font-size:19px;line-height:1.4}.app-shell[data-desktop-page=\/browse] .ab-card .md\:text-xs{font-size:14px;line-height:1.6}.app-shell[data-desktop-page=\/browse] .ab-card .md\:text-gray-500{color:var(--color-muted-foreground)}.app-shell[data-desktop-page=\/browse] .ab-card .truncate{white-space:normal;overflow-wrap:anywhere;overflow:visible}.app-shell[data-desktop-page^="/browse/"] .lg\:grid-cols-2{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.app-shell[data-desktop-page^="/browse/"] .lg\:grid-cols-2>div:first-child{top:calc(var(--app-header-height) + 24px);align-self:start;position:sticky}.app-shell[data-desktop-page^="/browse/"] .ab-section-title{line-height:1.5;letter-spacing:0!important;font-size:15px!important}.app-shell[data-desktop-page^="/browse/"] p.whitespace-pre-line{font-size:16px;line-height:1.75}.app-shell[data-desktop-page^="/browse/"] .overflow-x-auto button{width:88px;height:66px}.app-shell[data-desktop-page^="/partner/"] .max-w-5xl{max-width:1200px}.app-shell[data-desktop-page^="/partner/"] p.leading-relaxed{max-width:70ch;font-size:16px;line-height:1.75}.app-shell[data-desktop-page^="/partner/"] a.group h3{font-size:18px;line-height:1.4}.app-shell[data-desktop-page^="/partner/"] a.group .text-\[10px\]{font-size:13px;line-height:1.5}.app-shell[data-desktop-page^="/partner/"] a.group .text-xs{font-size:15px}.app-shell[data-desktop-page^="/auth/"] .max-w-\[440px\]{max-width:500px}.app-shell[data-desktop-page^="/auth/"] .py-16{padding-block:48px}.app-shell[data-desktop-page^="/auth/"] label{font-size:14px;line-height:1.5}.app-shell[data-desktop-page^="/auth/"] :is(.text-\[10px\],.text-\[11px\]){font-size:13px;line-height:1.5}.app-shell[data-desktop-page^="/auth/"] :is(input,button[type=submit]){min-height:48px;font-size:16px}.app-shell[data-desktop-page^="/auth/"] :is(p,a){overflow-wrap:anywhere}.app-shell[data-desktop-page^="/auth/"] form{letter-spacing:0}.app-shell[data-desktop-page="/partners/onboarding"] .max-w-3xl{max-width:880px}.app-shell[data-desktop-page="/partners/onboarding"] label{font-size:14px;line-height:1.5}.app-shell[data-desktop-page="/partners/onboarding"] :is(input:not([type=checkbox]),textarea,select){font-size:16px}.app-shell[data-desktop-page="/partners/onboarding"] p.text-\[12px\]{font-size:14px;line-height:1.6}.app-shell:is([data-desktop-page=\/my-bookings],[data-desktop-page^="/booking-status/"]) h1{font-size:32px;line-height:1.3}.app-shell:is([data-desktop-page=\/my-bookings],[data-desktop-page^="/booking-status/"]) :is(.text-xs,.text-\[11px\],.text-\[12px\]){font-size:14px;line-height:1.6}.app-shell[data-desktop-page^="/booking-status/"]>.flex-1 .container{padding-top:calc(var(--app-header-height) + 40px)!important}.app-shell[data-desktop-page]>.flex-1>div:has(h1){min-width:0}.app-shell[data-desktop-page]>footer>.container{max-width:1280px;padding-top:56px}.app-shell[data-desktop-page]>footer .sm\:grid-cols-3{gap:72px;max-width:1120px}.app-shell[data-desktop-page]>footer .sm\:grid-cols-3 li a{letter-spacing:0;align-items:center;min-height:36px;font-size:15px;display:inline-flex}.app-shell[data-desktop-page]>footer .sm\:grid-cols-3 button{min-height:40px}.app-shell[data-desktop-page]>footer nav[aria-label=Legal] a{align-items:center;min-height:36px;font-size:14px;display:inline-flex}.phone-booking-dialog{border-radius:8px;max-height:calc(100dvh - 64px)}.phone-booking-dialog label{letter-spacing:0;font-size:14px;line-height:1.5}.phone-booking-dialog :is(input,textarea,[role=combobox]){font-size:16px}.phone-booking-dialog :is(.text-\[11px\],.text-\[12px\]){letter-spacing:0;font-size:14px;line-height:1.6}.phone-booking-dialog aside .truncate{white-space:normal;overflow-wrap:anywhere;overflow:visible}.phone-booking-dialog :is(button,input,textarea,a):focus-visible{outline:2px solid var(--color-ring);outline-offset:3px}}
