/* Complete shared shell and routed-view presentation. Never override hidden/disabled state. */
:root{--site-header-height:72px;--site-navy:#071e45;--site-blue:#0560f9;--site-border:#e4ebf5;--site-muted:#64738a;--site-radius:16px}
body[data-design-page=index] .landing-search-tabs{display:none}
body>.site-masthead{position:sticky!important;top:0!important;inset-inline:0;z-index:900;background:var(--site-navy)!important;color:#fff;border:0;border-bottom:1px solid #ffffff1c;box-shadow:0 4px 16px #071e4510;flex:none;width:100%;box-sizing:border-box;font-family:'Cairo',system-ui,sans-serif;line-height:1.5}
.site-masthead::before{display:none!important}
.site-masthead .rk-nav__in{display:flex;align-items:center;direction:ltr;gap:20px;width:calc(100% - 48px);max-width:1440px;height:var(--site-header-height);margin:auto;padding:0;box-sizing:border-box}
.site-masthead .rk-logo{display:flex;align-items:center;flex:none;text-decoration:none;color:#fff}
.site-masthead .rk-logo__word{display:block;font:800 30px/1.05 Arial,sans-serif;letter-spacing:-1px;color:#fff}
.site-masthead .rk-logo__word>span{font-size:23px;vertical-align:top;margin-left:2px}
.site-masthead .rk-logo__word small{display:block;font:400 10px/1.8 Arial,sans-serif;letter-spacing:.1px;color:#fff}
.site-masthead .rk-nav__links{display:flex;align-items:center;justify-content:center;direction:rtl;gap:4px;flex:1;min-width:0}
html[dir=ltr] .site-masthead .rk-nav__links{direction:ltr}
.site-masthead .rk-nav__link{display:block;flex:none;color:#e0eafb;text-decoration:none;font:600 12px/1.5 'Cairo',system-ui,sans-serif;padding:10px 7px;border-radius:0;white-space:nowrap;box-shadow:none}
.site-masthead .rk-nav__link:hover{color:#fff;background:#ffffff12}
.site-masthead .rk-nav__link[aria-current=page]{color:#8fd5ff;background:transparent;box-shadow:0 2px #42a3ff}
.site-masthead .rk-nav__cta{display:flex;align-items:center;direction:rtl;gap:12px;flex:none}
.site-masthead .rk-btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:10px;padding:10px 16px;font:700 12px/1.5 'Cairo',system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;min-height:40px}
.site-masthead .rk-btn--outline{background:transparent;color:#fff;border-color:#ffffff65}
.site-masthead .rk-btn--primary{background:var(--site-blue);color:#fff}
.site-masthead .rk-btn--primary:hover{background:#004ddd}
.site-masthead .rk-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff65;border-radius:10px;color:#fff;background:transparent;font-size:20px;cursor:pointer;flex:none}
.site-language{font-size:12px;color:inherit;text-decoration:none;padding:8px}
body>.site-drawer{position:fixed;top:var(--site-header-height);inset-inline:0;z-index:901;display:none;flex-direction:column;gap:0;max-height:calc(100dvh - var(--site-header-height));overflow:auto;background:#fff;color:#0b214b;padding:12px 20px;box-shadow:0 16px 30px #071e4520;font:600 14px/1.6 'Cairo',system-ui,sans-serif}
body>.site-drawer.is-open{display:flex}
.site-drawer a{padding:12px;text-decoration:none;color:#0b214b;border-radius:8px}
.site-drawer a:hover{background:#eff5ff;color:var(--site-blue)}
.site-masthead :is(a,button):focus-visible,.site-drawer a:focus-visible{outline:3px solid #83c4ff;outline-offset:3px}
body.rk-locked{overflow:hidden}
:is([data-design-page=index],[data-design-page=index-platform])>.site-masthead{position:absolute!important;background:linear-gradient(#071e4566,transparent)!important;box-shadow:none!important;border-bottom:1px solid #ffffff25}
/* Account controls remain beneath the masthead instead of being removed. */
[data-design-page=dashboard] .app{min-height:calc(100dvh - var(--site-header-height));grid-template-columns:230px minmax(0,1fr)}
[data-design-page=dashboard] .side{top:var(--site-header-height);height:calc(100dvh - var(--site-header-height));padding-top:20px}
[data-design-page=dashboard] .side__brand{padding:0 20px 18px;gap:10px}
[data-design-page=dashboard] .side__brand .rk-logo__mark{background:#eff5ff;color:var(--site-blue)}
[data-design-page=dashboard] .top{top:var(--site-header-height);background:#fff;color:#0b214b;padding:18px 26px;box-shadow:none;z-index:700}
[data-design-page=dashboard] .top h1{font-size:24px;font-weight:800}
[data-design-page=dashboard] .top__date{color:var(--site-muted)}
[data-design-page=dashboard] .main{padding:26px;max-width:1600px;margin:auto}
[data-design-page=dashboard] .kgrid{gap:14px}
[data-design-page=dashboard] .kcard{padding:22px;border:1px solid var(--site-border);border-radius:16px;background:#fff;box-shadow:0 6px 20px #12366d06}
[data-design-page=dashboard] .kcard__n{color:#0b214b;font-size:30px}
[data-design-page=dashboard] :is(.panel,.bk__d,.adc,.pol__g){border:1px solid var(--site-border);border-radius:16px;background:#fff;box-shadow:0 6px 20px #12366d06}
[data-design-page=dashboard] :is(.panel,.dsec){margin-bottom:18px}
[data-design-page=dashboard] .rk-table :is(th,td){padding:14px 16px}
[data-design-page=dashboard] .banner{padding:26px;background:linear-gradient(110deg,#071e45,#123c70);border-radius:18px}
[data-design-page=traveler]>.top{top:var(--site-header-height);background:#fff;color:#0b214b;border-bottom:1px solid var(--site-border)}
[data-design-page=traveler] .top__brand .rk-logo__word{color:#0b214b;font-size:22px}
[data-design-page=traveler] .top__out{color:var(--site-blue)}
[data-design-page=traveler] .tabs{top:calc(var(--site-header-height) + 59px);background:#fff;box-shadow:0 4px 18px #12366d06}
[data-design-page=traveler] .hero{padding:38px 0 52px;background:linear-gradient(90deg,#071e45de,#123c7099),url('og/platform-hero-fallback.webp') center/cover}
[data-design-page=traveler] :is(.c,.q,.acct,.claim,.rev){border-radius:16px;border-color:var(--site-border);box-shadow:0 6px 22px #12366d08}
[data-design-page=traveler] :is(.q__h,.c__h){padding:18px;border-bottom-color:var(--site-border)}
[data-design-page=traveler] :is(.q__tag,.pill){border-radius:999px}
body[data-design-page=login]{display:flex;flex-direction:column;align-items:center;padding:0 0 28px;min-height:100dvh}
[data-design-page=login]>.card{margin:44px 20px 0;width:min(480px,calc(100% - 40px));padding:32px;border-radius:20px;box-shadow:0 24px 60px #071e4540}
[data-design-page=login] .card h1{font-size:28px;color:#0b214b}
[data-design-page=login] :is(.f,.extra){margin-top:16px}
[data-design-page=login] .f :is(input,select){border-radius:10px;min-height:52px}
[data-design-page=login] .go{min-height:48px;border-radius:10px}
[data-design-page=login]>.back{margin-top:24px}
/* Partner dashboards use a fixed top bar, dark navigation rail and light work area. */
[data-design-page=console] .cs{min-height:100vh}
[data-design-page=console] .cs-side{top:0;height:100vh;background:linear-gradient(155deg,#071b36,#0b2e5b);color:#fff}
[data-design-page=console] .cs-logo{color:#fff}
[data-design-page=console] .cs-logo small{text-align:end;font-size:10px;color:#dce8f7}
[data-design-page=console] .cs-top{background:#fff;color:#0b214b;padding:0 18px;border:0;border-bottom:1px solid var(--site-border);border-radius:0}
[data-design-page=console] .cs-top :is(.cs-lang,.cs-bell,.cs-user){color:#0b214b}
[data-design-page=console] .cs-bell:hover{background:#eef4ff}
[data-design-page=console] .cs-main{gap:10px;padding:70px 0 28px 16px}
[data-design-page=console] .cs-aside{padding:70px 14px 28px 12px}
[data-design-page=console] .cs-search{background:#f3f7ff;border:1px solid var(--site-border)}
[data-design-page=console] .cs-hero{border-radius:14px;min-height:190px;padding:22px}
[data-design-page=console] :is(.cs-card,.cs-kpi){border:1px solid var(--site-border);box-shadow:0 6px 22px #12366d08;border-radius:13px;padding:14px}
[data-design-page=console] .cs-card__h{padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--site-border)}
[data-design-page=console] .cs-org{background:#ffffff0d;border-color:#ffffff15;color:#fff}
[data-design-page=console] .cs-nav a{font-size:13px;border-radius:9px;padding:9px 12px;color:#e5efff}
[data-design-page=console] .cs-nav a:hover{background:#ffffff14;color:#fff}
[data-design-page=console] .cs-nav a.is-on{box-shadow:none;color:#fff;background:#0560f9}
/* The PWA keeps its routes, tabs and scrolling inside the phone below the header. */
[data-design-page=app] .stage{height:calc(100dvh - var(--site-header-height));background:linear-gradient(130deg,#eaf3ff,#f7faff)}
[data-design-page=app] .phone{height:100%;max-height:100%;background:#f7faff}
[data-design-page=app] :is(.homebar,.bar){background:#071e45;color:#fff;border-bottom:1px solid #ffffff1c}
[data-design-page=app] .homebar{padding:18px 16px 14px}
[data-design-page=app] .bar :is(.ttl,.bar__b){color:#fff}
[data-design-page=app] .homebar .logo{color:#fff}
[data-design-page=app] :is(.tcard,.pcard,.ocard,.crow,.rcard,.cmini,.ipanel){border:1px solid var(--site-border);border-radius:16px;box-shadow:0 6px 20px #12366d08;background:#fff}
[data-design-page=app] :is(.seg,.itabs,.chips){gap:8px}
[data-design-page=app] :is(.chip,.cat,.opt){border-color:var(--site-border);border-radius:12px}
[data-design-page=app] :is(.form,.qsum,.prof){border-radius:16px}
[data-design-page=app] .tabs{background:#fff;border-top:1px solid var(--site-border);box-shadow:0 -4px 16px #12366d08}
[data-design-page=app] .tabs a.is-on{color:var(--site-blue)}
[data-design-page=app] .wel{background:#071e45}
[data-design-page=app] .wel__shade{background:linear-gradient(0deg,#071e45 8%,#071e4580 60%,transparent)}
[data-design-page=app] :is(.mock-hero,.thero){border-radius:0 0 20px 20px}
/* Travel catalogue: use the real view and component names, including detail routes. */
[data-design-page=web-experience] #page{min-height:65vh}
[data-design-page=web-experience] .wrap{width:calc(100% - 48px);max-width:1380px;margin-inline:auto}
[data-design-page=web-experience] :is(h1,h2,h3){color:#0b214b}
[data-design-page=web-experience] .hero{max-width:none;margin:0;min-height:260px;padding:42px max(24px,calc((100% - 1380px)/2));border-radius:0;color:#fff}
[data-design-page=web-experience] .hero h1{color:#fff;font-size:34px;font-weight:800}
[data-design-page=web-experience] .hero p{font-size:15px;max-width:650px}
[data-design-page=web-experience] .searchbar{padding:12px;border-radius:16px;gap:8px;box-shadow:0 12px 30px #12366d0d}
[data-design-page=web-experience] .searchbar label{min-height:58px;border:1px solid var(--site-border);border-radius:10px;background:#fbfcff;padding:9px 12px}
[data-design-page=web-experience] :is(.searchbar,.flight-search) :is(input,select){font-size:13px;color:#0b214b}
[data-design-page=web-experience] .tabs{gap:8px;padding:6px;margin-block:18px;background:#fff;border:1px solid var(--site-border);border-radius:12px;overflow:auto}
[data-design-page=web-experience] .tabs a{border-radius:8px;padding:10px 18px;font-size:12px;white-space:nowrap}
[data-design-page=web-experience] .tabs a.active{background:#0560f9;color:#fff}
[data-design-page=web-experience] .layout{grid-template-columns:245px minmax(0,1fr);gap:22px}
[data-design-page=web-experience] .filters{top:calc(var(--site-header-height) + 18px);padding:20px;border-radius:16px}
[data-design-page=web-experience] .filter{padding-block:16px;border-bottom:1px solid var(--site-border)}
[data-design-page=web-experience] .check{font-size:12px;padding-block:5px}
[data-design-page=web-experience] .listing{grid-template-columns:210px minmax(0,1fr) 155px;gap:18px;padding:14px;margin:0;border-radius:16px;border:1px solid var(--site-border);box-shadow:0 6px 22px #12366d08}
[data-design-page=web-experience] .listing .photo{min-height:148px;border-radius:12px}
[data-design-page=web-experience] .listing h3{font-size:17px;line-height:1.5;margin:4px 0 8px}
[data-design-page=web-experience] .listing-body p{font-size:12px;line-height:1.7}
[data-design-page=web-experience] .pricebox{border-color:var(--site-border);gap:6px}
[data-design-page=web-experience] .pricebox b{font-size:20px}
[data-design-page=web-experience] .button{background:#0560f9;border-radius:10px;padding:11px 16px;font-size:12px;color:#fff}
[data-design-page=web-experience] .button:disabled{opacity:.55;cursor:not-allowed}
[data-design-page=web-experience] .flight-search-card{max-width:1100px;margin:-30px auto 28px;padding:22px;border-radius:18px}
[data-design-page=web-experience] .flight-search{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
[data-design-page=web-experience] .flight-search label{padding:12px;min-height:64px}
[data-design-page=web-experience] .flight-search .button{grid-column:1/-1}
[data-design-page=web-experience] .flight-trip-types button{padding:10px 18px;font-size:12px}
[data-design-page=web-experience] .flight-options{padding:0}
[data-design-page=web-experience] .activity-grid,[data-design-page=web-experience] .car-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
[data-design-page=web-experience] :is(.activity,.car-card){border:1px solid var(--site-border);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 22px #12366d08}
[data-design-page=web-experience] .activity>.photo{height:210px;min-height:210px;border-radius:0}
[data-design-page=web-experience] .activity-content{padding:18px}
[data-design-page=web-experience] .activity-content h3{font-size:17px;line-height:1.6}
[data-design-page=web-experience] .activity-foot{padding-top:14px;margin-top:16px}
[data-design-page=web-experience] .car-card{padding:16px}
[data-design-page=web-experience] .car-card .photo{height:175px}
[data-design-page=web-experience] .car-card h3{font-size:18px}
[data-design-page=web-experience] .car-card p{font-size:12px}
[data-design-page=web-experience] .detail-top{padding-top:28px;gap:24px;align-items:start}
[data-design-page=web-experience] .gallery{border-radius:18px;overflow:hidden;gap:8px}
[data-design-page=web-experience] .detail-card{padding:24px;border:1px solid var(--site-border);border-radius:16px}
[data-design-page=web-experience] .hotel-detail-tabs{top:calc(var(--site-header-height) + 12px);padding:14px;gap:22px;border-radius:12px}
[data-design-page=web-experience] .hotel-detail-heading h1{font-size:28px}
[data-design-page=web-experience] .hotel-room{grid-template-columns:130px minmax(0,1fr) 145px;padding:14px;gap:16px;border-radius:14px}
[data-design-page=web-experience] .hotel-room .photo{height:100px}
[data-design-page=web-experience] .hotel-room h3{font-size:15px}
[data-design-page=web-experience] .hotel-room__price b{font-size:18px}
[data-design-page=web-experience] .hotel-about{padding:22px;border-radius:16px}
[data-design-page=web-experience] .hotel-booking-card{top:calc(var(--site-header-height) + 20px)}
[data-design-page=web-experience] :is(.provider-strip,.panel,.amenity){border-radius:16px;border-color:var(--site-border)}
/* Detail, quote, comparison and request pages have their own section treatments. */
[data-design-page=agency] .ahead{padding-top:44px}
[data-design-page=agency] .ahero{border-radius:0;background:#071e45}
[data-design-page=agency] .layout{gap:24px}
[data-design-page=agency] :is(.block,.assure,.atrust,.kpis,.branch,.rev){border-radius:16px;border-color:var(--site-border)}
[data-design-page=agency] .block{padding:24px;border:1px solid var(--site-border);background:#fff;box-shadow:0 6px 22px #12366d06}
[data-design-page=agency] .subnav{top:var(--site-header-height);padding-block:8px}
[data-design-page=agency] .block__h{padding-bottom:14px;border-bottom:1px solid var(--site-border)}
[data-design-page=program] .gal{border-radius:18px;overflow:hidden;gap:8px}
[data-design-page=program] .phero{padding-block:40px}
[data-design-page=program] .pside{top:calc(var(--site-header-height) + 20px);border:1px solid var(--site-border);border-radius:18px;box-shadow:0 12px 30px #12366d10}
[data-design-page=program] :is(.inc,.occ,.hist,.more){border-color:var(--site-border);border-radius:12px}
[data-design-page=destination] .dhero{padding-block:44px}
[data-design-page=destination] .dstats{gap:16px}
[data-design-page=destination] .dstat{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--site-border);box-shadow:0 6px 22px #12366d06}
[data-design-page=destination] .dgal{gap:12px;border-radius:16px;overflow:hidden}
[data-design-page=destination] .pgrid{gap:20px}
[data-design-page=market] .mhero{padding-block:44px}
[data-design-page=market] .rk-tablewrap{border-radius:16px;box-shadow:0 8px 26px #12366d08}
[data-design-page=market] .rk-table th{background:#eff5ff;color:#0b214b;padding:16px;font-weight:800}
[data-design-page=market] .rk-table td{padding:16px}
[data-design-page=market] .bar__med{color:#0560f9}
[data-design-page=compare] .rk-shead,[data-design-page=request] .rk-shead{padding:26px;background:linear-gradient(110deg,#eaf2ff,#fff);border:1px solid var(--site-border);border-radius:18px}
[data-design-page=compare] .rk-tablewrap{border-radius:16px;box-shadow:0 8px 26px #12366d08}
[data-design-page=compare] .ctable th{background:#f3f7ff}
[data-design-page=compare] .chead{gap:10px}
[data-design-page=request] :is(.qcard,.dstep){border:1px solid var(--site-border);border-radius:16px;padding:20px;background:#fff;box-shadow:0 6px 20px #12366d06}
[data-design-page=request] .qcard__price{color:#0560f9;font-size:28px}
[data-design-page=quote] .toolbar{padding:16px 0;gap:12px}
[data-design-page=quote] .sheet{padding:32px;max-width:1050px;margin-inline:auto}
[data-design-page=quote] .qhead{padding-bottom:22px;border-bottom:2px solid #0560f9}
[data-design-page=quote] .qmeta{background:#f3f7ff;border-radius:12px;padding:18px}
[data-design-page=quote] .qrow{padding-block:14px;border-color:var(--site-border)}
[data-design-page=quote] .total{background:#eff5ff;color:#0b214b;border-radius:12px;padding:20px}
[data-design-page=pricing] .plans{gap:20px}
[data-design-page=pricing] .plan{box-shadow:0 8px 26px #12366d08;border-radius:16px;display:flex;flex-direction:column}
[data-design-page=pricing] .plan ul{flex:1;padding-block:12px}
[data-design-page=pricing] .plan .btn{width:100%;text-align:center;box-sizing:border-box}
/* All generated templates share the same header, typography and editorial cards. */
.seo-body main{max-width:1380px;margin-inline:auto;padding:0 24px 32px}
.seo-body :is(.hero-s,.qf,.notice,.seo-card){border:1px solid var(--site-border);border-radius:16px;background:#fff;box-shadow:0 6px 22px #12366d06}
.seo-body .hero-s{padding:32px;background:linear-gradient(110deg,#eaf2ff,#fff)}
.seo-body .hero-s h1{font-size:32px;line-height:1.5;color:#0b214b}
.seo-body :is(.seo-card,.qf){padding:20px}
.seo-body .crumbs{padding-block:16px}
[data-design-page=guide]>.site-masthead{margin-bottom:24px}
@media(min-width:700px){[data-design-page=app] .phone{height:min(820px,calc(100dvh - var(--site-header-height) - 32px))}}
@media(max-width:1180px){.site-masthead .rk-nav__links{display:none!important}.site-masthead .rk-nav__cta{margin-inline-start:auto}.site-masthead .rk-burger{display:flex!important}}
@media(max-width:1000px){
 [data-design-page=dashboard] .app{grid-template-columns:1fr}[data-design-page=dashboard] .side{position:fixed;top:var(--site-header-height);height:calc(100dvh - var(--site-header-height));z-index:1000}
 [data-design-page=console] .cs-side{top:var(--site-header-height);height:calc(100dvh - var(--site-header-height))}
 [data-design-page=web-experience] .listing{grid-template-columns:160px minmax(0,1fr) 130px;gap:12px}
 [data-design-page=web-experience] .layout{grid-template-columns:215px minmax(0,1fr);gap:16px}
 [data-design-page=web-experience] :is(.activity-grid,.car-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-design-page=web-experience] .hotel-room{grid-template-columns:100px minmax(0,1fr) 125px;gap:10px}
}
@media(max-width:720px){
 .site-masthead .rk-nav__in{width:calc(100% - 32px);gap:12px}.site-masthead .rk-logo__word{font-size:27px}.site-masthead .rk-nav__cta{display:none}.site-masthead .rk-burger{margin-inline-start:auto}
 [data-design-page=dashboard] .main{padding:18px 16px}[data-design-page=dashboard] .top{padding:14px 16px}[data-design-page=dashboard] .top h1{font-size:20px}
 [data-design-page=dashboard] .kcard{padding:18px}[data-design-page=dashboard] .kcard__n{font-size:26px}
 [data-design-page=traveler] .tabs{top:calc(var(--site-header-height) + 59px)}
 [data-design-page=console] .cs-main{padding:14px 12px 26px;gap:14px}[data-design-page=console] :is(.cs-card,.cs-kpi){padding:16px}
 [data-design-page=console] .cs-top{flex-wrap:wrap;padding:10px}[data-design-page=console] .cs-hero{min-height:150px;padding:20px}
 [data-design-page=login]>.card{margin-top:24px;padding:24px}
 [data-design-page=web-experience] .wrap{width:calc(100% - 28px)}[data-design-page=web-experience] .hero{min-height:230px;padding:32px 18px}[data-design-page=web-experience] .hero h1{font-size:27px}
 [data-design-page=web-experience] .layout{grid-template-columns:1fr}[data-design-page=web-experience] .filters{position:static;padding:16px}
 [data-design-page=web-experience] .searchbar{margin-inline:0;grid-template-columns:repeat(2,minmax(0,1fr))}[data-design-page=web-experience] .searchbar .button{grid-column:1/-1}
 [data-design-page=web-experience] .listing{grid-template-columns:110px minmax(0,1fr);gap:12px}[data-design-page=web-experience] .listing .photo{grid-row:span 2;min-height:145px}
 [data-design-page=web-experience] .listing h3{font-size:15px}[data-design-page=web-experience] .pricebox{grid-column:2;flex-direction:row;flex-wrap:wrap;padding:10px 0 0;border-inline:0}
 [data-design-page=web-experience] .pricebox b{font-size:17px}[data-design-page=web-experience] .pricebox .button{width:100%;margin-top:4px}
 [data-design-page=web-experience] .flight-search-card{margin:-22px 0 24px;padding:16px}[data-design-page=web-experience] .flight-search{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-design-page=web-experience] .flight-trip-types{overflow:auto;white-space:nowrap}[data-design-page=web-experience] .flight-trip-types button{flex:none;padding:10px 12px}
 [data-design-page=web-experience] .detail-top{grid-template-columns:1fr;padding-top:20px}
 [data-design-page=web-experience] .hotel-detail-heading{align-items:start;flex-direction:column}[data-design-page=web-experience] .hotel-detail-heading h1{font-size:24px}
 [data-design-page=web-experience] .hotel-detail-tabs{top:var(--site-header-height);gap:14px}
 [data-design-page=web-experience] .hotel-room{grid-template-columns:95px minmax(0,1fr)}[data-design-page=web-experience] .hotel-room__price{grid-column:2;justify-items:start;text-align:start}
 [data-design-page=web-experience] .hotel-booking-card{position:static}
 [data-design-page=agency] .block{padding:18px}[data-design-page=agency] .ahead{padding-top:28px}
 [data-design-page=quote] .sheet{padding:22px 16px}[data-design-page=quote] .qmeta{padding:14px}
 [data-design-page=compare] .rk-shead,[data-design-page=request] .rk-shead{padding:20px}
 .seo-body main{padding-inline:16px}.seo-body .hero-s{padding:22px}.seo-body .hero-s h1{font-size:26px}
}
@media(max-width:460px){[data-design-page=web-experience] :is(.activity-grid,.car-grid){grid-template-columns:1fr}[data-design-page=web-experience] .activity>.photo{height:195px;min-height:195px}}
@media print{body>.site-masthead,body>.site-drawer{display:none!important}[data-design-page=quote] .sheet{padding:0;border:0;box-shadow:none}[data-design-page=guide]>.site-masthead{margin:0}[data-design-page=guide] .page{box-shadow:none}}
.site-masthead .rk-nav__cta .rk-btn--outline{background:transparent;color:#fff;border-color:#ffffff65;box-shadow:none}
[data-design-page=agency] .ahero{padding-block:36px;background:linear-gradient(90deg,#071e45ed,#123c7088),var(--agency-cover,url('photos/dubai.jpg'));background-size:cover;background-position:center}
[data-design-page=agency] .ahead{background:none;padding-top:0;align-items:center;min-height:220px}
[data-design-page=agency] .atrust{background:#ffffff10;border:1px solid #ffffff40;border-radius:16px;box-shadow:none}
[data-design-page=agency] .ahead__actions{margin-top:18px}
[data-design-page=console] .gal{width:calc(100% - 48px);max-width:1380px;margin:32px auto;padding:0;background:transparent;color:#0b214b}
[data-design-page=console] .gal__h{padding:30px;border-radius:18px;background:linear-gradient(110deg,#eaf2ff,#fff);border:1px solid var(--site-border)}
[data-design-page=console] .gal__h h1{font-size:32px;margin:8px 0 0}
[data-design-page=console] .gal>p{font-size:14px;line-height:1.9;color:#64738a;max-width:900px;margin:18px 0 30px}
[data-design-page=console] .gal__grid{gap:18px}
[data-design-page=console] .gal__card{padding:24px;border-radius:16px;border:1px solid var(--site-border);background:#fff;box-shadow:0 6px 22px #12366d08}
[data-design-page=console] .gal__card:hover{border-color:#8db9ff;box-shadow:0 12px 30px #12366d12}
[data-design-page=console] .gal__card b{font-size:18px;color:#0b214b}
[data-design-page=console] .gal__card small{font-size:12px;line-height:1.8;color:#64738a}
[data-design-page=console] .lock{border:1px solid var(--site-border);border-radius:18px;background:#fff;padding:28px;box-shadow:0 12px 30px #12366d08}
@media(max-width:720px){[data-design-page=console] .gal{width:calc(100% - 28px);margin-top:22px}[data-design-page=console] .gal__h{padding:22px}[data-design-page=console] .gal__h h1{font-size:26px}[data-design-page=console] .gal__card{padding:20px}}

/* Console pages use the in-app shell shown in the partner dashboard references. */
body[data-design-page=console]{--site-header-height:0px}
body[data-design-page=console]>.site-masthead,body[data-design-page=console]>.site-drawer{display:none!important}
body[data-design-page=console] .cs-side{top:0;height:100vh;background:linear-gradient(180deg,#081f3f,#06172f);color:#fff;border-color:#102c50}
body[data-design-page=console] .cs-logo .w{color:#fff}
body[data-design-page=console] .cs-side .cs-logo small{color:#dce8f7}
body[data-design-page=console] .cs-org{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
body[data-design-page=console] .cs-main{padding-top:70px}
body[data-design-page=console] .cs-top{background:#fff;color:#0b214b;border-radius:0;border-bottom:1px solid #e4ebf5}

/* Keep the web experience result cards at the compact desktop proportions. */
body[data-design-page=web-experience] .hotel-results-page .listing{min-height:112px;padding:8px;gap:12px}
body[data-design-page=web-experience] .hotel-results-page .listing .photo{height:92px;min-height:92px}
body[data-design-page=web-experience] .activities-page .activity>.photo{height:128px;min-height:128px}
body[data-design-page=web-experience] .activities-page .activity-content{padding:10px 12px 11px}

/* B2B landing hero and booking row: desktop composition from the supplied first screen. */
@media(min-width:1101px){
 body[data-design-page=index] .hero{height:430px;min-height:430px;background-position:center 48%}
 body[data-design-page=index] .hero__scrim{background:linear-gradient(270deg,#071e45dc 0%,#071e4582 39%,#071e4515 82%)}
 body[data-design-page=index] .hero__in{display:block;width:min(1440px,calc(100% - 96px));height:100%;padding:92px 7.5% 0 0;text-align:right;direction:rtl}
 body[data-design-page=index] .hero h1{max-width:690px;margin:0 0 8px;font-size:clamp(34px,3.4vw,52px);line-height:1.24}
 body[data-design-page=index] .hero .gold{display:block;color:#ffd38a}
 body[data-design-page=index] .hero p{max-width:660px;margin:0;font-size:17px;line-height:1.8}
 body[data-design-page=index] .landing-search{max-width:900px;margin-top:-130px;position:relative;z-index:6}
 body[data-design-page=index] .sbar{max-width:none;margin:0}
 body[data-design-page=index] .sbar__box{grid-template-columns:1.15fr 1fr .9fr auto;gap:5px;padding:8px;border-radius:16px}
 body[data-design-page=index] .sfield{min-height:62px;background:#fff;padding:8px 10px}
 body[data-design-page=index] .sfield--service{display:none}
 body[data-design-page=index] .landing-search-tabs{position:absolute;inset-inline:0;bottom:calc(100% + 7px);display:flex;align-items:center;gap:4px;padding:4px 7px;width:max-content;max-width:100%;overflow:auto;border-radius:12px 12px 0 0;background:#ffffffed;box-shadow:0 4px 12px #071e4520;scrollbar-width:none}
 body[data-design-page=index] .landing-search-tabs button{flex:none;border:0;border-radius:8px;background:transparent;color:#17345f;padding:8px 12px;font:700 11px/1.3 'Cairo',sans-serif;white-space:nowrap;cursor:pointer}
 body[data-design-page=index] .landing-search-tabs button:hover,body[data-design-page=index] .landing-search-tabs button.is-active{background:#0560f9;color:#fff}
 body[data-design-page=index] .sbar__go{min-width:110px;padding-inline:25px;border-radius:11px}
 body[data-design-page=index] .hero__cap{bottom:10px;inset-inline-start:28px}
 body[data-design-page=index] .hero__dots{bottom:12px}
 body[data-design-page=index] .stats{padding:19px 0 14px;margin:0;background:#071e45;color:#fff}
 body[data-design-page=index] .stats__in{min-height:64px;gap:14px}
 body[data-design-page=index] .stats .stat{justify-content:center;text-align:center}
 body[data-design-page=index] .stats :is(b,strong){font-size:23px;color:#ffd38a}
 body[data-design-page=index] .stats :is(span,small){font-size:11px;color:#e5efff}
 body[data-design-page=index] .landing-partners{background:#fff;border-bottom:1px solid #e4ebf5}
 body[data-design-page=index] .landing-partners__in{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;direction:ltr}
 body[data-design-page=index] .landing-partners__in>span{font-size:10px;color:#71809a;direction:rtl;white-space:nowrap}
 body[data-design-page=index] .landing-partners__in>b{font:700 18px/1 Arial,sans-serif;white-space:nowrap;color:#17345f;letter-spacing:-.3px}
 body[data-design-page=index] .landing-partners__in .partner-emirates{color:#bd2634;font-family:Georgia,serif;font-weight:800}
 body[data-design-page=index] .landing-partners__in .partner-qatar{color:#76234b;font-family:Georgia,serif;font-size:14px}
 body[data-design-page=index] .landing-partners__in .partner-hilton{font-family:Georgia,serif}
 body[data-design-page=index] .landing-partners__in .partner-booking{color:#0759a6}
 body[data-design-page=index] .landing-partners__in .partner-amadeus{color:#3153a2}
 body[data-design-page=index] .landing-partners__in .partner-expedia{color:#163b69;font-size:16px}
 body[data-design-page=index] .landing-partners__in .partner-sabre{color:#bd2634;font-style:italic}
 body[data-design-page=index] .platform-services{margin-top:0;padding:18px 0 8px;background:linear-gradient(#eef5ff,#f7faff)}
 body[data-design-page=index] .platform-services__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
 body[data-design-page=index] .platform-services__grid>a{min-height:154px;padding:101px 11px 10px;border-radius:13px}
 body[data-design-page=index] .platform-services__grid>a::before{height:90px}
 body[data-design-page=index] .platform-services__grid i{top:74px;width:34px;height:34px}
}
@media(max-width:1100px){[data-design-page=index] .landing-partners__in{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:18px 0}[data-design-page=index] .landing-partners__in>span{flex-basis:100%;text-align:center;font-size:11px;color:#71809a}[data-design-page=index] .landing-partners__in>b{font:700 15px Arial,sans-serif;color:#17345f}}

/* The car fleet dashboard's reference packs the chart/map row above the booking table. */
@media(min-width:1101px){
 body[data-design-page=console] .cs[data-role=car] .cs-card{padding:12px}
 body[data-design-page=console] .cs[data-role=car] .cs-card__h{margin-bottom:8px}
 body[data-design-page=console] .cs[data-role=car] .rc-svg{max-height:138px}
 body[data-design-page=console] .cs[data-role=car] .rc-map{height:108px}
 body[data-design-page=console] .cs[data-role=car] .rc-thumbs{margin-top:5px}
 body[data-design-page=console] .cs[data-role=car] .rc-thumb .p{height:34px}
 body[data-design-page=console] .cs[data-role=car] .rc-hbars{gap:6px}
 body[data-design-page=console] .cs[data-role=car] .rc-hbar{font-size:11px;gap:6px}
 body[data-design-page=console] .cs[data-role=car] .cs-row:has(.rc-table){gap:10px}
 body[data-design-page=console] .cs[data-role=car] .rc-table th{padding:4px 3px;font-size:10px}
 body[data-design-page=console] .cs[data-role=car] .rc-table td{padding:4px 3px;line-height:1.15}
 body[data-design-page=console] .cs[data-role=car] .rc-list{gap:2px}
 body[data-design-page=console] .cs[data-role=car] .rc-li{gap:6px;min-height:34px}
 body[data-design-page=console] .cs[data-role=car] .rc-li__pic{width:38px;height:28px;border-radius:7px;font-size:13px}
 body[data-design-page=console] .cs[data-role=car] .rc-li__t b{font-size:11px;line-height:1.25}
 body[data-design-page=console] .cs[data-role=car] .rc-li__t small{font-size:9px;line-height:1.2}
 body[data-design-page=console] .cs[data-role=car] .rc-li__m{font-size:10px}
 body[data-design-page=console] .cs[data-role=car] .rc-li__m small{font-size:9px}
}

/* Step 2 — condensed package search results, with the filter rail and result rows in view. */
@media(min-width:1101px){
 body[data-design-page=index] .hero__in{padding-top:76px}
 body[data-design-page=index] .hero h1{font-size:clamp(34px,3vw,44px);line-height:1.2}
 body[data-design-page=index] .hero p{font-size:15px;line-height:1.65}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page){padding-top:10px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .results-intro{margin-bottom:8px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .results-intro h1{font-size:23px;line-height:1.3}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .searchbar{margin-bottom:8px;padding:7px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .searchbar label{min-height:48px;padding:6px 10px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .tabs{margin-bottom:9px;padding:4px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .tabs a{padding:8px 14px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .layout{grid-template-columns:220px minmax(0,1fr);gap:14px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .filters{padding:14px;top:82px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .filter{padding-block:10px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing{grid-template-columns:168px minmax(0,1fr) 126px;min-height:112px;gap:11px;padding:8px;border-radius:12px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing .photo{height:94px;min-height:94px;border-radius:9px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing-body{padding:2px 0}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing h3{font-size:14px;line-height:1.45;margin:0 0 3px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing-body p{font-size:10px;line-height:1.45;margin:2px 0}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing .features{gap:5px;margin-top:5px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .listing .features span{padding:3px 6px;font-size:9px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .pricebox{gap:4px;padding:4px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .pricebox b{font-size:15px}
 body[data-design-page=web-experience] .results-page:not(.hotel-results-page) .pricebox .button{padding:8px 6px;font-size:10px}
}
/* Screen toolbars provide context below the global brand instead of repeating it. */
[data-design-page=app] :is(.homebar,.bar){background:#fff;color:#0b214b;border-bottom:1px solid var(--site-border)}
[data-design-page=app] .bar :is(.ttl,.bar__b){color:#0b214b}
[data-design-page=app] .homebar .logo,[data-design-page=app] .homebar>div>br{display:none}
[data-design-page=app] .homebar .loc{color:#64738a}
/* The sales preview previously positioned its shortcuts across the welcome copy. */
[data-design-page=console] .cs[data-role=sales] .cs-main{padding:70px 0 28px 16px;gap:10px}
[data-design-page=console] .cs[data-role=sales] .cs-hero{padding:18px 24px;min-height:194px;height:auto;gap:5px;border-radius:12px}
[data-design-page=console] .cs[data-role=sales] .cs-hero>h1,[data-design-page=console] .cs[data-role=sales] .cs-hero>p{max-width:42%;width:auto}
[data-design-page=console] .cs[data-role=sales] .cs-hero__chips{position:absolute;inset-inline-start:22px;inset-inline-end:205px;bottom:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:auto;margin:0}
[data-design-page=console] .cs[data-role=sales] .cs-hero__chip{white-space:nowrap;font-size:11px;gap:6px}
[data-design-page=console] .cs[data-role=sales] .cs-hero__chip i{width:36px;height:36px;flex:none}
[data-design-page=console] .cs[data-role=sales] .cs-hero__tag{position:absolute;inset-inline-end:18px;bottom:14px;align-self:auto;font-size:12px;line-height:1.4}
[data-design-page=console] .cs[data-role=sales] .cs-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
[data-design-page=console] .cs[data-role=sales] .cs-kpi{padding:11px;gap:8px;border-radius:11px}
[data-design-page=console] .cs[data-role=sales] .cs-kpi__i{width:40px;height:40px;flex:none}
[data-design-page=console] .cs[data-role=sales] .cs-kpi b{font-size:20px;white-space:nowrap}
[data-design-page=console] .cs[data-role=sales] .cs-card{padding:12px;border-radius:11px}
[data-design-page=console] .cs-sidepromo :is(b,small){color:#fff}
[data-design-page=console] .cs-logo small{color:#64738a;opacity:1}
[data-design-page=console] .cs-hero--has-tag:not(.cs-hero--tag) .cs-hero__tag{z-index:2;inset-inline-end:18px;bottom:14px;max-width:145px!important;font-size:12px;line-height:1.45}
[data-design-page=console] .cs-hero--has-tag:not(.cs-hero--tag) :is(.cs-hero__cta,.cs-hero form){max-width:60%}
@media(max-width:1360px){[data-design-page=console] .cs[data-role=sales] .cs-main{padding:10px 18px 26px}[data-design-page=console] .cs[data-role=sales] .cs-hero{min-height:210px}[data-design-page=console] .cs[data-role=sales] .cs-hero__chips{position:static;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:8px}[data-design-page=console] .cs[data-role=sales] .cs-hero__tag{display:none}[data-design-page=console] .cs[data-role=sales] .cs-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){[data-design-page=console] .cs[data-role=sales] .cs-main{padding:14px 12px 26px}[data-design-page=console] .cs[data-role=sales] .cs-hero{padding:20px;min-height:0}[data-design-page=console] .cs[data-role=sales] .cs-hero__chips{grid-template-columns:repeat(2,minmax(0,1fr))}[data-design-page=console] .cs[data-role=sales] .cs-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Flight search composition from the desktop reference: wide aircraft hero,
   overlapping itinerary panel, carrier strip, then sample itinerary options. */
@media(min-width:1001px){
 body[data-design-page=web-experience] .hero[data-cover=flights]{height:286px;min-height:286px;border-radius:0;padding:42px max(calc((100% - 1360px)/2),64px);background-position:center 46%;box-shadow:none}
 body[data-design-page=web-experience] .hero[data-cover=flights] .eyebrow{display:none}
 body[data-design-page=web-experience] .hero[data-cover=flights] h1{font-size:38px;max-width:620px;margin:8px 0}
 body[data-design-page=web-experience] .hero[data-cover=flights] p{font-size:14px;max-width:560px}
 body[data-design-page=web-experience] .flight-page{padding-bottom:26px}
 body[data-design-page=web-experience] .flight-page>.tabs{margin:12px 28px 0;justify-content:flex-start}
 body[data-design-page=web-experience] .flight-search-card{margin:-20px 28px 18px;padding:14px 16px;border-radius:15px}
 body[data-design-page=web-experience] .flight-search label{min-height:54px}
 body[data-design-page=web-experience] .flight-options{padding:0 28px}
 body[data-design-page=web-experience] .flight-options .listing{min-height:116px}
 body[data-design-page=web-experience] .flight-options .listing .photo{min-height:94px}
}
@media(max-width:720px){body[data-design-page=web-experience] .hero[data-cover=flights]{border-radius:16px}}
.flight-result{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(270px,1.35fr) minmax(150px,.8fr) 150px;gap:16px;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);direction:ltr}.flight-result__carrier,.flight-result__route,.flight-result__bag,.flight-result__price{direction:rtl}.flight-result__carrier{display:flex;align-items:center;gap:11px;min-width:0}.flight-result__carrier>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eef4ff;color:#164b9c;font:800 13px Arial,sans-serif}.flight-result__carrier b,.flight-result__route b,.flight-result__price b{display:block;font-weight:800}.flight-result__carrier small,.flight-result__route small,.flight-result__bag small,.flight-result__price small{display:block;color:var(--muted);font-size:10px;line-height:1.6}.flight-result__route{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;gap:10px;align-items:center;text-align:center}.flight-result__route b{font:800 17px Arial,sans-serif;color:var(--ink)}.flight-result__duration{display:grid;justify-items:center}.flight-result__duration i{position:relative;width:100%;height:1px;background:#b9c8df;margin:5px 0}.flight-result__duration i:after{content:'✈';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 5px;background:#fff;color:var(--blue);font-style:normal}.flight-result__bag{display:grid;gap:5px;font-size:11px}.flight-result__price{display:grid;gap:3px;justify-items:center;padding-inline-start:13px;border-inline-start:1px solid var(--line);text-align:center}.flight-result__price b{font-size:18px;white-space:nowrap}.flight-result__price .button{width:100%;padding:8px 6px;font-size:10px;white-space:nowrap}
@media(max-width:1000px){.flight-result{grid-template-columns:minmax(140px,1fr) minmax(230px,1.5fr) 145px;gap:12px}.flight-result__bag{display:none}}
@media(max-width:650px){.flight-result{grid-template-columns:minmax(0,1fr) auto;padding:11px;gap:8px}.flight-result__carrier{grid-column:1/-1}.flight-result__route{grid-column:1/-1}.flight-result__price{grid-column:1/-1;display:flex;flex-direction:row;justify-content:space-between;border:0;border-top:1px solid var(--line);padding:8px 0 0;width:100%}.flight-result__price .button{width:auto}}

/* Partner plans use the four colored tier headers shown in the desktop plan reference. */
@media(min-width:1001px){
 [data-design-page=pricing] .plans{gap:12px;align-items:stretch}
 [data-design-page=pricing] .plan{min-height:420px;padding:0 18px 18px;overflow:visible;border-radius:13px;background:#fff;color:#0b214b}
 [data-design-page=pricing] .plan:before{display:none}
 [data-design-page=pricing] .plan h2{margin:0 -18px;padding:15px 18px 12px;border-radius:12px 12px 0 0;color:#fff;font-size:18px}
 [data-design-page=pricing] .plan:nth-child(1) h2{background:#0aa571}
 [data-design-page=pricing] .plan:nth-child(2) h2{background:#0560f9}
 [data-design-page=pricing] .plan:nth-child(3) h2{background:#8045de}
 [data-design-page=pricing] .plan:nth-child(4) h2{background:#071e45}
 [data-design-page=pricing] .plan:nth-child(2){transform:none}
 [data-design-page=pricing] .plan.enterprise{background:#fff;color:#0b214b}
 [data-design-page=pricing] .plan.enterprise :is(.sub,.price small){color:#687792}
 [data-design-page=pricing] .plan.enterprise ul{border-color:#e7edf5}
 [data-design-page=pricing] .plan .btn{min-height:42px}
}
@media(min-width:1001px){body[data-design-page=web-experience] .flight-page>.tabs{display:none}}
@media(min-width:1001px){
 body[data-design-page=web-experience] .flight-search{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
 body[data-design-page=web-experience] .flight-search .button{grid-column:span 2;min-width:0;align-self:stretch}
}
@media(min-width:1001px){
 [data-design-page=pricing] .plan:nth-child(1) .btn{background:#11a36a;box-shadow:0 7px 15px #11a36a30}
 [data-design-page=pricing] .plan:nth-child(2) .btn{background:#1767ee}
 [data-design-page=pricing] .plan:nth-child(3) .btn{background:#7841dc;box-shadow:0 7px 15px #7841dc30}
 [data-design-page=pricing] .plan:nth-child(4) .btn{background:#071e45;color:#fff;box-shadow:none}
}
@media(min-width:1001px){
 body[data-design-page=web-experience] .hotel-detail-page .gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:clamp(190px,18vw,250px) 68px;gap:8px}
 body[data-design-page=web-experience] .hotel-detail-page .gallery .photo{min-height:0;border-radius:10px}
 body[data-design-page=web-experience] .hotel-detail-page .gallery .photo:first-child{grid-column:1 / -1;grid-row:1}
}
@media(max-width:600px){body[data-design-page=web-experience] .hotel-detail-page .gallery .photo:nth-child(n+4){display:none}}
@media(min-width:1101px){
 body[data-design-page=index-platform] .hero{height:410px;min-height:410px}
 body[data-design-page=index-platform] .hero__in{padding-top:72px}
 body[data-design-page=index-platform] .hero h1{font-size:clamp(32px,2.6vw,40px);line-height:1.22}
 body[data-design-page=index-platform] .hero :is(p,.hero__p){font-size:15px;line-height:1.55;margin-bottom:10px}
}
@media(min-width:1001px){
 body[data-travel-view=cars] .hero{height:205px;min-height:205px;padding:24px 34px;border-radius:14px}
 body[data-travel-view=flights] .hero{height:190px;min-height:190px;padding:22px 30px;border-radius:14px}
}
body[data-travel-view=cars] .car-toolbar{align-items:stretch;flex-direction:column;gap:8px;margin-top:10px}
body[data-travel-view=cars] .car-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;overflow:visible}
body[data-travel-view=cars] .car-categories .car-category{display:grid;grid-template-rows:78px auto auto;justify-items:start;gap:4px;min-width:0;padding:8px;border:1px solid #e4ebf5;border-radius:12px;background:#fff;color:#0b214b;text-align:right;white-space:normal;box-shadow:0 5px 16px #12366d08}
body[data-travel-view=cars] .car-category__photo{display:block;width:100%;height:78px;border-radius:8px;background-image:linear-gradient(0deg,#071e4530,#071e4500 65%),url('/assets/og/car-rental-hero.webp');background-size:cover,500% auto;background-position:center,var(--car-photo-pos) center;background-repeat:no-repeat}
body[data-travel-view=cars] .car-categories .car-category b{font-size:11px;line-height:1.35}
body[data-travel-view=cars] .car-categories .car-category small{font-size:9px;color:#71809a}
body[data-travel-view=cars] .car-categories .car-category.active{border-color:#1767ee;background:#f2f7ff;box-shadow:0 5px 14px #1767ee20}
body[data-travel-view=cars] .car-sort{align-self:flex-end;min-width:170px}
body[data-travel-view=flights] .flight-options{display:none}
.flight-results-page .layout{grid-template-columns:220px minmax(0,1fr);gap:16px}
.flight-results-page .filters{position:sticky;top:84px;padding:15px}
.flight-results-page .cards{gap:10px}
.flight-edit-search{flex:none;padding:10px 14px;border-radius:10px;background:#eef5ff;color:var(--blue);font-size:11px;font-weight:700}
.flight-result-note{padding:9px 12px;margin-bottom:10px;border:1px solid #d7e5fc;border-radius:10px;background:#edf5ff;color:#365985;font-size:10px}
.flight-no-results{margin:0;padding:20px;border:1px dashed #b5c8e2;border-radius:12px;background:#fff;color:#53627b;text-align:center;font-size:12px}
/* Hotel results follow the search-first composition in desktop reference 2. */
body[data-design-page=web-experience] .hotel-results-page{padding-top:0}
body[data-design-page=web-experience] .hotel-results-page>.searchbar{margin:0 0 8px;position:relative;z-index:2}
@media(min-width:1001px){
 body[data-design-page=web-experience] .hotel-results-page>.searchbar{margin:0 0 8px;padding:7px;border-radius:12px}
 body[data-design-page=web-experience] .hotel-results-page>.searchbar label{min-height:46px;padding:6px 10px}
 body[data-design-page=web-experience] .hotel-results-page>.tabs{margin:0 0 10px;padding:4px;gap:6px}
 body[data-design-page=web-experience] .hotel-results-page>.tabs a{padding:8px 13px}
 body[data-design-page=web-experience] .hotel-results-page .layout{grid-template-columns:220px minmax(0,1fr);gap:14px}
 body[data-design-page=web-experience] .hotel-results-page .filters{padding:14px;top:82px}
 body[data-design-page=web-experience] .hotel-results-page .filter{padding-block:10px}
 body[data-design-page=web-experience] .hotel-results-page .results-head{margin-bottom:8px}
 body[data-design-page=web-experience] .hotel-results-page .results-head h2{font-size:17px}
}
@media(max-width:1000px){.flight-results-page .layout{grid-template-columns:minmax(0,1fr)}.flight-results-page .filters{position:static}}
@media(max-width:720px){body[data-travel-view=cars] .car-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.flight-results-page .layout{gap:12px}.flight-results-page .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.flight-results-page .filters h3{grid-column:1/-1}}
@media(max-width:460px){body[data-travel-view=cars] .car-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
body[data-travel-view=flights] .flight-logos{direction:ltr;justify-content:space-between}
body[data-travel-view=flights] .flight-logos .airline-logo{font-size:14px;white-space:nowrap}
body[data-travel-view=flights] .airline-logo--emirates{color:#c51f32;font-family:Georgia,serif}
body[data-travel-view=flights] .airline-logo--qatar{color:#6d244c;font-family:Georgia,serif;font-size:12px}
body[data-travel-view=flights] .airline-logo--saudia{color:#15724c;font-family:'Cairo',sans-serif}
body[data-travel-view=flights] .airline-logo--turkish{color:#c51f32;font-size:11px!important}
body[data-travel-view=flights] .airline-logo--egyptair{color:#164c8f;font-weight:900}
body[data-travel-view=flights] .airline-logo--flydubai{color:#df751c;font-style:italic}