.experience-hero { background:var(--color-primary-400); color:var(--color-white); padding:46px var(--margin) 60px }
.experience-hero-grid { max-width:1400px; margin:auto; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr); align-items:start; gap:64px }
.experience-hero .hero-message { min-width:0 }
.experience-hero h1 { color:var(--color-white); font-size:clamp(44px,4.8vw,70px); font-weight:700; letter-spacing:-.055em; line-height:1.04; margin:30px 0 25px }
.experience-hero h1 small { display:block; margin-top:23px; font-size:30px; font-weight:500; letter-spacing:-.035em; line-height:1.2 }
.experience-hero .hero-trust .trust-line { color:var(--color-white); font-size:16px; gap:12px; flex-wrap:wrap; align-items:center; display:flex }
.experience-hero .hero-trust .stars { display:flex; gap:3px }
.experience-hero .hero-trust .trust-line:focus-visible { outline:3px solid var(--color-ring); outline-offset:3px }
.experience-hero .hero-trust .stars>span { width:25px; height:25px; display:grid; place-items:center; background:var(--color-alert-green-200); color:var(--color-white); font-size:23px; line-height:1 }
.experience-hero .trust-detail { display:flex; align-items:center; flex-wrap:wrap; gap:13px }
.experience-hero .trust-name { display:flex; align-items:center; gap:5px }
.experience-hero .trust-name>span { color:var(--color-alert-green-100); font-size:33px }
.experience-hero .trust-count { text-decoration:underline; text-underline-offset:4px }
.experience-hero .trust-score { font-weight:700; font-size:20px; white-space:nowrap }
.experience-hero .trust-score>span { font-weight:400; font-size:16px }
.experience-hero .hero-rentals { margin:27px 0 29px }
.experience-hero .rental-inner>p { font-size:13px; margin:0 0 15px; color:var(--color-white); font-weight:600 }
.experience-hero .rental-inner>p>span { color:var(--color-primary-50); font-weight:400 }
.experience-hero .rental-names { display:flex; align-items:center; justify-content:space-between; gap:22px }
.experience-hero .rental-names img { width:calc((100% - 88px)/5); max-width:92px; height:27px; object-fit:contain; filter:brightness(0) invert(1) url("#experience-rental-opacity") }
.experience-hero .hero-intro { color:var(--color-primary-50); font-size:16px; line-height:1.8; max-width:570px; margin:0 0 28px }
.experience-hero .hero-benefits { display:grid; grid-template-columns:1.08fr 1fr; gap:21px 22px; list-style:none; padding:0; margin:0 }
.experience-hero .hero-benefits li { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.5 }
.experience-hero .hero-benefits .icon { width:18px; height:18px; flex:none; margin-top:1px; color:var(--color-primary-50) }
.experience-hero .hero-benefits strong { font-weight:600 }
.experience-hero .traveler-proof { display:flex; align-items:center; gap:10px; color:var(--color-primary-50); font-size:14px; margin:28px 0 0 }
.experience-hero .traveler-proof strong { color:var(--color-white) }
.experience-picker { background:var(--color-white); color:var(--color-foreground); border-radius:14px; padding:28px; min-width:0; box-shadow:var(--shadow-3) }
.experience-picker h2 { font-size:29px; line-height:1.2; letter-spacing:-.045em; color:var(--color-foreground); margin:0; font-weight:700 }
.experience-picker .picker-intro { font-size:14px; line-height:1.55; color:var(--color-gray-500); margin:10px 0 24px }
.picker-label { display:block; font-size:13px; font-weight:600; margin-bottom:9px }
.experience-picker select { appearance:auto; width:100%; height:50px; border:1px solid var(--color-gray-200); border-radius:6px; padding:0 12px; background:var(--color-white); color:var(--color-foreground); font-size:14px; text-overflow:ellipsis }
.picker-destination { position:relative; min-width:0 }
.picker-destination .picker-destination-flag { position:absolute; inset-inline-start:14px; top:50%; transform:translateY(-50%); width:24px; height:18px; z-index:1; pointer-events:none }
.picker-destination.has-flag select { padding-inline-start:50px }
.experience-picker :is(select,input,summary,button,a):focus-visible { outline:3px solid var(--color-primary); outline-offset:3px }
.picker-note,.picker-error { font-size:13px; line-height:1.5; margin-top:10px }
.picker-note { color:var(--color-gray-500) }
.picker-error { color:var(--color-alert-red-200) }
.picker-error a { text-decoration:underline }
.picker-selected { display:flex; align-items:center; gap:17px; margin:24px 0 8px }
.picker-selected img { width:90px; height:104px; object-fit:contain; flex:none }
.picker-selected h3 { font-size:18px; font-weight:650; line-height:1.3; color:var(--color-foreground); margin:0 }
.picker-selected p { font-size:12px; line-height:1.55; color:var(--color-gray-500); margin:6px 0 9px }
.picker-price { font-size:27px; letter-spacing:-.04em; line-height:1.1 }
.picker-saving { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:7px; font-size:12px; line-height:1.5 }
.picker-saving del { color:var(--color-gray-500); font-weight:400 }
.picker-saving strong { color:var(--color-primary); font-weight:650 }
.picker-durations { margin:23px 0 5px; padding:0; border:0 }
.picker-durations legend { font-size:13px; font-weight:600; margin-bottom:16px }
.picker-durations>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px }
.picker-durations label { display:grid; grid-template-rows:17px 23px 28px; align-content:center; justify-items:center; gap:4px; padding:15px 5px 10px; min-height:101px; border:1px solid var(--color-gray-200); border-radius:6px; position:relative; cursor:pointer; color:var(--color-gray-500) }
.picker-durations label:has(:checked) { background:var(--color-primary-25); border-color:var(--color-primary); box-shadow:inset 0 0 0 1px var(--color-primary); color:var(--color-primary) }
.picker-durations label:has(:focus-visible) { outline:3px solid var(--color-primary); outline-offset:3px }
.picker-durations input { position:absolute; width:1px; height:1px; opacity:0 }
.picker-durations span { font-size:12px; line-height:1.4 }
.picker-durations strong { font-size:18px; line-height:1.2; color:var(--color-foreground) }
.picker-durations em { position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:var(--color-secondary-200); color:var(--color-foreground); padding:2px 7px; white-space:nowrap; border-radius:3px; font-style:normal; font-size:9px; font-weight:650; line-height:15px }
.picker-durations .picker-saving { margin:0; justify-content:center; align-self:start; font-size:10px; line-height:1.35; gap:0 5px; text-align:center }
.picker-durations .picker-saving strong { font-size:10px; line-height:1.35; color:var(--color-primary); white-space:nowrap }
.picker-price small,.picker-total>strong small { font-size:11px; font-weight:500; letter-spacing:0 }
.picker-editor { margin:0 0 19px }
.experience-floating-cart { position:fixed; bottom:20px; left:50%; transform:translateX(-50%); z-index:45; width:760px; max-width:calc(100% - 40px); display:grid; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:18px; background:var(--color-white); color:var(--color-foreground); border:1px solid var(--color-gray-300); border-radius:12px; padding:14px 18px; box-shadow:var(--shadow-3) }
.experience-floating-cart[x-cloak] { display:none !important }
.experience-floating-cart>img { width:72px; height:72px; object-fit:contain }
.picker-term { white-space:nowrap }
.experience-floating-summary { display:flex; flex-direction:column; gap:4px; min-width:0 }
.experience-floating-summary>span { color:var(--color-gray-500); font-size:13px; line-height:1.4 }
.experience-floating-summary>strong { font-size:29px; font-weight:650; line-height:1.15; letter-spacing:-.04em }
.experience-floating-summary>strong>small { font-size:11px; letter-spacing:0; font-weight:500 }
.experience-floating-summary>small { font-size:11px; line-height:1.5; color:var(--color-gray-500) }
.experience-floating-continue { display:flex; justify-content:space-between; align-items:center; gap:28px; min-height:52px; border:1px solid var(--color-secondary-300); border-radius:7px; padding:12px 22px; background:var(--color-secondary-200); color:var(--color-foreground); font-size:17px; font-weight:650; cursor:pointer }
.experience-floating-continue:hover { background:var(--color-secondary-50) }
.experience-floating-continue:focus-visible { outline:3px solid var(--color-primary); outline-offset:3px }
.experience-floating-continue:disabled { opacity:.55; cursor:not-allowed }
.experience-floating-cart .experience-floating-error { grid-column:1/-1; font-size:12px; color:var(--color-alert-red-200) }
@media(max-width:600px) {
 .experience-floating-cart { bottom:max(10px,env(safe-area-inset-bottom)); max-width:calc(100% - 20px); grid-template-columns:40px minmax(0,1fr) auto; gap:10px; padding:12px 10px }
 .experience-floating-cart>img { width:40px; height:58px }
 .experience-floating-summary>span { font-size:11px }
 .experience-floating-summary>strong { font-size:24px }
 .experience-floating-summary>small { font-size:10px }
 .experience-floating-continue { padding:12px; min-height:46px; font-size:13px; gap:0 }
 .experience-floating-continue>.icon { display:none }
}
@media(max-width:479px) {
 .experience-floating-cart { grid-template-columns:minmax(0,1fr) auto }
 .experience-floating-cart>img { display:none }
 .experience-floating-summary>span { font-size:12px }
 .experience-floating-summary>small { font-size:11px; text-wrap:pretty }
}
/* Keep full amounts and the action readable on the narrowest phones. */
@media(max-width:359px) {
 .experience-floating-cart { grid-template-columns:minmax(0,1fr) }
 .experience-floating-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:4px 10px }
 .experience-floating-summary>strong { white-space:nowrap }
 .experience-floating-summary>small { grid-column:1/-1 }
 .experience-floating-continue { width:100%; justify-content:center }
}
.picker-editor summary { cursor:pointer; color:var(--color-primary); display:flex; justify-content:space-between; align-items:center; min-height:44px; font-size:13px; font-weight:600; list-style:none }
.picker-editor summary::-webkit-details-marker { display:none }
.picker-editor fieldset { border:0; padding:6px 0 0; display:grid; gap:6px }
.picker-option { display:flex; align-items:center; gap:10px; min-height:48px; padding:10px; border:1px solid var(--color-gray-200); border-radius:5px; cursor:pointer; font-size:12px }
.picker-option:has(:checked) { background:var(--color-primary-25); border-color:var(--color-primary) }
.picker-option input,.picker-processing input:not(.sr-only) { accent-color:var(--color-primary); width:18px; height:18px; flex:none; margin:0 }
.picker-option strong { margin-left:auto; font-size:14px }
.picker-processing { background:var(--color-primary-0); border-radius:7px; padding:15px }
.picker-processing label { display:flex; align-items:center; gap:10px; cursor:pointer }
.picker-processing label>span { flex:1; min-width:0 }
.picker-processing label>span:has(.ui-checkbox-indicator) { flex:none }
.picker-processing strong { font-size:13px; display:block }
.picker-processing small { display:block; color:var(--color-gray-500); font-size:11px; line-height:1.5; margin-top:3px }
.picker-speed-more { display:none }
.picker-processing b { font-size:14px; white-space:nowrap }
.picker-processing p { color:var(--color-gray-500); margin:12px 0 0; font-size:11px; line-height:1.5 }
.picker-total { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:23px 0 16px }
.picker-total>span>strong { display:block; font-size:13px; font-weight:600 }
.picker-total>span>small { color:var(--color-gray-500); font-size:11px; display:block; margin-top:4px; line-height:1.5 }
.picker-total>strong { font-size:30px; line-height:1; white-space:nowrap; letter-spacing:-.05em }
.picker-extra { display:flex; justify-content:space-between; gap:10px; font-size:12px; line-height:1.5; margin-top:12px }
.picker-continue { width:100%; min-height:56px; display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 20px; color:var(--color-foreground); background:var(--color-secondary-200); border:1px solid var(--color-secondary-300); border-radius:6px; font-size:17px; font-weight:650; cursor:pointer; transition:background-color .15s }
.picker-continue:hover { background:var(--color-secondary-50) }
.picker-continue:disabled { cursor:wait; opacity:.65 }
.picker-continue>span:last-child { font-size:25px; line-height:1 }
.picker-continue>.icon { width:20px; height:20px }
.picker-guarantee { display:flex; justify-content:center; flex-wrap:wrap; gap:5px; font-size:11px; margin-top:19px; min-height:24px; align-items:center }
.picker-guarantee span { text-decoration:underline; text-underline-offset:3px; color:var(--color-gray-500) }
@media(max-width:1100px) {
 .experience-hero-grid { gap:32px }
 .experience-hero h1 { font-size:49px }
 .experience-hero h1 small { font-size:26px }
 .experience-hero .hero-benefits { grid-template-columns:1fr; gap:12px }
 .experience-hero .hero-trust .trust-line { font-size:13px; gap:8px }
 .experience-hero .hero-trust .stars>span { width:20px; height:20px; font-size:18px }
 .experience-hero .rental-names { gap:14px }
 .experience-hero .rental-names img { width:calc((100% - 56px)/5) }
}
@media(max-width:900px) {
 .experience-hero { padding:27px 16px 36px }
 .experience-hero-grid { display:flex; flex-direction:column; gap:0; max-width:580px }
 .experience-hero .hero-message { display:contents }
 .experience-hero .hero-trust { order:1 }
 .experience-hero h1 { order:2; font-size:clamp(36px,7.4vw,51px); margin:24px 0 0 }
 .experience-hero h1 small { font-size:24px; margin-top:17px }
 .experience-hero .desktop-break { display:none }
 .experience-hero .hero-rentals { order:3; width:100%; margin:25px 0 }
 .experience-hero .rental-inner>p { font-size:11px; margin-bottom:11px }
 .experience-hero .rental-names img { height:22px }
 .experience-picker { order:4; width:100%; padding:23px 21px }
 .experience-hero .hero-intro { order:5; margin:29px 0 21px; font-size:14px }
 .experience-hero .hero-benefits { order:6 }
 .experience-hero .traveler-proof { order:7; margin-top:22px }
 .experience-picker h2 { font-size:27px }
 .picker-selected { gap:12px }
 .picker-selected img { width:75px; height:95px }
 .picker-selected h3 { font-size:16px }
 .picker-selected p { font-size:11px }
 .picker-price { font-size:25px }
}
@media(max-width:359px) {
 .experience-hero { padding-inline:16px }
 .experience-picker { padding:20px 16px }
 .experience-picker h2 { font-size:25px }
 .picker-selected img { width:59px; height:89px }
 .picker-total>strong { font-size:26px }
 .picker-processing { padding:12px }
 .picker-processing strong { font-size:12px }
}
@media(prefers-reduced-motion:reduce) { .picker-continue { transition:none } }

