/* 0.39.298: desktop homepage banner only. The existing mobile and header rules are untouched. */
@media(min-width:981px){
 body.vxr-home .vxr-main>.vxr-hero.wrap{width:100%!important;max-width:none!important;margin: -20px 0 0!important;padding:clamp(42px,2.65vw,60px) 4.6vw 38px!important;display:block!important;position:relative;min-height:clamp(610px,33.4vw,730px);background:#fcfaf7 url('brand/home-sunset-298.webp') center center/cover no-repeat;box-sizing:border-box;isolation:isolate}
 body.vxr-home .vxr-hero>.vxr-hero-copy{width:70%;max-width:1330px;padding:0!important;position:relative;z-index:4}
 body.vxr-home .vxr-hero>.vxr-comparison{display:none!important}
 .vxr-hero .vxb-legacy-label{display:none!important}
 .vxr-hero .vxb-desktop-label[hidden]{display:block!important}
 body.vxr-home .vxr-hero .vxr-eyebrow{color:#52657b;font-size:clamp(10px,.69vw,14px);font-weight:650;letter-spacing:.17em;margin:0 0 21px;line-height:1.5}
 body.vxr-home .vxr-hero-copy>h1{font-size:clamp(39px,3.22vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:800;max-width:none;color:#081725}
 body.vxr-home .vxr-hero-copy>h1 em{color:#ff5c00}
 body.vxr-home .vxr-hero-copy>p{font-size:clamp(16px,1.07vw,23px);color:#566982;line-height:1.42;max-width:990px;margin-top:16px}
 body.vxr-home .vxr-hero #home-search{width:100%!important;margin:26px 0 30px!important;scroll-margin-top:110px;z-index:20}
 body.vxr-home .vxr-hero #hotels{grid-template-columns:minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,1.05fr) minmax(160px,.95fr)!important;gap:0!important;padding:14px!important;border-radius:16px!important;border:0!important;background:#fffffff5!important;box-shadow:0 10px 35px #72512c0a!important;box-sizing:border-box;align-items:stretch}
 body.vxr-home .vxr-hero #hotels>.vxh-search-field{padding:8px 16px!important;min-height:76px!important;border-radius:0!important;border-block:1px solid #e5e8ec!important;border-inline:0!important;background:#fff!important;position:relative;box-sizing:border-box;grid-column:auto!important;grid-row:auto!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-field:not(.vxh-search-hotel):before{content:'';position:absolute;inset-inline-start:0;top:10px;bottom:10px;border-inline-start:1px solid #d9dfe6;pointer-events:none}
 body.vxr-home .vxr-hero #hotels>.vxh-search-hotel{border-inline-start:1px solid #e5e8ec!important;border-start-start-radius:11px!important;border-end-start-radius:11px!important}
 body.vxr-home .vxr-hero #hotels>.prototype-guest-field{border-inline-end:1px solid #e5e8ec!important;border-start-end-radius:11px!important;border-end-end-radius:11px!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-field>span{font-size:clamp(11px,.73vw,15px)!important;font-weight:650!important;letter-spacing:0!important;line-height:1.35!important;margin:0 0 10px!important;color:#15243b!important}
 body.vxr-home .vxr-hero #hotels .vxh-field-icon{width:22px!important;flex-basis:22px!important;color:#53677f!important}
 body.vxr-home .vxr-hero #hotels .vxh-field-icon svg{width:22px!important;height:22px!important}
 body.vxr-home .vxr-hero #hotels input:not([type=hidden]),body.vxr-home .vxr-hero #hotels .prototype-date-button,body.vxr-home .vxr-hero #hotels .prototype-guest-trigger{font-size:clamp(13px,.85vw,18px)!important;color:#15243b!important;font-weight:500!important}
 body.vxr-home .vxr-hero #hotels input::placeholder{color:#697b94;opacity:1}
 body.vxr-home .vxr-hero #hotels>.vxh-search-submit{width:auto!important;min-height:76px!important;margin-inline-start:14px!important;padding:14px 18px!important;border-radius:12px!important;background:#ff5b00!important;border:1px solid #ff5b00!important;box-shadow:inset 0 0 0 1px #ff8c36;font-size:clamp(15px,1vw,21px)!important;font-weight:700!important;color:#fff!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-submit{justify-self:stretch!important;width:calc(100% - 14px)!important;min-width:0!important;max-width:none!important;grid-column:auto!important;grid-row:auto!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-submit>span{font-size:inherit!important;font-weight:inherit!important}
 body.vxr-home .vxr-hero #hotels .prototype-date-button{display:flex!important;align-items:center;gap:4px;max-width:none!important;width:auto!important;white-space:nowrap}
 body.vxr-home .vxr-hero #hotels .prototype-date-button span{font-size:inherit!important;font-weight:500!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-submit:hover{background:#e65000!important}
 body.vxr-home .vxr-hero #hotels [data-hotel-query]{scroll-margin-top:130px}
 body.vxr-home .vxr-hero .vxr-benefits{display:none!important}
 .vxr-hero .vxb-benefits[hidden]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;width:83%;max-width:1080px}
 .vxb-benefits article{display:flex;align-items:center;gap:13px;position:relative;min-width:0}
 .vxb-benefits article+article:before{content:'';position:absolute;inset-inline-start:-12px;top:18px;bottom:18px;border-inline-start:1px solid #cdd3d9}
 .vxb-benefit-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:50%;background:#ffead2;color:#ff6105}
 .vxb-benefit-icon svg{width:31px;height:31px;display:block}
 .vxb-benefit-icon>span{font:600 38px/1 Inter,"Segoe UI",sans-serif}
 .vxb-benefits strong{display:block;font-size:clamp(11px,.72vw,15px);line-height:1.3;color:#0b1b2b;letter-spacing:-.025em}
 .vxb-benefits small{display:block;margin-top:5px;font-size:clamp(10px,.66vw,14px);line-height:1.45;color:#536881}
 body.vxr-home .vxr-hero .vxr-agencies{width:83%;max-width:1080px;display:flex;align-items:center;gap:0;margin-top:clamp(38px,2.8vw,58px);padding:0;border:0;position:relative;min-height:50px}
 body.vxr-home .vxr-hero .vxr-agencies header{flex:0 0 198px;max-width:22%;padding-inline-end:23px;border-inline-end:1px solid #cfd5dc}
 body.vxr-home .vxr-hero .vxr-agencies h2{font-size:11px;line-height:1.65;letter-spacing:.1em;font-weight:650;color:#53677e;margin:0!important;min-height:0!important}
 body.vxr-home .vxr-hero .vxr-agencies>p{display:none}
 body.vxr-home .vxr-hero .vxr-agency-viewport{flex:1;min-width:0;max-width:100%;margin-inline-start:20px}
 body.vxr-home .vxr-hero .vxr-agency-group{gap:0;padding-right:0}
 body.vxr-home .vxr-hero .vxr-agency-logo{flex-basis:140px;width:140px;height:48px;padding:5px 18px;border:0;border-inline-end:1px solid #d4d8de;border-radius:0;background:transparent!important}
 body.vxr-home .vxr-hero .vxr-agency-logo img,.vxb-preview-offers img{filter:grayscale(1);opacity:.84}
 body.vxr-home .vxr-hero .vxr-agency-toggle{width:28px;height:28px;min-height:28px;inset-inline-end:-35px;top:11px;font-size:12px;border-color:#d5dbe0;background:#ffffffb0}
 body.vxr-home .vxr-hero>.vxb-preview[hidden]{display:block!important;position:absolute;inset-inline-end:4.3vw;top:27%;width:clamp(270px,18vw,370px);padding:16px 18px 11px;background:#fffdfaf5;border:1px solid #ffffffd9;border-radius:19px;box-shadow:0 15px 50px #3e291b25;z-index:3;box-sizing:border-box;backdrop-filter:blur(12px)}
 .vxb-preview-hotel{display:flex;align-items:center;gap:20px;padding-bottom:12px;border-bottom:1px solid #ebe5df}
 .vxb-preview-photo{width:96px;height:82px;flex:0 0 96px;border-radius:12px;background:url('brand/home-sunset-298.webp') right center/auto 110% no-repeat}
 .vxr-main .vxb-preview h2{font-size:clamp(14px,.8vw,18px);line-height:1.3;color:#101b2b;font-weight:750;letter-spacing:-.035em;margin:0 0 5px}
 .vxb-preview-rating{display:flex;align-items:center;gap:13px;line-height:1.3;margin-bottom:7px}
 .vxb-preview-rating>span{color:#ffa000;font-size:16px;letter-spacing:.02em}
 .vxb-preview-rating>b{font-size:12px;font-weight:500;color:#20334b}
 .vxr-main .vxb-preview-hotel p{display:flex;align-items:center;gap:5px;font-size:12px;line-height:1.4;color:#253b55}
 .vxb-preview-hotel p svg{width:15px;height:15px;flex:none}
 .vxb-preview-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:13px 28px 0 0;direction:ltr}
 .vxb-preview-offers>div{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0 8px}
 .vxb-preview-offers>div+div{border-inline-start:1px solid #e3e0dd}
 .vxb-preview-offers img{display:block;object-fit:contain;max-width:100%;width:112px;height:24px}
 .vxb-preview-offers strong{font-size:20px;line-height:1.3;letter-spacing:-.03em;color:#0e1c2d;white-space:nowrap}
 .vxb-preview-cta{display:grid;place-items:center;position:absolute;inset-inline-end:14px;bottom:65px;width:32px;height:32px;background:#eae8e4;border-radius:50%;color:#34475b!important}
 .vxb-preview-cta svg{width:17px;height:17px;display:block}
 .vxr-main .vxb-preview-note{font-size:10px;line-height:1.35;color:#687588;margin:9px 0 0;text-align:center}
 [dir=rtl] .vxr-hero.vxr-hero{background-image:linear-gradient(270deg,#fcfaf7e6 0%,#fcfaf7b8 42%,#fcfaf700 72%),url('brand/home-sunset-298.webp')}
 [dir=rtl] .vxb-preview-cta svg{transform:rotate(180deg)}
}
@media(min-width:981px) and (max-width:1350px){
 body.vxr-home .vxr-hero>.vxr-hero-copy{width:72%}
 body.vxr-home .vxr-hero-copy>h1{font-size:clamp(39px,3.22vw,46px)}
 body.vxr-home .vxr-hero-copy>p{max-width:85%;font-size:16px}
 body.vxr-home .vxr-hero #hotels{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.9fr) minmax(130px,.8fr)!important;padding:11px!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-field{padding-inline:10px!important}
 body.vxr-home .vxr-hero #hotels>.vxh-search-field>span{font-size:11px!important}
 body.vxr-home .vxr-hero #hotels input:not([type=hidden]),body.vxr-home .vxr-hero #hotels .prototype-date-button,body.vxr-home .vxr-hero #hotels .prototype-guest-trigger{font-size:12px!important}
 .vxr-hero .vxb-benefits[hidden]{width:97%;gap:16px}
 .vxb-benefit-icon{flex-basis:44px;width:44px;height:44px}
 .vxb-benefit-icon svg{width:26px;height:26px}
 .vxb-benefits article{gap:8px}
 body.vxr-home .vxr-hero .vxr-agencies{width:97%}
 body.vxr-home .vxr-hero .vxr-agencies header{flex-basis:155px}
 body.vxr-home .vxr-hero>.vxb-preview[hidden]{inset-inline-end:2.2vw;top:23%;width:250px;padding:12px}
 .vxb-preview-hotel{gap:12px}.vxb-preview-photo{width:72px;height:72px;flex-basis:72px}.vxb-preview-rating{gap:8px}.vxb-preview-rating>span{font-size:13px}.vxr-main .vxb-preview-hotel p{font-size:10px}
}


/* The desktop example card advances without affecting search or the mobile demo. */
.vxb-preview [data-vxb-scene][hidden]{display:none!important}
.vxb-scenario-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:981px){
 .vxb-preview img.vxb-preview-photo{display:block;object-fit:cover;object-position:85% center;background:none}
 [dir=rtl] .vxb-preview-offers{padding:13px 0 0 28px}
 .vxb-preview-hotel>div{min-width:0}.vxb-preview-hotel h2{overflow-wrap:anywhere}
 button.vxb-preview-cta{padding:0;border:0;cursor:pointer;appearance:none;font:inherit;transition:background-color .15s ease}
 button.vxb-preview-cta:hover{background:#ffe6d2;color:#ad4400!important}
 button.vxb-preview-cta:focus-visible{outline:3px solid #c34c00;outline-offset:3px}
 button.vxb-preview-cta:disabled{opacity:.45;cursor:default}
}
@media(prefers-reduced-motion:reduce){button.vxb-preview-cta{transition:none}}

@media(min-width:981px){
 .vxb-preview-offers .vxb-preview-brand{display:flex;align-items:center;justify-content:center;height:24px;max-width:100%;color:#000;font-size:clamp(13px,.85vw,18px);font-weight:750;line-height:24px;letter-spacing:-.035em;white-space:nowrap}
}