/* Landing search box — button resets (required outside AsTwo Dark page CSS) */
      .landing-search-wrap button {
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
        font: inherit;
      }

      .landing-search-wrap input,
      .landing-search-wrap select {
        font: inherit;
      }

      .expSearch {
        width: min(1240px, 100%);
        max-width: none;
        background: #111111;
        padding: 16px 18px 18px;
        border-radius: 22px;
        border: 1px solid var(--line, rgba(255,255,255,.11));
        box-shadow: 0 28px 80px rgba(0,0,0,.5);
        text-align: left;
      }

      .expTabs {
        display: flex;
        gap: 7px;
        overflow: auto;
        padding: 0 8px 14px;
        justify-content: center;
      }

      .expTabs button {
        flex: 0 1 106px;
        min-width: 86px;
        padding: 10px 11px;
        border-radius: 11px;
        background: transparent;
        color: #a6a6a6;
        font-weight: 700;
        position: relative;
        transition: 0.2s;
      }

      .expTabs button:hover {
        background: #161616;
        color: #fff;
      }

      .expTabs button i {
        display: grid;
        place-items: center;
        width: 36px;
        height: 36px;
        margin: 0 auto 3px;
        border-radius: 11px;
        background: #161616;
        color: #a6a6a6;
        font-style: normal;
      }

      .expTabs button.active {
        background: rgba(251, 82, 12, 0.15);
        color: #ff8a3a;
        border: 1px solid rgba(251, 82, 12, 0.3);
      }

      .expTabs button.active i {
        background: var(--primary);
        color: #fff;
        box-shadow: 0 7px 18px rgba(251,82,12,.3);
      }

      .expOptions {
        display: flex;
        gap: 22px;
        align-items: center;
        padding: 12px 7px 0;
        font-size: 13px;
        color: #a6a6a6;
      }

      .expOptions span {
        margin-left: auto;
        color: #ff8a3a;
        font-weight: 700;
      }

      .returnService .serviceIcon {
        width: 19px;
        height: 19px;
      }

      .serviceIcon, .headerIcon, .hdIcon {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        display: block;
      }

      .expFields.dynamic {
        display: grid;
        grid-template-columns: repeat(var(--field-count), minmax(0, 1fr)) 132px;
        overflow: visible;
        position: relative;
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #111111;
      }

      .expFields.dynamic .searchField {
        position: relative;
        min-height: 68px;
        padding: 10px 14px;
        border-right: 1px solid var(--line);
        background: #111111;
        cursor: pointer;
        display: flex;
        align-items: center;
        gap: 10px;
        text-align: left;
      }

      .expFields.dynamic .searchField:first-child {
        border-radius: 14px 0 0 14px;
      }

      .searchField .fieldIcon {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        color: #ff8a3a;
      }

      .searchField b {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .searchField small {
        color: var(--muted);
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: .55px;
        font-weight: 850;
      }

      .searchField b {
        max-width: 100%;
        color: #fff;
        font-size: 12px;
      }

      .swapButton {
        position: absolute!important;
        z-index: 4;
        left: calc((100% - 132px)/var(--field-count));
        top: 50%;
        width: 32px!important;
        height: 32px!important;
        min-height: 32px!important;
        margin: 0!important;
        padding: 0!important;
        transform: translate(-50%, -50%);
        border: 1px solid var(--line)!important;
        border-radius: 50%!important;
        background: #161616!important;
        color: #ff8a3a!important;
        box-shadow: 0 5px 14px rgba(0,0,0,.3)!important;
      }

      .dynamicSearchBtn {
        margin: 7px!important;
        border-radius: 12px!important;
        background: linear-gradient(135deg, var(--primary), #ea580c)!important;
        color: #fff!important;
        font-weight: 900!important;
        box-shadow: 0 10px 22px rgba(251,82,12,.3)!important;
      }

      .fieldPopover {
        position: absolute;
        z-index: 115;
        width: 360px;
        max-height: 390px;
        overflow: auto;
        padding: 14px;
        border: 1px solid var(--line, rgba(255,255,255,.12));
        border-radius: 16px;
        background: #111111;
        box-shadow: 0 24px 60px rgba(0,0,0,.6);
        text-align: left;
        color: #fff;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,.28) transparent;
      }

      .fieldPopover::-webkit-scrollbar {
        width: 8px;
      }

      .fieldPopover::-webkit-scrollbar-track {
        background: transparent;
      }

      .fieldPopover::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.22);
        border-radius: 999px;
      }

      .fieldPopover.is-fixed {
        position: fixed;
        z-index: 120;
      }

      .fieldPopover button {
        appearance: none;
        -webkit-appearance: none;
        border: 0;
        background: transparent;
        color: inherit;
        cursor: pointer;
        font: inherit;
        box-shadow: none;
      }

      .fieldPopover input,
      .fieldPopover select {
        appearance: none;
        -webkit-appearance: none;
        font: inherit;
        box-sizing: border-box;
      }

      .fieldPopover h4 {
        margin: 2px 3px 11px;
        color: #fff;
        font-size: 15px;
      }

      .locationList {
        display: grid;
        gap: 2px;
      }

      .locationSearch {
        width: 100%;
        padding: 11px 12px;
        margin-bottom: 9px;
        border: 1px solid var(--line, rgba(255,255,255,.12));
        border-radius: 10px;
        outline: 0;
        background: #101010;
        color: #fff;
      }

      .locationSearch:focus {
        border-color: var(--primary, #ff5a00);
        box-shadow: 0 0 0 3px rgba(251,82,12,.2);
      }

      .locationOption {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 11px 10px;
        border: 0 !important;
        border-radius: 10px;
        background: transparent;
        color: #fff;
        text-align: left;
        font-weight: 750;
        appearance: none;
        -webkit-appearance: none;
        box-shadow: none;
        outline: none;
      }

      .locationOption:hover,
      .locationOption:focus-visible {
        background: #161616;
        color: #ff8a3a;
      }

      .calendarHead {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        color: #fff;
      }

      .calendarGrid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 4px;
      }

      .calendarGrid span {
        padding: 6px 0;
        text-align: center;
        color: var(--muted);
        font-size: 9px;
        font-weight: 800;
      }

      .calendarGrid button {
        aspect-ratio: 1;
        border: 0;
        border-radius: 50%;
        background: transparent;
        color: #fff;
        font-size: 11px;
      }

      .calendarGrid button.selected {
        background: var(--primary, #ff5a00);
        color: #fff;
      }

      .calendarGrid button:hover {
        background: #161616;
      }

      .counterRow {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 3px;
        border-bottom: 1px solid var(--line, rgba(255,255,255,.12));
      }

      .counterRow b { color: #fff; }

      .counterRow small {
        display: block;
        color: var(--muted, #a8a8aa);
      }

      .counterActions {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .counterActions button {
        width: 32px;
        height: 32px;
        border: 1px solid var(--line, rgba(255,255,255,.12));
        border-radius: 50%;
        background: #161616;
        color: #ff8a3a;
        font-size: 18px;
      }

      .cabinSelect {
        width: 100%;
        margin-top: 12px;
        padding: 11px;
        border: 1px solid var(--line, rgba(255,255,255,.12));
        border-radius: 10px;
        background: #101010;
        color: #fff;
      }

      .popoverDone {
        width: 100%;
        margin-top: 13px;
        padding: 11px;
        border: 0;
        border-radius: 10px;
        background: var(--primary, #ff5a00);
        color: #fff;
        font-weight: 900;
      }

      .searchSubtabs {
        display: flex;
        gap: 7px;
        margin: 0 0 11px;
        padding: 0 3px;
      }

      .searchSubtabs button {
        padding: 8px 13px;
        border-radius: 999px;
        background: #161616;
        color: #a6a6a6;
        font-size: 11px;
        font-weight: 850;
      }

      .searchSubtabs button.active {
        background: var(--primary);
        color: #fff;
      }

      .exploreBtn, .headerActions button:hover, .expTabs button:hover, .expTabs button i { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.11); }

      .expSearch { background: rgba(17,17,17,.92); border-color: rgba(255,255,255,.12); }

      .expTabs button.active { background: rgba(255,90,0,.13); color: #ff8a3a; border-color: rgba(255,90,0,.38); }

      .expTabs button.active i { background: #ff5a00; }

      .expFields, .returnSearchInner { background: rgba(17,17,17,.92) !important; border-color: rgba(255,255,255,.12) !important; }

      .searchField, .returnField, .expOptions { border-color: rgba(255,255,255,.11) !important; }

@media (max-width: 1200px) {
        .expFields.dynamic {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .expFields.dynamic .searchField {
          border-bottom: 1px solid var(--line, rgba(255,255,255,.11));
        }
        .expFields.dynamic .dynamicSearchBtn {
          grid-column: 1 / -1;
          min-height: 54px;
          margin: 8px !important;
        }
        .swapButton { display: none; }
      }

/* Search page placement */
.landing-search-wrap{position:relative;z-index:5;margin:0 auto;width:100%}
.landing-search-wrap .expSearch{width:100%;max-width:none;margin:0 auto;box-sizing:border-box}
.landing-search-wrap .expTabs{justify-content:center}
.landing-search-wrap .expTabs button{border:1px solid transparent}
.landing-search-wrap .expTabs button.active{
  border:1px solid rgba(255,90,0,.38);
  background:rgba(255,90,0,.13);
  color:#ff8a3a;
}
.landing-search-wrap .expTabs button.active i{
  background:#ff5a00;
  color:#fff;
  box-shadow:0 7px 18px rgba(251,82,12,.3);
}
.landing-search-wrap .dynamicSearchBtn{
  min-height:54px;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
}
@media(max-width:760px){
  .landing-search-wrap .expFields.dynamic{grid-template-columns:1fr!important}
  .landing-search-wrap .expFields.dynamic .searchField{border-right:0;border-bottom:1px solid var(--line,rgba(255,255,255,.11))}
  .landing-search-wrap .swapButton{display:none}
  .landing-search-wrap .dynamicSearchBtn{min-height:54px;margin:10px!important}
}