/* Purchase bar (2026-10-17, every page from 2026-10-18): on phones and tablets it is one compact row (price and
   shipping note, then a 48px action) of at most 72px, and it steps aside while any in-page "Start application"
   is on screen. On the homepage the header's Apply carries the ask on wide screens, so the bar is hidden there. */
@media(min-width:1024px) {
 .experience-hero-home .experience-floating-cart { display:none !important }
}
@media(max-width:1023px) {
 html:has(.experience-floating-cart) { scroll-padding-bottom:96px }
 .experience-floating-cart.experience-floating-cart { left:12px; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); width:auto; max-width:none; transform:none; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:7px 8px 7px 14px; border-width:1px; border-color:var(--color-gray-200); border-radius:12px; box-shadow:var(--shadow-3) }
 .experience-floating-cart.experience-floating-cart>img,
 .experience-floating-cart .experience-floating-summary>span { display:none }
 .experience-floating-cart .experience-floating-summary { display:flex; flex-direction:column; justify-content:center; gap:2px; min-width:0 }
 .experience-floating-cart .experience-floating-summary>strong { font-size:22px; line-height:1.1; white-space:nowrap }
 .experience-floating-cart .experience-floating-summary>small { font-size:11px; line-height:1.25; color:var(--color-gray-500) }
 .experience-floating-cart .experience-floating-continue { width:auto; min-height:48px; padding:0 16px; gap:10px; font-size:15px; justify-content:center }
}
@media(max-width:359px) {
 .experience-floating-cart.experience-floating-cart { left:8px; right:8px; gap:10px; padding-left:12px }
 .experience-floating-cart .experience-floating-summary>strong { font-size:20px }
 .experience-floating-cart .experience-floating-continue { padding:0 14px; font-size:14px }
}
@media(max-width:1023px) and (prefers-reduced-motion:no-preference) {
 .experience-floating-cart.experience-floating-cart { transition:opacity .2s ease, translate .2s ease, display .2s allow-discrete }
 .experience-floating-cart.experience-floating-cart[inert] { opacity:0; translate:0 12px }
 @starting-style { .experience-floating-cart.experience-floating-cart { opacity:0; translate:0 12px } }
}