.trip-home {
  background: var(--trip-bg);
  color: var(--trip-ink);
  padding-block-end: 36px;
}
.trip-home .rxp-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.trip-hero {
  background: radial-gradient(ellipse at 88% 14%, #116fa4 0%, transparent 52%), linear-gradient(125deg, #082747, #0a3b62);
  color: #fff;
  position: relative;
  isolation: isolate;
  padding-block: clamp(30px, 5vw, 65px) clamp(25px, 4vw, 47px);
}
.trip-hero::before {
  content: ""; position: absolute; z-index: -1; inset-block-start: 12px; inset-inline-end: 5%;
  width: min(34%, 440px); height: 210px; background: url("travel-hero.svg") center / contain no-repeat;
  opacity: .15; pointer-events: none;
}
.trip-hero-copy { max-inline-size: 48rem; margin-block-end: 25px; }
.trip-kicker { color: #bce8fc; font-size: .82rem; font-weight: 700; }
.trip-hero h1 { margin: 6px 0; font-size: clamp(2rem, 5.4vw, 4.5rem); line-height: 1.16; font-weight: 750; letter-spacing: -.035em; }
[dir="rtl"] .trip-hero h1 { letter-spacing: normal; }
.trip-hero-copy p { color: #e4f4fe; margin: 10px 0 0; font-size: clamp(1rem, 1.6vw, 1.15rem); }
.trip-search { border-radius: 20px; background: #fff; color: var(--trip-ink); box-shadow: var(--trip-shadow); }
.trip-home .trip-tabs { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 6px; padding: 9px; background: #edf5fc; border-radius: 20px 20px 0 0; }
.trip-home .trip-tab {
  display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px;
  padding: 6px; border-radius: 12px; border: 0; background: transparent; color: var(--trip-navy);
  font: inherit; font-weight: 700; cursor: pointer;
}
.trip-home .trip-tab[aria-selected="true"] { background: var(--trip-navy); color: white; }
.trip-home [data-service-icon] svg { display: block; width: 22px; height: 22px; }
.trip-search-card { padding: clamp(12px, 2.3vw, 26px); }
.trip-home [hidden] { display: none !important; }
.trip-home .ota-form { display: grid; gap: 12px; }
.trip-home .ota-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; align-items: stretch; }
.trip-home .ota-fields-flight { grid-template-columns: 1.15fr auto 1.15fr repeat(3,minmax(0,1fr)) auto; }
.trip-home .ota-field {
  min-inline-size: 0; position: relative; display: grid; align-content: center; gap: 4px;
  min-block-size: 66px; padding: 9px 10px; background: var(--trip-paper); border: 1px solid var(--trip-line); border-radius: 11px;
}
.trip-home .ota-field:focus-within { border-color: var(--trip-blue); }
.trip-home .ota-field > span, .trip-home .ota-field > summary { font-weight: 700; font-size: .87rem; }
.trip-home .ota-field > :is(input,select) {
  min-inline-size: 0; width: 100%; min-height: 30px; border: 0; padding: 0; background: transparent;
  font: inherit; color: var(--trip-ink);
}
.trip-home .ota-field > input[type="date"] { direction: ltr; text-align: start; }
.trip-home .ota-field.ota-muted { opacity: .55; }
.trip-home .ota-swap, .trip-home .rx-guest-trigger {
  min-height: 46px; align-self: center; padding: 7px 12px; border-radius: 10px; border: 1px solid var(--trip-line);
  background: var(--trip-bg); color: var(--trip-navy); font: inherit; font-weight: 650; cursor: pointer;
}
.trip-home .rx-guest-trigger { justify-self: start; }
.trip-home .ota-search-submit, .rx-guest-dialog .rx-guest-done {
  min-height: 46px; padding: 10px 17px; border: 0; border-radius: 10px; background: var(--trip-blue);
  color: white; font: inherit; font-weight: 750; cursor: pointer;
}
.trip-home .ota-search-submit:disabled { background: #52697f; cursor: default; }
.trip-home .ota-form-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.trip-home :is(.ota-form-bottom p, .ota-form-note, .rehltak-preview-search-hint, .b9-detail-link) { margin: 0; font-size: .88rem; color: var(--trip-muted); }
.trip-home .b9-detail-link a { color: var(--trip-blue); text-decoration: underline; text-underline-offset: 3px; }
.trip-home .rx-trip-picker { position: relative; justify-self: start; z-index: 6; }
.trip-home .rx-trip-picker summary { min-height: 44px; padding: 9px 12px; background: var(--trip-bg); border-radius: 9px; cursor: pointer; font-weight: 700; }
.trip-home .rx-trip-menu, .trip-home .passenger-options, .trip-home .suggestions {
  position: absolute; inset-block-start: calc(100% + 4px); inset-inline-start: 0; z-index: 5;
  width: max(100%, 210px); max-width: calc(100vw - 40px); max-height: 270px; overflow: auto;
  padding: 10px; background: white; border: 1px solid var(--trip-line); border-radius: 10px; box-shadow: var(--trip-shadow);
}
.trip-home .suggestions:empty { display: none; }
.trip-home .suggestions button { display: block; text-align: start; width: 100%; padding: 8px; min-height: 44px; color: var(--trip-ink); }
.trip-home .suggestions button:is(:hover,[aria-selected="true"]) { background: var(--trip-bg); }
.trip-home .ota-trip-types { display: grid; gap: 8px; }
.trip-home .ota-trip-types label { min-height: 36px; display: flex; gap: 8px; align-items: center; cursor: pointer; }
.trip-home .passenger-picker[open] { z-index: 4; }
.trip-home .passenger-options { inset-inline: auto 0; }
.trip-home .passenger-options label { display: flex; justify-content: space-between; align-items: center; gap: 7px; padding-block: 6px; }
.trip-home .passenger-options :is(input,select) { max-width: 55%; min-height: 36px; border: 1px solid var(--trip-line); border-radius: 7px; padding-inline: 5px; }
.trip-home .ota-alert { margin-block-end: 12px; border-radius: 10px; padding: 10px 14px; color: #862819; background: #fff1ec; }
.trip-home :is(.rehltak-explore, .rxp-section, .rxp-trust, .b9-campaigns) { padding-block-start: clamp(24px, 4vw, 46px); }
.trip-home :is(.rehltak-explore-heading, .rxp-section-heading) { margin-block-end: 14px; }
.trip-home :is(.rxp-small-kicker, .rehltak-explore-kicker) { color: var(--trip-blue); font-size: .8rem; font-weight: 750; }
.trip-home h2 { font-size: clamp(1.35rem, 3vw, 2rem); line-height: 1.25; margin-block: 5px; font-weight: 750; }
.trip-home :is(.rehltak-explore-grid, .rxp-destination-grid, .rxp-trust-grid, .b9-campaign-grid) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.trip-home .rxp-trust-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.trip-home :is(.rehltak-explore-card, .rxp-destination, .rxp-trust-grid article, .b9-campaign, .v8-app-promo) {
  background: white; color: var(--trip-navy); border: 1px solid var(--trip-line); border-radius: var(--trip-radius);
}
.trip-home .rehltak-explore-card { min-height: 70px; display: flex; align-items: center; gap: 9px; padding: 10px; text-decoration: none; }
.trip-home .rehltak-explore-card:hover { border-color: var(--trip-blue); }
.trip-home .rehltak-explore-icon, .trip-home .rxp-trust-grid article > span {
  width: 39px; height: 39px; flex: none; display: grid; place-items: center; background: #e6f4fd; color: var(--trip-blue); border-radius: 10px;
}
.trip-home .rehltak-explore-arrow { margin-inline-start: auto; }
.trip-home .rxp-destination { overflow: hidden; }
.trip-home .rxp-destination img { width: 100%; aspect-ratio: 16/9; height: auto; object-fit: cover; }
.trip-home :is(.rxp-destination > div, .rxp-trust-grid article, .b9-campaign) { padding: 14px; }
.trip-home .rxp-trust-grid h3 { margin-block: 7px; font-weight: 700; }
.trip-home .rxp-trust-grid p { color: var(--trip-muted); margin: 0; }
.trip-home .v8-app-promo { display: grid; grid-template-columns: minmax(0,1fr) 2fr; gap: 14px; align-items: center; margin-block-start: 26px; padding: 18px; }
.trip-home .v8-app-promo img { max-height: 160px; object-fit: contain; }
.trip-home .v8-promo-action { grid-column: 2; }
.rx-guest-dialog[open] { position: fixed; inset: 0; margin: auto; width: min(590px, calc(100% - 32px)); max-height: 86dvh; overflow: auto; padding: 18px; border: 0; border-radius: var(--trip-radius); background: white; color: var(--trip-ink); }
.rx-guest-dialog::backdrop { background: #082747a8; }
.rx-guest-dialog header { display: flex; justify-content: space-between; align-items: center; }
.rx-guest-dialog header button { min-width: 44px; min-height: 44px; border-radius: 9px; background: var(--trip-bg); font-size: 1.4rem; }
.rx-guest-dialog .hotel-guest-room { padding: 12px; margin-block: 8px; border: 1px solid var(--trip-line); border-radius: 10px; }
.rx-guest-dialog .hotel-guest-room :is(input, select) { min-height: 44px; border: 1px solid var(--trip-line); border-radius: 7px; }
@media (max-width: 1070px) {
  .trip-home .ota-fields-flight { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
  .trip-home .ota-fields-flight .ota-search-submit { grid-column: 1/-1; }
}
@media (max-width: 650px) {
  .trip-hero::before { width: 45%; height: 130px; opacity: .09; }
  .trip-home .rxp-container { width: calc(100% - 24px); }
  .trip-home .trip-tabs { gap: 4px; padding: 6px; }
  .trip-home .trip-tab { flex-direction: column; min-height: 56px; gap: 2px; font-size: .75rem; }
  .trip-home .ota-fields, .trip-home .ota-fields-flight { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .trip-home .ota-fields-flight .ota-swap { grid-row: 2; grid-column: 1/-1; justify-self: center; }
  .trip-home .ota-fields-flight .field-autocomplete:nth-of-type(2) { grid-row: 1; grid-column: 2; }
  .trip-home .ota-fields-flight .passenger-picker, .trip-home .ota-form-bottom button { grid-column: 1/-1; width: 100%; }
  .trip-home :is(.rehltak-explore-grid, .rxp-destination-grid, .rxp-trust-grid, .b9-campaign-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .trip-home .v8-app-promo { grid-template-columns: minmax(0,1fr); }
  .trip-home .v8-promo-action { grid-column: 1; }
}

.trip-home .trip-multi-mode .ota-fields-flight {
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
}
.trip-home .trip-multi-mode .ota-fields-flight :is(.passenger-picker,.ota-search-submit) { grid-column: auto; }
@media (max-width: 650px) {
  .trip-home .trip-multi-mode .ota-fields-flight { grid-template-columns: minmax(0,1fr); }
}