/* Comparison pages use the reference hierarchy; the homepage keeps its own layout. */
.compare163{max-width:1320px!important;padding-top:56px!important;padding-bottom:48px!important}
.compare163>.compare-nav162{position:relative;z-index:3;width:max-content;max-width:calc(100% - 48px);margin:0 auto 24px;background:var(--ui-surface149);box-shadow:0 6px 20px #30205b12;border-radius:16px;gap:2px;padding:8px;scrollbar-width:none}
.compare163.has-hero163>.compare-nav162{margin-bottom:-24px}.compare163>.compare-nav162 a{flex:none;min-height:38px;padding:8px 11px;font-size:12px;gap:6px}.compare163>.compare-nav162 .icon155{width:23px;height:23px}.compare163>.compare-nav162 a[aria-current=page]{background:var(--ui-soft149);box-shadow:none;color:var(--ui-blue149)}
.compare163 .comparison-hero155{box-sizing:border-box;min-height:416px!important;padding:72px 48px 100px!important;border-radius:28px!important;background:linear-gradient(90deg,#261951ed,#35256b99 52%,#24164d26),var(--hero-image155) center/cover;color:#fff;display:flex;align-items:center;margin:0!important}
.compare163 .hero-copy155{max-width:600px}.compare163 .comparison-hero155 h1{font-size:clamp(32px,3.7vw,50px)!important;line-height:1.12!important;letter-spacing:-1.5px!important;color:#fff!important;margin:18px 0!important}.compare163 .comparison-hero155 h1 span{color:#ffcf72}.compare163 .comparison-hero155 p{font-size:15px!important;line-height:1.7!important;color:#f0eaff!important;max-width:540px}.compare163 .hero-copy155>small{display:inline-block;border:1px solid #e4cd9380;border-radius:30px;padding:7px 12px;color:#ffe0a4;font-size:11px;font-weight:700;letter-spacing:1px}
.compare163 #service-search,.compare163 .hotel-search163{margin:-68px 32px 0!important;position:relative;z-index:2;border:1px solid var(--ui-line149);border-radius:22px!important;background:var(--ui-surface149);padding:24px!important;box-shadow:0 14px 30px #30205b18}
.compare163 .delivery-location153{margin:-68px 32px 0!important;min-height:110px;padding:24px;position:relative;z-index:2;border-radius:22px;background:var(--ui-surface149)}
.compare163[data-service151=hotels] #local-search132{margin:12px 32px 0!important}.compare163 .hotel-tabs137{margin-top:20px}.compare163 .compare-crumbs162{margin:36px 0 0}.compare163 .routes155{margin-top:28px}
.compare163.grocery-grid155 .comparison-hero155{justify-content:center;text-align:center;background:var(--ui-soft149);color:var(--ui-ink149);min-height:280px!important;padding-bottom:90px!important}.compare163.grocery-grid155 .comparison-hero155 h1{color:var(--ui-ink149)!important}.compare163.grocery-grid155 .comparison-hero155 h1 span{color:var(--ui-blue149)}.compare163.grocery-grid155 .comparison-hero155 p{color:var(--ui-muted149)!important}.compare163.grocery-grid155 .hero-copy155>small{color:var(--ui-blue149);border-color:var(--ui-line149)}
.hotel-search-heading163{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--ui-line149);padding-bottom:16px;margin-bottom:16px;color:var(--ui-muted149);font-size:12px}.hotel-search-heading163 strong{color:var(--ui-blue149)}.stay-fields163{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.2fr auto;align-items:end;gap:16px}.stay-fields163 label{display:grid;gap:8px;font-size:12px;color:var(--ui-muted149);min-width:0}.stay-fields163 input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--ui-line149);background:var(--ui-surface149);color:var(--ui-ink149);border-radius:8px;padding:10px;font:inherit}.stay-guests163{position:relative;color:var(--ui-ink149)}.stay-guests163 summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ui-line149);padding:0 12px;border-radius:8px;font-size:12px}.stay-guests163 summary:after{content:'▾'}.stay-guests163>div{position:absolute;right:0;top:100%;width:220px;padding:16px;border:1px solid var(--ui-line149);border-radius:12px;background:var(--ui-surface149);box-shadow:0 8px 20px #30205b22;z-index:5;display:grid;gap:12px}.hotel-landing163 .states-browser161{margin-top:64px}.hotel-landing163 .states-browser161>h2{color:var(--ui-ink149);font-size:28px;margin:0 0 24px}.hotel-landing163 .journey-filter161{max-width:560px}
html[data-theme=night] .stay-fields163 input{color-scheme:dark}
@media(max-width:1050px){.stay-fields163{grid-template-columns:repeat(2,minmax(0,1fr))}.stay-fields163>label:first-child{grid-column:1/-1}.stay-fields163>.btn{grid-column:1/-1}}
@media(max-width:650px){.compare163{padding-top:32px!important}.compare163>.compare-nav162{max-width:calc(100% - 16px);padding:5px;margin-bottom:20px;border-radius:12px;justify-content:flex-start}.compare163.has-hero163>.compare-nav162{margin-bottom:-22px}.compare163>.compare-nav162 a{flex-direction:row;min-width:0;font-size:11px;gap:5px;padding:8px 10px}.compare163>.compare-nav162 .icon155{width:22px;height:22px}.compare163 .comparison-hero155{min-height:350px!important;padding:56px 24px 92px!important;border-radius:20px!important;background-position:65% center}.compare163 .comparison-hero155 h1{font-size:32px!important;letter-spacing:-.7px!important}.compare163 .comparison-hero155 p{font-size:13px!important}.compare163 #service-search,.compare163 .hotel-search163{margin:-52px 12px 0!important;padding:18px!important;border-radius:16px!important}.compare163 .delivery-location153{margin:-52px 12px 0!important;padding:18px}.compare163[data-service151=hotels] #local-search132{margin:12px!important}.compare163 .service-choice-tabs78{gap:4px!important}.compare163 .guest-summary144{margin-left:0!important}.compare163 .stay-fields163{gap:12px}.hotel-search-heading163{font-size:11px}.stay-guests163>div{left:0;right:auto}.hotel-landing163 .states-browser161{margin-top:40px}.compare163.grocery-grid155 .comparison-hero155{min-height:320px!important}.compare163 .compare-crumbs162{margin-top:24px}}
/* Preserve category photography in night mode instead of replacing it with a flat panel. */
html[data-theme=night] .compare163:not(.grocery-grid155) .comparison-hero155{background:linear-gradient(90deg,#19102ae8,#241740a8 52%,#19102a40),var(--hero-image155) center/cover!important;color:#fff!important}html[data-theme=night] .compare163:not(.grocery-grid155) .comparison-hero155 h1{color:#fff!important}.compare163 .routes155>span{color:var(--ui-ink149)}
