/* AUTO-SPLIT app-mobile.css: VETEM rregullat brenda @media(max-width:760px) (ose me te ngushta, p.sh. 680px/390px/380px) nga static/app.css origjinal. RENDI i brendshem ruhet identik. */


@media(max-width:620px){.form-grid-3,.bag-preset-grid,.cards-3{grid-template-columns:1fr}}

@media(max-width:760px){.calendar-months{grid-template-columns:1fr}.calendar-months .calendar-month:nth-child(2){display:none}.calendar-day{min-height:56px}.flight-search-grid{grid-template-columns:1fr}.route-swap{position:absolute;margin-top:72px;right:35px}.search-field,.passenger-search-fields{grid-column:1;border-right:0;border-bottom:1px solid var(--line)}.passenger-search-fields{grid-template-columns:repeat(3,1fr)}.flight-result-card{grid-template-columns:34px 1fr}.flight-time,.flight-bag,.flight-price{grid-column:2}.fare-table-head{display:none}.fare-table-row{grid-template-columns:1fr 1fr}.fare-table-row input:first-child{grid-column:1/-1}.fare-remove{grid-column:2;justify-self:end}.agency-budget-stats{grid-template-columns:1fr 1fr}.deposit-grid{grid-template-columns:1fr}}

@media(max-width:700px){.permission-list ul{columns:1}.page-head{align-items:flex-start;gap:12px;flex-direction:column}.button-row{width:100%}.button-row .button{flex:1;text-align:center}}


@media(max-width:520px){
  .admin-app .topbar{padding:9px 10px}
  .admin-app .mobile-menu-toggle span:last-child{display:none}
  .admin-app .mobile-menu-toggle{padding:9px 12px}
  .admin-app .brand span{font-size:14px}
  .stats,.agency-budget-stats{grid-template-columns:1fr}
  .content,.public-content{padding:12px}
  .panel,.auth-card,.search-card,.status-card,.control-card{padding:14px}
  .page-head h1{font-size:27px}
  .stat strong{font-size:24px}
}

@media(max-width:700px){.hotel-hero{padding:25px 18px}.hotel-hero h1,.hotel-detail-hero h1{font-size:31px}.hotel-search-grid,.hotel-detail-hero,.hotel-result-card,.hotel-admin-card,.room-offer,.hotel-book-summary{grid-template-columns:1fr}.hotel-result-image{height:220px}.hotel-detail-hero>div:first-child{height:260px}.hotel-result-bottom,.room-offer-price{align-items:stretch;flex-direction:column}.hotel-result-bottom .button,.room-offer-price .button{width:100%;text-align:center}.hotel-status-grid{grid-template-columns:1fr}.hotel-admin-grid{grid-template-columns:1fr}.hotel-gallery{grid-template-columns:1fr 1fr}}

@media(max-width:560px){.checkin-grid{grid-template-columns:1fr}.wallet-card-grid{grid-template-columns:1fr}}

@media(max-width:640px){.passenger-price-row{align-items:flex-start}.passenger-price-row>strong{font-size:.98rem}}

@media(max-width:620px){.advanced-filter-grid{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.filter-actions button,.filter-actions .button{width:100%}.section-tabs{display:grid;grid-template-columns:1fr}}

@media(max-width:760px){
  .airline-badge.has-logo{width:82px;min-width:82px;height:40px}
}

@media(max-width:760px){
  body.calendar-open{overflow:hidden}
  .marketing-home .calendar-months .calendar-month:nth-child(2){display:block}
}


@media(max-width:760px){
  .flight-search-grid{
    position:relative;
  }

  .route-swap{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:-21px 18px -21px auto!important;
    padding:0!important;
    border-radius:50%!important;
    background:#fff!important;
    color:var(--brand)!important;
    border:1px solid color-mix(in srgb, var(--brand) 55%, #ffffff)!important;
    box-shadow:0 6px 18px rgba(15,23,42,.16)!important;
    transform:none!important;
    z-index:4!important;
  }

  .route-swap::before{
    content:"⇅";
    font-size:20px;
  }
}


@media(max-width:760px){
  .date-strip-shell{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;margin-bottom:12px;border-bottom:2px solid var(--brand);background:#fff}
  .date-strip-nav{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;padding:0;border:1px solid var(--line);border-bottom:0;border-radius:0;background:#fff;color:var(--brand);font-size:30px;font-weight:800;box-shadow:none}
  .date-strip{display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;margin:0;border-bottom:0;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .date-strip::-webkit-scrollbar{display:none}
  .date-option{flex:0 0 33.3333%;min-width:33.3333%;scroll-snap-align:center;padding:10px 5px}
  .date-option>span{font-size:11px}.date-option strong{font-size:13px}.date-option small{font-size:10px;white-space:nowrap}

  .flight-result-list{gap:9px;margin-top:9px}
  .flight-result-card{display:grid;grid-template-columns:92px minmax(0,1fr) 92px;gap:0;min-height:138px;padding:0;overflow:hidden;border-width:1px;border-radius:10px;align-items:stretch}
  .flight-result-card:hover{border-color:var(--line)}
  .flight-result-card:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);background:#fff}
  .flight-result-card .select-box{display:none}

  .flight-company{grid-column:1;display:grid;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:7px;padding:10px 6px;border-right:1px solid var(--line);text-align:center;min-width:0}
  .flight-company .airline-badge,.flight-company .airline-badge.has-logo{width:72px;min-width:72px;height:36px;padding:4px 5px;box-shadow:none}
  .flight-company>strong{font-size:14px;line-height:1.1;overflow-wrap:anywhere}
  .flight-desktop-airline{display:none}
  .flight-details-trigger{max-width:82px;padding:0;border:0;background:transparent;color:#60739a;text-decoration:underline;font-size:10.5px;font-weight:700;line-height:1.15;box-shadow:none;text-align:center}
  .flight-result-card:has(input:checked) .flight-details-trigger{display:block}

  .flight-time{grid-column:2;display:grid;grid-template-columns:1fr;align-content:center;justify-items:stretch;gap:8px;padding:10px 8px;text-align:center;min-width:0}
  .flight-duration{display:block;color:var(--muted);font-size:11px;line-height:1}
  .flight-route-times{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center;width:100%}
  .flight-point{display:grid;justify-items:center;gap:2px;min-width:0}
  .flight-route-times b{font-size:20px;line-height:1.05}
  .flight-route-times i{font-size:18px}
  .flight-point em{display:block;color:#63708a;font-size:13px;font-weight:700;line-height:1.1}
  .flight-desktop-date{display:none}
  .flight-mobile-airline{display:inline-flex;justify-self:center;max-width:100%;padding:3px 7px;background:#f3f7d7;color:#253047;border-radius:2px;font-size:10.5px;font-weight:800;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .flight-bag{display:none}
  .flight-price{grid-column:3;display:grid;align-content:center;justify-items:center;gap:4px;padding:10px 6px;border-left:1px solid var(--line);text-align:center;min-width:0}
  .flight-price>small{font-size:10px;line-height:1.15}
  .flight-price>strong{font-size:17px;line-height:1.12;overflow-wrap:anywhere}
  .mobile-card-continue{width:80px;min-width:0;margin-top:6px;padding:7px 5px;border-radius:5px;font-size:11px;line-height:1.1}
  .flight-result-card.can-continue .mobile-card-continue{display:block}

  .result-actions{display:none}
  .search-price-summary{display:none!important}

  .flight-details-modal{align-items:stretch;padding:0}
  .flight-details-dialog{width:100%;max-height:100%;height:100%;border-radius:0;box-shadow:none}
  .flight-details-header{padding:18px 20px}
  .flight-details-header h2{font-size:22px}
  .flight-details-close{width:42px;height:42px;font-size:28px}
  .flight-details-rows{padding:8px 20px}
  .flight-details-rows>div{grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);gap:16px;padding:14px 0;font-size:14px}
  .flight-details-rows strong{text-align:right;overflow-wrap:anywhere}
  .flight-details-duration{margin-top:8px;padding:22px 20px 30px}
  .flight-details-duration strong{font-size:28px}
}


@media(max-width:390px){
  .flight-result-card{grid-template-columns:84px minmax(0,1fr) 84px}
  .flight-company .airline-badge,.flight-company .airline-badge.has-logo{width:66px;min-width:66px;height:34px}
  .flight-details-trigger{max-width:74px;font-size:9.5px}
  .flight-route-times b{font-size:18px}
  .flight-point em{font-size:12px}
  .flight-price>strong{font-size:15.5px}
  .mobile-card-continue{width:72px;font-size:10px}
}
/* MENAXHERI v0.16.25.1 — Hide mobile price helper labels */

@media(max-width:760px){
  .flight-card .flight-price .mobile-price-prefix,
  .flight-card .flight-price .mobile-price-suffix{
    display:none!important;
  }
}

@media(max-width:760px){
  .result-leg-title{
    align-items:flex-end;
    gap:10px;
  }
  .result-leg-title h1,
  .result-leg-title h2{
    font-size:clamp(25px,7vw,34px);
    line-height:1.12;
  }
}
/* MENAXHERI v0.16.25.5 — Compact route heading */

@media(max-width:760px){
  .result-leg-title{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:10px;
    margin-bottom:6px;
  }

  .result-leg-title h1,
  .result-leg-title h2{
    display:block;
    min-width:0;
    margin:0;
    font-size:clamp(18px,4.8vw,21px);
    line-height:1.08;
    letter-spacing:-.02em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .result-leg-title .route-label{
    display:inline;
    font-size:inherit;
    line-height:inherit;
    font-weight:800;
  }

  .result-leg-title>a{
    margin:0;
    font-size:13px;
    line-height:1.15;
    white-space:nowrap;
  }

  .result-leg .date-strip{
    margin-top:0;
  }
}


@media(max-width:760px){
  .flight-result-list{gap:7px;margin-top:7px}
  .flight-result-card{
    grid-template-columns:80px minmax(0,1fr) 80px;
    min-height:120px;
    border-radius:9px;
  }
  .flight-company{gap:5px;padding:7px 4px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:62px;min-width:62px;height:31px;padding:3px 4px}
  .flight-company>strong{font-size:13px}
  .flight-details-trigger{max-width:72px;font-size:9px}

  .flight-time{gap:5px;padding:7px 5px}
  .flight-duration{font-size:10px}
  .flight-route-times{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}
  .flight-route-times b{font-size:18.5px}
  .flight-route-times i{font-size:16px}
  .flight-point em{font-size:11.5px}
  .flight-mobile-airline{padding:2px 5px;font-size:9px}

  .flight-price{gap:6px;padding:7px 4px}
  .flight-price>strong{font-size:15.5px}
  .fare-class-trigger{
    display:block;
    width:70px;
    min-width:0;
    padding:6px 3px;
    border:1px solid color-mix(in srgb,var(--brand) 34%,#d9dee8);
    border-radius:5px;
    background:#f4f6fb;
    color:var(--brand);
    box-shadow:none;
    font-size:9px;
    font-weight:850;
    line-height:1.08;
  }

  .result-actions{display:none;justify-content:stretch;margin:14px 0 26px}
  #flight-choice-form.selection-complete .result-actions{display:flex}
  .result-actions button{width:100%;min-width:0;padding:14px 18px;font-size:16px}

  .fare-class-modal{align-items:stretch;padding:0}
  .fare-class-dialog{width:100%;height:100%;border-radius:0;box-shadow:none}
  .fare-class-header{padding:18px 20px}
  .fare-class-header h2{font-size:23px}
  .fare-class-bundle{margin:22px 20px}
  .fare-class-badge{font-size:20px}
  .fare-class-bundle li{font-size:16px}

  .calendar-selection-copy{white-space:normal;line-height:1.35}
}


@media(max-width:390px){
  .flight-result-card{grid-template-columns:76px minmax(0,1fr) 76px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:58px;min-width:58px;height:29px}
  .flight-route-times b{font-size:17px}
  .flight-price>strong{font-size:14.5px}
  .fare-class-trigger{width:66px;font-size:8.5px}
}


@media(max-width:760px){
  .result-leg{margin-bottom:12px}
  .result-leg + .result-leg{margin-top:4px}
  .result-leg-title{margin-bottom:4px}
  .date-strip-shell{margin-bottom:7px}

  .flight-result-list{gap:6px;margin-top:6px}
  .flight-result-card{
    grid-template-columns:72px minmax(0,1fr) 72px;
    min-height:104px;
    border-radius:8px;
    grid-auto-flow:row;
  }
  .flight-company{gap:4px;padding:6px 3px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:56px;min-width:56px;height:28px;padding:3px}
  .flight-company>strong{font-size:12px}
  .flight-time{gap:4px;padding:6px 4px}
  .flight-duration{font-size:9.5px}
  .flight-route-times{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}
  .flight-route-times b{font-size:17px}
  .flight-route-times i{font-size:15px}
  .flight-point em{font-size:10.5px}
  .flight-mobile-airline{padding:2px 4px;font-size:8.5px}
  .flight-price{gap:3px;padding:6px 3px}
  .flight-price>strong{font-size:14.5px}
  .flight-price .fare-class-trigger{display:none!important}

  .flight-selected-actions{
    grid-column:1/-1;
    min-height:30px;
    grid-template-columns:1fr 1fr;
    align-items:stretch;
    border-top:1px solid var(--line);
    background:#fbfcfe;
  }
  .flight-result-card:has(input:checked) .flight-selected-actions{display:grid}
  .flight-selected-actions .flight-details-trigger,
  .flight-selected-actions .fare-class-trigger{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:auto;
    max-width:none;
    min-width:0;
    margin:0;
    padding:6px 8px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#60739a;
    box-shadow:none;
    font-size:10px;
    font-weight:800;
    line-height:1.1;
    text-align:center;
    text-decoration:underline;
  }
  .flight-selected-actions .fare-class-trigger{
    border-left:1px solid var(--line);
    color:var(--brand);
    text-decoration:none;
  }

  .selection-mini-summary:not([hidden]){
    display:block;
    margin:22px 0 8px;
    padding:12px;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.06);
  }
  .selection-mini-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
  .selection-mini-summary-head small,.selection-mini-total small{display:block;color:var(--muted);font-size:10px;font-weight:750}
  .selection-mini-summary-head h2{margin:2px 0 0;font-size:15px}
  .selection-mini-total{text-align:right}
  .selection-mini-total strong{display:block;margin-top:2px;color:var(--brand);font-size:16px}
  .selection-mini-legs{display:grid;gap:0}
  .selection-mini-leg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
  .selection-mini-leg>div{display:grid;gap:2px;min-width:0}
  .selection-mini-leg small{color:var(--muted);font-size:10px;font-weight:750}
  .selection-mini-leg strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .selection-mini-leg span{color:var(--muted);font-size:10.5px}
  .selection-mini-leg>b{color:var(--brand);font-size:12px;white-space:nowrap}
  .selection-mini-passengers{display:flex;justify-content:space-between;gap:10px;padding-top:9px;font-size:11px}
  .selection-mini-passengers span{color:var(--muted)}
  .selection-mini-passengers strong{text-align:right}

  .result-actions{margin:8px 0 20px}

  .fare-class-modal{align-items:flex-end;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
  .fare-class-dialog{
    width:min(520px,100%);
    height:auto;
    max-height:min(72dvh,620px);
    overflow:auto;
    border-radius:22px;
    box-shadow:0 26px 80px rgba(15,23,42,.34);
    transition:transform .22s ease;
    touch-action:pan-y;
    overscroll-behavior:contain;
  }
  .fare-class-dialog.is-dragging{transition:none}
  .fare-class-handle{display:block;width:42px;height:5px;margin:9px auto 0;border-radius:999px;background:#cfd5df}
  .fare-class-header{padding:10px 16px 13px}
  .fare-class-header h2{font-size:19px}
  .fare-class-header small{font-size:11px}
  .fare-class-close{width:38px;height:38px;font-size:25px}
  .fare-class-bundle{margin:14px 16px 18px}
  .fare-class-badge{padding:12px 14px;font-size:17px}
  .fare-class-bundle ul{padding:14px;gap:12px}
  .fare-class-bundle li{font-size:14px}
  .fare-class-bundle li span{font-size:21px}
}


@media(max-width:390px){
  .flight-result-card{grid-template-columns:68px minmax(0,1fr) 68px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:52px;min-width:52px;height:26px}
  .flight-route-times b{font-size:16px}
  .flight-price>strong{font-size:13.5px}
  .flight-selected-actions .flight-details-trigger,
  .flight-selected-actions .fare-class-trigger{font-size:9.5px}
}
/* MENAXHERI v0.16.29 — Passenger-first calendar and selected center state */

@media(max-width:760px){
  .flight-result-card:has(input:checked) .flight-duration{
    transform:translateY(4px);
    margin-bottom:2px;
  }
  .flight-selected-actions{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    padding:0 10px;
  }
  .flight-selected-actions .flight-details-trigger{
    justify-content:flex-start;
    text-align:left;
    padding-left:0;
  }
  .flight-selected-actions .fare-class-trigger{
    justify-content:flex-end;
    text-align:right;
    padding-right:0;
    border-left:0;
  }
  .flight-selected-status{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:5px 8px;
    color:var(--brand);
    font-size:10px;
    font-weight:850;
    line-height:1.1;
    white-space:nowrap;
  }
  .passenger-picker{order:4}
  .date-trigger{order:5}
  .flight-search-grid>button[type=submit]{order:6}
}

@media(max-width:390px){
  .flight-selected-actions{padding:0 7px}
  .flight-selected-status{font-size:9px;padding-inline:5px}
}

@media(max-width:760px){
  .result-leg-title{margin-bottom:10px}
  .result-leg + .result-leg{margin-top:12px}
  .flight-result-list{gap:7px;margin-top:7px}
  .flight-result-card{
    grid-template-columns:76px minmax(0,1fr) 76px;
    min-height:112px;
    border-radius:9px;
  }
  .flight-company{gap:5px;padding:7px 4px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:58px;min-width:58px;height:29px;padding:3px}
  .flight-company>strong{font-size:12.5px}
  .flight-time{gap:5px;padding:7px 5px}
  .flight-duration{font-size:10px}
  .flight-route-times{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}
  .flight-route-times b{font-size:18px}
  .flight-route-times i{font-size:16px}
  .flight-point em{font-size:11px}
  .flight-mobile-airline{font-size:9px}
  .flight-price{gap:4px;padding:7px 4px}
  .flight-price>strong{font-size:15px}
  .flight-selected-actions{min-height:32px}
  .flight-selected-actions .flight-details-trigger,
  .flight-selected-actions .fare-class-trigger{font-size:10.5px}
}

@media(max-width:390px){
  .flight-result-card{grid-template-columns:72px minmax(0,1fr) 72px;min-height:110px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:54px;min-width:54px;height:27px}
  .flight-company>strong{font-size:12px}
  .flight-route-times b{font-size:17px}
  .flight-point em{font-size:10.5px}
  .flight-price>strong{font-size:14.5px}
  .flight-selected-actions .flight-details-trigger,
  .flight-selected-actions .fare-class-trigger{font-size:10px}
}

@media(max-width:760px){
  body.public-app{background:#e3e8ee}
  .marketing-home{background:#e7ebf0}
  .marketing-home .calendar-month-tabs{
    justify-content:space-between;
    gap:4px;
    padding:8px 8px 10px;
    background:#f0f2f5;
  }
  .marketing-home .calendar-month-tab{
    flex:0 0 calc((100vw - 36px)/6);
    min-width:52px;
    max-width:62px;
    min-height:58px;
    padding:8px 2px;
    border-radius:10px;
  }
  .marketing-home .calendar-month-tab strong{font-size:11.5px;line-height:1.1}
  .marketing-home .calendar-month-tab small{margin-top:4px;font-size:9px;line-height:1.15;white-space:normal}
  .marketing-home .calendar-months{background:#f6f7f9}

  .result-leg + .result-leg{margin-top:34px!important;padding-top:2px}
  .result-leg-title{margin-bottom:10px}
  .flight-result-card{
    grid-template-columns:82px minmax(0,1fr) 82px;
    min-height:124px;
    border-radius:10px;
  }
  .flight-company{gap:6px;padding:8px 4px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:64px;min-width:64px;height:32px;padding:3px 4px}
  .flight-company>strong{font-size:13.5px;line-height:1.12}
  .flight-time{gap:6px;padding:8px 6px}
  .flight-duration{font-size:10.5px}
  .flight-route-times{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}
  .flight-route-times b{font-size:20px}
  .flight-route-times i{font-size:17px}
  .flight-point em{font-size:12.5px}
  .flight-mobile-airline{padding:2px 6px;font-size:9.5px}
  .flight-price{gap:5px;padding:8px 5px}
  .flight-price>strong{font-size:17px;line-height:1.12}
  .flight-selected-actions{min-height:34px}
  .flight-selected-actions .flight-details-trigger,
  .flight-selected-actions .fare-class-trigger{font-size:11px}
}

@media(max-width:390px){
  .flight-result-card{grid-template-columns:78px minmax(0,1fr) 78px;min-height:122px}
  .flight-company .airline-badge,
  .flight-company .airline-badge.has-logo{width:60px;min-width:60px;height:30px}
  .flight-company>strong{font-size:13px}
  .flight-route-times b{font-size:19px}
  .flight-point em{font-size:12px}
  .flight-price>strong{font-size:16px}
  .flight-selected-actions .flight-details-trigger,
  .flight-selected-actions .fare-class-trigger{font-size:10.5px}
}
/* PUBLIC_MOBILE_HEADER_BG_SPACING_V0162910 */

@media (max-width: 760px) {
  html body .marketing-home .hero,
  html body .marketing-home .search-shell,
  html body .marketing-home .search-card,
  html body .marketing-home .results-shell,
  html body .marketing-home .results-panel,
  html body .marketing-home .selection-summary,
  html body .marketing-home .results-card,
  html body .marketing-home .itinerary-card,
  html body .marketing-home .calendar-sheet,
  html body .marketing-home .search-form {
    background: #edf0f4 !important;
  }

  html body .marketing-home .results-body,
  html body .marketing-home .results-list,
  html body .marketing-home .calendar-panel,
  html body .marketing-home .calendar-grid,
  html body .marketing-home .trip-group,
  html body .marketing-home .results-page,
  html body .marketing-home .results-body .results-shell,
  html body .marketing-home .trip-title-row,
  html body .marketing-home .results-card-body {
    background: #dde2e9 !important;
  }

  html body .marketing-home .marketing-header,
  html body .marketing-home .marketing-header .container {
    min-height: 114px !important;
  }

  html body .marketing-home .marketing-header .container {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  html body .marketing-home .brand-mark {
    transform: scale(1.30) !important;
    transform-origin: left center !important;
  }

  html body .marketing-home .brand-logo img {
    height: 24px !important;
    width: auto !important;
  }

  html body .marketing-home .brand-title {
    font-size: 28px !important;
    line-height: 1.12 !important;
  }

  html body .marketing-home .lang-pill {
    min-height: 48px !important;
    padding: 7px !important;
  }

  html body .marketing-home .lang-pill button {
    min-width: 46px !important;
    min-height: 40px !important;
    font-size: 17px !important;
  }

  html body .marketing-home .header-actions .auth-link {
    min-height: 50px !important;
    padding: 12px 20px !important;
    font-size: 18px !important;
  }

  html body .marketing-home .trip-section {
    margin-top: 38px !important;
  }

  html body .marketing-home .trip-group + .trip-group {
    margin-top: 46px !important;
  }

  html body .marketing-home .trip-title-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    min-height: 72px !important;
    padding: 8px 0 18px !important;
    margin-bottom: 14px !important;
    gap: 14px !important;
  }

  html body .marketing-home .trip-title-row h2 {
    font-size: 31px !important;
    line-height: 1.08 !important;
    margin: 0 !important;
  }

  html body .marketing-home .trip-title-row .change-search-link {
    font-size: 17px !important;
    line-height: 1.2 !important;
    align-self: flex-end !important;
    white-space: nowrap !important;
  }

  html body .marketing-home .calendar-strip {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  html body .marketing-home .calendar-month-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    padding: 10px 8px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    background: #eef1f5 !important;
    border-bottom: 1px solid #d7dde6 !important;
  }

  html body .marketing-home .calendar-month-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body .marketing-home .calendar-month-tab {
    flex: 0 0 116px !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    min-height: 72px !important;
    padding: 9px 8px !important;
    border-radius: 12px !important;
    scroll-snap-align: start !important;
  }

  html body .marketing-home .calendar-month-tab strong {
    display: block !important;
    margin: 0 0 4px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
  }

  html body .marketing-home .calendar-month-tab small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }
}


@media (max-width: 430px) {
  html body .marketing-home .marketing-header,
  html body .marketing-home .marketing-header .container {
    min-height: 108px !important;
  }

  html body .marketing-home .brand-logo img {
    height: 22px !important;
  }

  html body .marketing-home .brand-title {
    font-size: 26px !important;
  }

  html body .marketing-home .lang-pill button {
    min-width: 44px !important;
    min-height: 38px !important;
    font-size: 16px !important;
  }

  html body .marketing-home .header-actions .auth-link {
    min-height: 48px !important;
    padding: 11px 18px !important;
    font-size: 17px !important;
  }

  html body .marketing-home .trip-title-row {
    min-height: 68px !important;
    padding: 6px 0 16px !important;
    margin-bottom: 12px !important;
  }

  html body .marketing-home .trip-title-row h2 {
    font-size: 28px !important;
  }

  html body .marketing-home .trip-title-row .change-search-link {
    font-size: 16px !important;
  }

  html body .marketing-home .calendar-month-tab {
    flex: 0 0 108px !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    min-height: 68px !important;
    padding: 8px 7px !important;
  }

  html body .marketing-home .calendar-month-tab strong {
    font-size: 15px !important;
  }

  html body .marketing-home .calendar-month-tab small {
    font-size: 10px !important;
  }
}


@media (max-width: 390px) {
  html body .marketing-home .calendar-month-tabs {
    gap: 7px !important;
    padding-inline: 6px !important;
  }

  html body .marketing-home .calendar-month-tab {
    flex: 0 0 102px !important;
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    min-height: 66px !important;
    padding: 8px 6px !important;
  }

  html body .marketing-home .calendar-month-tab strong {
    font-size: 14px !important;
  }

  html body .marketing-home .calendar-month-tab small {
    font-size: 9.5px !important;
  }
}
/* PUBLIC_FINAL_CALENDAR_HEADER_SPEED_V0162913 */

@media(max-width:760px){
  body.public-app .topbar{
    min-height:118px!important;
    height:auto!important;
    padding:16px 14px!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    align-items:center!important;
    background:#fff!important;
  }
  body.public-app .topbar .brand{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:10px!important;
  }
  body.public-app .topbar .brand img{
    width:52px!important;
    height:48px!important;
    max-width:52px!important;
    max-height:48px!important;
    object-fit:contain!important;
    transform:scale(1.32)!important;
    transform-origin:left center!important;
    margin-right:7px!important;
  }
  body.public-app .topbar .brand span{
    font-size:21px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  body.public-app .topbar nav{
    width:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    gap:7px!important;
    padding:0!important;
    margin-left:auto!important;
    overflow:visible!important;
    align-items:center!important;
  }
  body.public-app .topbar nav button,
  body.public-app .topbar nav [role="button"]{
    min-height:42px!important;
    font-size:15px!important;
  }
  body.public-app .topbar nav .public-login-link,
  body.public-app .topbar nav>a:last-child{
    min-height:50px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:11px 15px!important;
    border-radius:11px!important;
    font-size:16px!important;
  }
  body.public-app .topbar nav [class*="lang"],
  body.public-app .topbar nav [class*="language"],
  body.public-app .topbar nav>form:not(.inline-form),
  body.public-app .topbar nav>div{
    min-height:50px!important;
  }
  body.public-app .topbar nav [class*="lang"] button,
  body.public-app .topbar nav [class*="lang"] a,
  body.public-app .topbar nav [class*="language"] button,
  body.public-app .topbar nav [class*="language"] a,
  body.public-app .topbar nav>form:not(.inline-form) button,
  body.public-app .topbar nav>form:not(.inline-form) a,
  body.public-app .topbar nav>div button,
  body.public-app .topbar nav>div a{
    min-width:39px!important;
    min-height:39px!important;
    font-size:15px!important;
  }

  body.public-app:has(#flight-choice-form),
  body.public-app:has(#flight-choice-form) .public-content{
    background:#d4dae3!important;
  }
  body.public-app:has(#flight-choice-form) .public-content{
    padding-top:0!important;
  }
  #flight-choice-form{
    padding-top:42px!important;
    background:transparent!important;
  }
  #flight-choice-form>.result-leg{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  #flight-choice-form>.result-leg+.result-leg{
    margin-top:42px!important;
  }
  #flight-choice-form .flight-result-card,
  #flight-choice-form .date-strip-shell{
    background:#fff!important;
  }
}

@media(max-width:430px){
  body.public-app .topbar{
    min-height:114px!important;
    padding:15px 10px!important;
    gap:7px!important;
  }
  body.public-app .topbar .brand{gap:7px!important}
  body.public-app .topbar .brand img{
    width:48px!important;
    height:44px!important;
    max-width:48px!important;
    max-height:44px!important;
    transform:scale(1.28)!important;
    margin-right:5px!important;
  }
  body.public-app .topbar .brand span{font-size:19px!important}
  body.public-app .topbar nav{gap:5px!important}
  body.public-app .topbar nav .public-login-link,
  body.public-app .topbar nav>a:last-child{
    min-height:48px!important;
    padding:10px 12px!important;
    font-size:15px!important;
  }
  body.public-app .topbar nav [class*="lang"] button,
  body.public-app .topbar nav [class*="lang"] a,
  body.public-app .topbar nav [class*="language"] button,
  body.public-app .topbar nav [class*="language"] a,
  body.public-app .topbar nav>form:not(.inline-form) button,
  body.public-app .topbar nav>form:not(.inline-form) a,
  body.public-app .topbar nav>div button,
  body.public-app .topbar nav>div a{
    min-width:36px!important;
    min-height:36px!important;
    font-size:14px!important;
  }
}
/* PUBLIC_MONTHS_HEADER_FINAL_V0162914
   AirBaltic-like month strip: six tall/narrow cards visible, with horizontal
   scrolling for all later months. Header is 2 mm taller and the logo is larger. */

@media (max-width: 760px) {
  html body.public-app .marketing-home #calendar-month-tabs {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-template-rows: 92px !important;
    grid-auto-columns: calc((100% - 25px) / 6) !important;
    justify-content: start !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 5px !important;
    padding: 10px 8px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    background: #e7ebf1 !important;
    border-bottom: 1px solid #cbd3de !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab {
    box-sizing: border-box !important;
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 92px !important;
    min-height: 92px !important;
    padding: 10px 2px 8px !important;
    border: 1px solid #bfc8d5 !important;
    border-radius: 8px !important;
    background: #fff !important;
    scroll-snap-align: start !important;
    overflow: hidden !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab.active {
    background: var(--tenant-primary) !important;
    border-color: var(--tenant-primary) !important;
    color: #fff !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab strong {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab small {
    display: block !important;
    min-height: 19px !important;
    margin: 0 !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab .calendar-month-plane {
    display: block !important;
    margin-top: 6px !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  html body.public-app .topbar {
    min-height: 122px !important;
    height: auto !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  html body.public-app .topbar .brand {
    gap: 12px !important;
    overflow: visible !important;
  }

  /* STAGE8_HEADER_LOGO_VARIABLE_FIX_V1: was a fixed 52px box enlarged via
     transform:scale(1.62) to LOOK ~84px tall - since transform doesn't
     reflow layout, that visual size could overflow past the topbar's own
     (now correctly configurable) height. Sets the real height directly from
     --tenant-topbar-logo-mobile instead, so the logo always fits inside the
     header it's actually rendered in. 52px stays the default for operators
     who haven't customized it. */
  html body.public-app .topbar .brand img {
    width: auto !important;
    /* min() caps the logo to whatever vertical room the header's own
       17px+2px padding actually leaves, however tall --tenant-topbar-logo-
       mobile is configured - the operator can still set the logo AS TALL
       as the header itself without it visually overflowing past the box. */
    height: min(var(--tenant-topbar-logo-mobile,52px), calc(var(--tenant-topbar-height-mobile,107px) - 19px)) !important;
    max-width: 58px !important;
    max-height: min(var(--tenant-topbar-logo-mobile,52px), calc(var(--tenant-topbar-height-mobile,107px) - 19px)) !important;
    /* cancels the lower-specificity, non-"html"-prefixed .brand img rules
       further up this file that still set transform:scale(...) - those no
       longer compete on height/max-height (this rule wins those), but
       transform is a separate property that would otherwise still apply
       and visually re-enlarge the box past its own configured height. */
    transform: none !important;
    margin-left: 4px !important;
    margin-right: 20px !important;
    object-fit: contain !important;
  }

  /* STAGE8B_FLORI_LOGO_REGRESSION_FIX_V1: the transform:none above (needed
     for Aero Blue/Skyline, whose own template files never set `transform`
     on this element at all) unintentionally also reached Flori/Next Fly,
     because flori's own home.html rule for this element likewise never
     declares `transform` - so this shared file's declaration was the only
     one in the cascade, and removing it shrank the Next Fly mobile logo
     from its actual pre-Stage-8 rendered size (a 30px box visually enlarged
     via this exact scale) down to a bare, unscaled 30px. Restores that
     scale for flori ONLY, via the extra [data-public-template="flori"]
     attribute selector, which is more specific than the transform:none
     rule above - Aero Blue/Skyline/Fly Away keep transform:none untouched. */
  html[data-public-template="flori"] body.public-app .topbar .brand img {
    transform: scale(1.62) !important;
    transform-origin: left center !important;
  }

  html body.public-app .topbar .brand span {
    font-size: 22px !important;
  }
}


@media (max-width: 430px) {
  html body.public-app .marketing-home #calendar-month-tabs {
    grid-template-rows: 90px !important;
    grid-auto-columns: calc((100% - 25px) / 6) !important;
    gap: 5px !important;
    padding-inline: 7px !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab {
    height: 90px !important;
    min-height: 90px !important;
    padding-inline: 1px !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab strong {
    font-size: 11.5px !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab small {
    font-size: 8px !important;
  }

  html body.public-app .topbar {
    min-height: 122px !important;
    padding: 17px 10px !important;
  }

  /* STAGE8_HEADER_LOGO_VARIABLE_FIX_V1: same fix as the max-width:760px
     block above. */
  html body.public-app .topbar .brand img {
    width: auto !important;
    height: min(var(--tenant-topbar-logo-mobile,50px), calc(var(--tenant-topbar-height-mobile,107px) - 19px)) !important;
    max-width: 56px !important;
    max-height: min(var(--tenant-topbar-logo-mobile,50px), calc(var(--tenant-topbar-height-mobile,107px) - 19px)) !important;
    transform: none !important;
    margin-right: 20px !important;
  }

  /* STAGE8B_FLORI_LOGO_REGRESSION_FIX_V1: same restoration as the
     max-width:760px block above, for this narrower breakpoint's own
     original scale value. */
  html[data-public-template="flori"] body.public-app .topbar .brand img {
    transform: scale(1.68) !important;
  }

  html body.public-app .topbar .brand span {
    font-size: 21px !important;
  }
}


@media (max-width: 390px) {
  html body.public-app .marketing-home #calendar-month-tabs {
    grid-auto-columns: calc((100% - 20px) / 5) !important;
    grid-template-rows: 90px !important;
    gap: 5px !important;
    padding-inline: 6px !important;
  }

  html body.public-app .marketing-home #calendar-month-tabs > .calendar-month-tab {
    height: 90px !important;
    min-height: 90px !important;
  }
}


@media (max-width: 760px) {
  html body.public-app .marketing-home .calendar-top {
    min-height: 66px !important;
    padding: 11px 16px 9px !important;
    gap: 12px !important;
  }

  html body.public-app .marketing-home .calendar-top strong {
    font-size: 21px !important;
    line-height: 1.1 !important;
  }

  html body.public-app .marketing-home .calendar-back {
    min-width: 91px !important;
    height: 40px !important;
    padding-inline: 12px !important;
    font-size: 14px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab {
    min-height: 76px !important;
    padding: 11px 8px 10px !important;
    gap: 6px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > span {
    font-size: 17px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > strong {
    font-size: 13px !important;
  }

  /*
   v0.16.29.14:
     min-height 122 px, top 17 px, bottom 17 px.
   Tani hiqen rreth 4 mm = 15 px vetëm nga pjesa e poshtme:
     min-height 107 px, top 17 px, bottom 2 px.
   Pozicioni i logos/gjuhëve/Login-it nuk ulet.
   STAGE8_HEADER_HEIGHT_VARIABLE_FIX_V1: height/min-height were hardcoded to
   107px, completely ignoring --tenant-topbar-height-mobile (this is the
   rule that actually wins the cascade on phone widths for every template
   except flori, which has its own separate fix) - the operator's own
   configured mobile header height was silently thrown away. 107px stays as
   the default for operators who haven't customized it; height is now a
   real fixed value again (was `auto`) so the box's outer size genuinely
   matches the configured px value regardless of padding/content.
  */
  html body.public-app .topbar {
    min-height: var(--tenant-topbar-height-mobile,107px) !important;
    height: var(--tenant-topbar-height-mobile,107px) !important;
    padding-top: 17px !important;
    padding-bottom: 2px !important;
  }
}


@media (max-width: 430px) {
  html body.public-app .marketing-home .calendar-top {
    min-height: 64px !important;
    padding: 10px 13px 8px !important;
  }

  html body.public-app .marketing-home .calendar-top strong {
    font-size: 20px !important;
  }

  html body.public-app .marketing-home .calendar-back {
    min-width: 86px !important;
    height: 38px !important;
    padding-inline: 10px !important;
    font-size: 13px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab {
    min-height: 73px !important;
    padding-inline: 6px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > span {
    font-size: 16px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > strong {
    font-size: 12px !important;
  }

  /* STAGE8_HEADER_HEIGHT_VARIABLE_FIX_V1: same fix as the max-width:760px
     block above - min-height was hardcoded, ignoring the operator's own
     configured value. */
  html body.public-app .topbar {
    min-height: var(--tenant-topbar-height-mobile,107px) !important;
    height: var(--tenant-topbar-height-mobile,107px) !important;
    padding-top: 17px !important;
    padding-bottom: 2px !important;
  }
}


@media (max-width: 760px) {
  html body.public-app .marketing-home .calendar-top {
    min-height: 48px !important;
    padding: 4px 12px !important;
    gap: 10px !important;
  }

  html body.public-app .marketing-home .calendar-top strong {
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  html body.public-app .marketing-home .calendar-back {
    min-width: 91px !important;
    height: 40px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab {
    min-height: 68px !important;
    padding: 8px 7px 7px !important;
    gap: 4px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > span {
    font-size: 16px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > strong {
    font-size: 12px !important;
  }

  html body.public-app .marketing-home .calendar-footer-summary {
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
  }
}


@media (max-width: 430px) {
  html body.public-app .marketing-home .calendar-top {
    min-height: 46px !important;
    padding: 4px 10px !important;
  }

  html body.public-app .marketing-home .calendar-top strong {
    font-size: 17px !important;
  }

  html body.public-app .marketing-home .calendar-back {
    min-width: 86px !important;
    height: 38px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab {
    min-height: 65px !important;
    padding: 7px 5px 6px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > span {
    font-size: 15px !important;
  }

  html body.public-app .marketing-home .calendar-trip-tab > strong {
    font-size: 11.5px !important;
  }

  html body.public-app .marketing-home .calendar-footer-main {
    grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr) !important;
    gap: 8px !important;
  }

  html body.public-app .marketing-home .calendar-footer-dates {
    gap: 6px !important;
  }

  html body.public-app .marketing-home .calendar-footer-item,
  html body.public-app .marketing-home .calendar-footer-price {
    padding: 7px 6px !important;
    border-radius: 9px !important;
  }

  html body.public-app .marketing-home .calendar-footer-item > span,
  html body.public-app .marketing-home .calendar-footer-price > span {
    font-size: 8.5px !important;
    letter-spacing: .02em !important;
  }

  html body.public-app .marketing-home .calendar-footer-item > strong,
  html body.public-app .marketing-home .calendar-footer-price > strong {
    font-size: 11px !important;
  }
}


@media (max-width: 430px) {
  html body.public-app .marketing-home .calendar-footer-summary {
    gap: 9px !important;
    padding: 10px 13px calc(11px + env(safe-area-inset-bottom)) !important;
  }

  html body.public-app .marketing-home .calendar-footer-dates {
    gap: 8px !important;
  }

  html body.public-app .marketing-home .calendar-footer-item {
    min-height: 62px !important;
    padding: 8px 10px !important;
  }

  html body.public-app .marketing-home .calendar-footer-item > span {
    font-size: 10px !important;
  }

  html body.public-app .marketing-home .calendar-footer-item > strong {
    font-size: 14px !important;
  }

  html body.public-app .marketing-home .calendar-search-with-total {
    min-height: 56px !important;
    gap: 9px !important;
    padding: 6px 9px 6px 14px !important;
  }

  html body.public-app .marketing-home .calendar-search-label {
    font-size: 15px !important;
  }

  html body.public-app .marketing-home .calendar-search-total {
    min-width: 103px !important;
    padding-left: 9px !important;
  }

  html body.public-app .marketing-home .calendar-search-total > small {
    font-size: 8px !important;
  }

  html body.public-app .marketing-home .calendar-search-total > strong {
    font-size: 12.5px !important;
  }
}


@media (max-width: 430px) {
  html body.public-app .marketing-home .calendar-search-label {
    font-size: 17px !important;
    padding: 0 10px !important;
  }

  html body.public-app .marketing-home .calendar-search-total {
    padding: 0 10px !important;
  }

  html body.public-app .marketing-home .calendar-search-total > small {
    font-size: 11px !important;
  }

  html body.public-app .marketing-home .calendar-search-total > strong {
    font-size: 17px !important;
  }
}


@media(max-width:760px){
  .booking-layout {
    width: min(100% - 20px,1080px) !important;
  }

  .booking-layout .booking-main {
    gap: 12px !important;
  }

  .booking-payment-heading {
    align-items: flex-start !important;
  }

  .booking-currency-inline {
    display: grid !important;
    gap: 4px !important;
    font-size: 12px !important;
  }

  .booking-local-flight-times small {
    font-size: 11px !important;
  }
}

@media (max-width:680px) {
  html body.public-app .marketing-home .commercial-hero {
    min-height: var(--tenant-hero-height-mobile,455px) !important;
  }
  html body.public-app .marketing-home .commercial-hero-inner {
    width: min(var(--tenant-hero-content-width,1220px),calc(100% - 32px)) !important;
  }
}

@media(max-width:680px){
  body.public-app .marketing-home.public-hero-hidden .booking-stage{
    padding-top:14px!important;
  }
}


@media (max-width: 760px) {
  html body.public-app .marketing-home .offers-inline-location {
    margin-top: 14px !important;
  }

  html body.public-app .marketing-home .offers-inline-location .section-head {
    display: none !important;
  }

  html body.public-app .marketing-home .offers-inline-location .offers-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 13px !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 2px 2px 14px !important;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  html body.public-app .marketing-home .offers-inline-location .offers-grid::-webkit-scrollbar {
    display: none;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-card {
    flex: 0 0 min(82vw,340px) !important;
    width: min(82vw,340px) !important;
    scroll-snap-align: start;
    border-radius: 17px !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.11) !important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-media {
    height: 145px !important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-body {
    padding: 15px 16px 17px !important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-route {
    font-size: 18px !important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-price {
    margin-top: 12px !important;
    padding-top: 11px !important;
  }

  html body.public-app .public-footer-compact .public-footer-tabs button {
    min-height: 52px;
    padding-inline: 3px;
    font-size: 12px;
  }

  html body.public-app .public-footer-compact .public-footer-panel {
    padding: 18px 14px;
  }

  html body.public-app .public-footer-compact .public-footer-panel-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
  }

  html body.public-app .public-footer-compact .public-footer-panel-grid a {
    justify-content: center;
    min-height: 42px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 9px;
  }
}


@media (max-width:760px) {
  html.public-menu-open,
  html[data-public-template="flori"].public-menu-open body {
    overflow: hidden !important;
  }

  html[data-public-template="flori"] body.public-app .topbar nav .public-login-link {
    display: none !important;
  }

  html[data-public-template="flori"] body.public-app .public-mobile-menu-toggle {
    display: grid !important;
    place-items: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 1px solid #dfe4eb;
    border-radius: 11px;
    background: #ffffff;
    color: #172033;
    box-shadow: none;
    font: inherit;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
  }

  /* FAST_PATCH_LOGIN_DRAWER_ROOT_CAUSE_V1: same broadening as app-shared.css -
     was flori-only, meaning non-flori operators (aero_blue: Shqip Fly, Sky
     Express) got no mobile positioning CSS at all for #public-mobile-drawer on
     any page that renders the shared root templates/base.html directly (e.g.
     /login/), so it rendered in normal flow instead of as a hidden off-canvas
     drawer. Brand-neutral overlay mechanics, safe to apply universally. */
  body.public-app .public-mobile-drawer-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1190;
    background: rgba(15,23,42,.58);
    opacity: 1;
    transition: opacity .22s ease;
  }

  body.public-app .public-mobile-drawer-backdrop[hidden] {
    display: none !important;
  }

  body.public-app .public-mobile-drawer {
    display: flex;
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1200;
    width: min(72vw,340px);
    max-width: calc(100vw - 58px);
    height: 100dvh;
    flex-direction: column;
    background: #ffffff;
    color: #172033;
    box-shadow: 22px 0 55px rgba(15,23,42,.24);
    transform: translateX(-105%);
    transition: transform .24s ease;
    visibility: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.public-app .public-mobile-drawer.open {
    transform: translateX(0);
    visibility: visible;
  }

  body.public-app .public-mobile-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 92px;
    padding: calc(16px + env(safe-area-inset-top)) 20px 16px;
    border-bottom: 1px solid #e7eaf0;
  }

  body.public-app .public-mobile-drawer-brand {
    display: inline-flex;
    align-items: center;
    margin: 0;
  }

  body.public-app .public-mobile-drawer-brand img {
    display: block;
    width: auto;
    max-width: 170px;
    max-height: 54px;
    object-fit: contain;
  }

  body.public-app .public-mobile-drawer-close {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f2f4f7;
    color: #172033;
    font: inherit;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
  }

  body.public-app .public-mobile-drawer-nav {
    display: grid;
    padding: 8px 0 calc(28px + env(safe-area-inset-bottom));
  }

  body.public-app .public-mobile-drawer-nav > a,
  body.public-app .public-mobile-drawer-nav > form button {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 10px 22px;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    border-radius: 0;
    background: #ffffff;
    color: #263244;
    text-align: left;
    text-decoration: none;
    font: inherit;
    font-size: 16px;
    font-weight: 720;
    cursor: pointer;
  }

  body.public-app .public-mobile-drawer-nav > a:hover,
  body.public-app .public-mobile-drawer-nav > form button:hover {
    background: color-mix(in srgb,var(--tenant-primary) 7%,white);
    color: var(--tenant-primary);
  }

  body.public-app .public-mobile-drawer-nav > form {
    margin: 0;
  }

  body.public-app .public-mobile-drawer-divider {
    display: block;
    height: 10px;
    background: #f3f5f8;
    border-top: 1px solid #e8ebf0;
    border-bottom: 1px solid #e8ebf0;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .module-launcher {
    display: none !important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .booking-panel {
    padding-top: 14px !important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .offers-inline-location .offers-grid {
    gap: 12px !important;
    padding-right: 18vw !important;
    scroll-padding-left: 2px !important;
  }

  /* CARD_SIZE_REVERTED_PER_USER_V1: perdoruesi kerkoi qe madhesia e
     kartave (gjeresia+lartesia) te kthehet si origjinali - hequr override-i
     68vw/aspect-ratio 4:5, mbetet formula origjinale min(82vw,340px) / 145px. */

  html[data-public-template="flori"] body.public-app .marketing-home .offers-inline-location .offer-body {
    padding: 14px 15px 16px !important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .offers-inline-location .offer-route {
    font-size: 17px !important;
    line-height: 1.18 !important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .offers-inline-location .offer-meta {
    margin-top: 7px !important;
    font-size: 12px !important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .offers-inline-location .offer-price {
    margin-top: 11px !important;
    padding-top: 10px !important;
  }

  html[data-public-template="flori"] body.public-app .marketing-home .offers-inline-location .offer-price strong {
    font-size: 19px !important;
  }
}


@media (max-width:380px) {
  /* FAST_PATCH_LOGIN_DRAWER_ROOT_CAUSE_V1: broadened, same reasoning as above. */
  body.public-app .public-mobile-drawer {
    width: min(78vw,300px);
  }
}

@media(max-width:680px){
  html body.public-app .public-hero-mobile-hidden .commercial-hero{display:none!important}
  html body.public-app .public-hero-mobile-hidden .booking-stage{margin-top:24px!important}
}

@media(max-width:760px){
  html body.public-app .passenger-popover:not([hidden]){animation:passenger-rise-v0162937 .42s cubic-bezier(.2,.78,.25,1) both!important;transform-origin:center bottom}
  @keyframes passenger-rise-v0162937{from{transform:translate3d(0,calc(100% + 36px),0);opacity:.55}to{transform:translate3d(0,0,0);opacity:1}}
  /* PUBLIC_SLOW_SMOOTH_SHEET_ANIMATIONS_V1: kalendari s'kishte fare animim rreshqitje - i shtohet njesoj si dritaret e tjera */
  html body.public-app .calendar-overlay:not([hidden]) .calendar-dialog{animation:calendar-rise-v1 .42s cubic-bezier(.2,.78,.25,1) both}
  @keyframes calendar-rise-v1{from{transform:translate3d(0,calc(100% + 36px),0);opacity:.55}to{transform:translate3d(0,0,0);opacity:1}}
  html body.public-app .calendar-overlay:not([hidden]){animation:calendar-backdrop-fade-v1 .42s ease both}
  @keyframes calendar-backdrop-fade-v1{from{opacity:0}to{opacity:1}}
  html.airport-sheet-open,html.airport-sheet-open body{overflow:hidden!important}
  html body.public-app .mobile-airport-native{display:none!important}
  html body.public-app .mobile-airport-trigger{display:block;width:100%;min-height:44px;padding:0 36px 0 0;border:0;background:transparent;color:#111827;text-align:left;font:inherit;font-size:17px;font-weight:850}
  html body.public-app .mobile-airport-sheet-backdrop{display:block;position:fixed;inset:0;z-index:1300;background:rgba(15,23,42,.48);opacity:0;transition:opacity .25s}
  html body.public-app .mobile-airport-sheet-backdrop[hidden],html body.public-app .mobile-airport-sheet[hidden]{display:none!important}
  html body.public-app .mobile-airport-sheet-backdrop.open{opacity:1}
  html body.public-app .mobile-airport-sheet{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1310;height:min(88dvh,820px);flex-direction:column;overflow:hidden;touch-action:pan-y;border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -24px 70px rgba(15,23,42,.28);transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.78,.25,1)}
  html body.public-app .mobile-airport-sheet.open{transform:translateY(0)}
  html body.public-app .mobile-airport-sheet:before{content:"";width:42px;height:5px;margin:10px auto 2px;border-radius:999px;background:#d6dbe4}
  html body.public-app .mobile-airport-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px}
  html body.public-app .mobile-airport-sheet-head strong{font-size:20px;font-weight:900}
  html body.public-app .mobile-airport-sheet-head button{width:42px;height:42px;padding:0;border:1px solid #dfe4eb;border-radius:50%;background:#f7f8fa;color:#172033;font-size:27px}
  html body.public-app .mobile-airport-search{min-height:52px;margin:4px 16px 12px;padding:0 14px;border:1px solid #cfd6e0;border-radius:14px;background:#fff;color:#172033;font:inherit;font-size:16px}
  html body.public-app .mobile-airport-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding:0 16px calc(22px + env(safe-area-inset-bottom))}
  html body.public-app .mobile-airport-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-height:62px;padding:10px 4px;border:0;border-bottom:1px solid #e2e6ec;border-radius:0;background:#fff;color:#172033;text-align:left;font:inherit}
  html body.public-app .mobile-airport-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}
  html body.public-app .mobile-airport-option strong{font-size:16px;letter-spacing:.04em}
  html body.public-app .mobile-airport-option.selected{color:var(--tenant-primary);font-weight:850}
}
/* PUBLIC_MOBILE_COMPACT_SEARCH_V0162938 */

@media(max-width:760px){
  html body.public-app .marketing-home .booking-stage{width:calc(100% - 10px)!important}
  html body.public-app .marketing-home.public-hero-mobile-hidden .booking-stage{margin-top:5px!important;padding-top:0!important}
  html body.public-app .marketing-home .booking-panel{padding:8px!important;border-radius:18px!important}
  html body.public-app .marketing-home .module-launcher{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;margin:0 0 8px!important;padding:0 0 8px!important;overflow:visible!important;border-bottom:1px solid #eceff3!important}
  html body.public-app .marketing-home .module-launcher>a{display:flex!important;min-width:0!important;min-height:34px!important;height:34px!important;padding:0 5px!important;border-radius:9px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}
  html body.public-app .marketing-home .module-launcher>a:nth-child(n+4){display:none!important}
  html body.public-app .marketing-home .trip-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 8px!important}
  html body.public-app .marketing-home .trip-switch label,html body.public-app .marketing-home .trip-switch span{min-width:0!important;width:100%!important}
  html body.public-app .marketing-home .trip-switch span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:7px 5px!important;text-align:center!important;font-size:13px!important;line-height:1.1!important}
  html body.public-app .marketing-home .flight-search-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch!important;overflow:visible!important}
  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child{grid-column:1/-1!important;order:1!important}
  html body.public-app .marketing-home .flight-search-grid>.route-swap{grid-column:1/-1!important;order:2!important}
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){grid-column:1/-1!important;order:3!important}
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{grid-column:1!important;order:4!important;min-width:0!important;border-right:1px solid #e5e8ed!important;border-bottom:0!important}
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{grid-column:2!important;order:5!important;min-width:0!important;border-top:0!important;border-right:0!important;border-bottom:0!important}
  html body.public-app .marketing-home .flight-search-grid>#search-submit{grid-column:1/-1!important;order:6!important;min-height:54px!important}
  html body.public-app .marketing-home #passenger-picker,html body.public-app .marketing-home #date-trigger{min-height:92px!important}
  html body.public-app .marketing-home #passenger-trigger,html body.public-app .marketing-home #date-trigger{min-width:0!important;min-height:92px!important;padding:10px 11px!important;align-content:center!important}
  html body.public-app .marketing-home #passenger-trigger>span,html body.public-app .marketing-home #date-trigger>span{font-size:10px!important;letter-spacing:.065em!important}
  html body.public-app .marketing-home #passenger-summary{display:grid!important;gap:2px!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13px!important;line-height:1.08!important}
  html body.public-app .marketing-home #passenger-summary .passenger-summary-line{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body.public-app .marketing-home #date-display{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;font-size:14px!important;line-height:1.15!important}
}

@media(max-width:380px){
  html body.public-app .marketing-home .module-launcher>a{font-size:11px!important}
  html body.public-app .marketing-home #passenger-summary{font-size:12px!important}
  html body.public-app .marketing-home #date-display{font-size:13px!important}
}
/* PUBLIC_MOBILE_FIT_TO_SCREEN_AND_OFFER_OVERLAY_V0162939 */

@media(max-width:760px){
  html body.public-app .marketing-home .booking-stage{
    width:calc(100% - var(--tenant-mobile-booking-side-gap,5px) - var(--tenant-mobile-booking-side-gap,5px))!important;
  }
  html body.public-app .marketing-home .booking-panel{padding:6px!important}

  html body.public-app .marketing-home .module-launcher{
    min-height:calc(var(--tenant-mobile-module-height,34px) + 8px)!important;
    margin-bottom:5px!important;padding-bottom:5px!important;gap:5px!important;
  }
  html body.public-app .marketing-home .module-launcher>a{
    height:var(--tenant-mobile-module-height,34px)!important;
    min-height:var(--tenant-mobile-module-height,34px)!important;
    border-radius:8px!important;font-size:12px!important;
  }

  html body.public-app .marketing-home .trip-switch{
    position:relative!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:1px!important;margin:0 0 5px!important;padding:2px!important;
    min-height:calc(var(--tenant-mobile-trip-height,34px) + 4px)!important;
    border:1px solid #d9dee6!important;border-radius:9px!important;background:#dfe4ea!important;overflow:hidden!important;
  }
  html body.public-app .marketing-home .trip-switch label{margin:0!important;min-height:var(--tenant-mobile-trip-height,34px)!important}
  html body.public-app .marketing-home .trip-switch span{
    min-height:var(--tenant-mobile-trip-height,34px)!important;height:var(--tenant-mobile-trip-height,34px)!important;
    padding:0 6px!important;border:0!important;border-radius:7px!important;background:#f3f5f7!important;
    font-size:12px!important;line-height:1.05!important;box-shadow:none!important;
  }
  html body.public-app .marketing-home .trip-switch input:checked+span{
    background:#fff!important;color:var(--tenant-primary)!important;box-shadow:0 2px 7px rgba(15,23,42,.12)!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child,
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    height:var(--tenant-mobile-airport-height,76px)!important;
    min-height:var(--tenant-mobile-airport-height,76px)!important;
    padding:7px 14px!important;align-content:center!important;gap:4px!important;
  }
  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child>span,
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2)>span{font-size:9px!important}
  html body.public-app .marketing-home .mobile-airport-trigger{
    min-height:30px!important;padding-right:34px!important;font-size:16px!important;line-height:1.12!important;
  }
  html body.public-app .marketing-home .route-swap{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    margin:-19px 14px -19px auto!important;
  }

  html body.public-app .marketing-home #passenger-picker,
  html body.public-app .marketing-home #date-trigger{
    height:var(--tenant-mobile-passenger-date-height,64px)!important;
    min-height:var(--tenant-mobile-passenger-date-height,64px)!important;
  }
  html body.public-app .marketing-home #passenger-trigger{
    height:100%!important;min-height:0!important;padding:7px 10px!important;gap:3px!important;
    align-content:start!important;
  }
  html body.public-app .marketing-home #date-trigger{
    height:100%!important;min-height:0!important;padding:7px 10px!important;gap:var(--tenant-mobile-date-label-gap,16px)!important;
    align-content:start!important;
  }
  html body.public-app .marketing-home #date-trigger>span:first-child{
    transform:translate(var(--tenant-mobile-date-label-x,0px),var(--tenant-mobile-date-label-y,0px))!important;
  }
  html body.public-app .marketing-home #passenger-summary{font-size:12px!important;line-height:1.04!important;gap:1px!important}
  html body.public-app .marketing-home #date-display{
    font-size:13px!important;line-height:1.08!important;
    transform:translate(var(--tenant-mobile-date-value-x,0px),var(--tenant-mobile-date-value-y,0px))!important;
  }
  html body.public-app .marketing-home #search-submit{
    height:var(--tenant-mobile-search-height,46px)!important;
    min-height:var(--tenant-mobile-search-height,46px)!important;
    padding:0 12px!important;
  }

  html body.public-app .passenger-popover{
    max-height:min(50dvh,480px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;
    border-radius:22px 22px 18px 18px!important;
  }
  html body.public-app .passenger-popover-head{padding:14px 18px 10px!important;border-bottom:0!important}
  html body.public-app .passenger-popover-head>strong{font-size:22px!important;letter-spacing:-.02em!important}
  html body.public-app .passenger-popover .passenger-stepper{
    min-height:68px!important;padding:9px 16px!important;grid-template-columns:minmax(120px,1fr) 132px!important;
  }
  html body.public-app .passenger-stepper-copy{display:grid!important;gap:2px!important;text-transform:none!important;letter-spacing:0!important}
  html body.public-app .passenger-stepper-copy strong{font-size:15px!important;color:#172033!important;text-transform:none!important;letter-spacing:0!important}
  html body.public-app .passenger-stepper-copy small{font-size:12px!important;color:#667085!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}
  html body.public-app .passenger-popover .passenger-stepper-controls{grid-template-columns:40px 42px 40px!important;justify-content:end!important}
  html body.public-app .passenger-popover .passenger-stepper-button{width:40px!important;height:40px!important;background:#fff!important;color:var(--tenant-primary)!important;border:1px solid #dfe4eb!important}
  html body.public-app .passenger-popover .passenger-stepper-value{font-size:22px!important}
  html body.public-app .passenger-child-info{
    display:block;width:auto;margin:8px 16px 2px;padding:0;border:0;background:transparent!important;color:var(--tenant-primary)!important;
    font:inherit;font-size:13px;font-weight:750;text-align:left;box-shadow:none!important;
  }
  html body.public-app .passenger-child-note{margin:6px 16px 4px;padding:8px 10px;border-radius:9px;background:#f6f7f9;color:#596579;font-size:11px;line-height:1.35}
  html body.public-app .passenger-popover-done{
    min-height:46px!important;margin:10px 14px 14px!important;border-radius:999px!important;font-size:15px!important;
  }

  html body.public-app .marketing-home .offers-inline-location{margin-top:7px!important}
  html body.public-app .marketing-home .offers-inline-location .offers-grid{
    gap:9px!important;padding:1px calc(100vw - var(--tenant-mobile-offer-width,58vw) - 28px) 6px 1px!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-card{
    position:relative!important;display:block!important;flex:0 0 var(--tenant-mobile-offer-width,58vw)!important;
    width:var(--tenant-mobile-offer-width,58vw)!important;min-width:var(--tenant-mobile-offer-width,58vw)!important;
    height:var(--tenant-mobile-offer-height,310px)!important;min-height:var(--tenant-mobile-offer-height,310px)!important;
    border:0!important;border-radius:14px!important;background:#172033!important;overflow:hidden!important;
    box-shadow:0 8px 22px rgba(15,23,42,.14)!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-media{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-media:after{
    background:linear-gradient(180deg,rgba(8,18,31,.42) 0%,rgba(8,18,31,.06) 42%,rgba(8,18,31,.68) 100%)!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-route-badge{display:none!important}
  html body.public-app .marketing-home .offers-inline-location .offer-body{
    position:absolute!important;inset:0!important;z-index:2!important;display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:space-between!important;padding:13px!important;background:transparent!important;color:#fff!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-route{
    max-width:100%!important;margin:0!important;padding:0!important;border-radius:0!important;
    background:transparent!important;color:#fff!important;font-size:15px!important;line-height:1.22!important;
    overflow:visible!important;text-overflow:clip!important;white-space:normal!important;backdrop-filter:none!important;
    text-shadow:0 1px 4px rgba(0,0,0,.55),0 1px 12px rgba(0,0,0,.35)!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-route-part{white-space:nowrap!important}
  html body.public-app .marketing-home .offers-inline-location .offer-meta{display:none!important}
  html body.public-app .marketing-home .offers-inline-location .offer-price{
    align-self:flex-end!important;display:flex!important;align-items:center!important;gap:6px!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-price span{color:#fff!important;font-size:10px!important;white-space:nowrap!important;text-shadow:0 1px 4px rgba(0,0,0,.55),0 1px 12px rgba(0,0,0,.35)!important}
  html body.public-app .marketing-home .offers-inline-location .offer-price strong{color:#fff!important;font-size:17px!important;white-space:nowrap!important;text-shadow:0 1px 4px rgba(0,0,0,.55),0 1px 12px rgba(0,0,0,.35)!important}

  html body.public-app .public-footer-compact .public-footer-mini{display:none!important}
}

@media(max-width:380px){
  html body.public-app .marketing-home .module-launcher>a,
  html body.public-app .marketing-home .trip-switch span{font-size:10.5px!important}
}
/* PUBLIC_MOBILE_ORIGIN_DESTINATION_ROW_AND_OFFER_DATE_V0162940
   - Nisja dhe arritja shfaqen në të njëjtin rresht në telefon.
   - Butoni i ndërrimit qëndron në mes të dy fushave.
   - Data dhe ora rikthehen mbi fotografinë e ofertës, pa pjesë të bardhë. */

@media(max-width:760px){
  html body.public-app .marketing-home .flight-search-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 0 minmax(0,1fr)!important;
    align-items:stretch!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child{
    grid-column:1!important;
    grid-row:1!important;
    order:1!important;
    min-width:0!important;
    border-right:1px solid #e5e8ed!important;
    border-bottom:1px solid #e5e8ed!important;
    border-radius:0!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    grid-column:3!important;
    grid-row:1!important;
    order:1!important;
    min-width:0!important;
    border-right:0!important;
    border-bottom:1px solid #e5e8ed!important;
    border-radius:0!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.route-swap{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    order:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin:0!important;
    transform:none!important;
    z-index:8!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    grid-column:1!important;
    grid-row:2!important;
    order:2!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    grid-column:3!important;
    grid-row:2!important;
    order:2!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    grid-column:1/-1!important;
    grid-row:3!important;
    order:3!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child,
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    padding-left:10px!important;
    padding-right:10px!important;
  }

  html body.public-app .marketing-home .mobile-airport-trigger{
    min-width:0!important;
    padding-right:18px!important;
    font-size:14px!important;
    line-height:1.12!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-card{
    height:calc(var(--tenant-mobile-offer-height,310px) + 18px)!important;
    min-height:calc(var(--tenant-mobile-offer-height,310px) + 18px)!important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    align-items:start!important;
    justify-content:stretch!important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-route{
    grid-row:1!important;
    justify-self:start!important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-meta{
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    margin:6px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    backdrop-filter:none!important;
    text-shadow:0 1px 4px rgba(0,0,0,.55),0 1px 12px rgba(0,0,0,.35)!important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-meta span{
    min-width:0!important;
    color:#fff!important;
    font-size:10.5px!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body.public-app .marketing-home .offers-inline-location .offer-price{
    grid-row:4!important;
    justify-self:end!important;
    align-self:end!important;
  }
}
/* PUBLIC_MOBILE_INTEGRATED_ROUTE_SWAP_V0162941
   - Butoni i ndërrimit është më i vogël dhe përdor shigjeta horizontale.
   - Dy fushat e aeroportit lidhen me hark të butë rreth butonit.
   - Butoni duket pjesë e formularit, jo sticker i vendosur sipër. */

@media(max-width:760px){
  html body.public-app .marketing-home .flight-search-grid{
    grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child,
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    position:relative!important;
    overflow:visible!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child{
    margin-right:-8px!important;
    padding-right:25px!important;
    border-radius:0 17px 17px 0!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    margin-left:-8px!important;
    padding-left:25px!important;
    border-radius:17px 0 0 17px!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.route-swap{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    border:1px solid color-mix(in srgb,var(--tenant-primary) 42%,#dfe4eb)!important;
    background:color-mix(in srgb,#ffffff 94%,var(--tenant-primary) 6%)!important;
    color:var(--tenant-primary)!important;
    box-shadow:0 3px 9px rgba(15,23,42,.10)!important;
    font-size:0!important;
    line-height:1!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.route-swap::before{
    content:"⇄"!important;
    display:block!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:28px!important;
    transform:none!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.route-swap:active{
    transform:scale(.96)!important;
    box-shadow:0 1px 5px rgba(15,23,42,.12)!important;
  }
}
/* PUBLIC_MOBILE_ALIGNMENT_VIEWPORT_V0162947
   - Flüge / Hotel / Bus kanë të njëjtat skaje si shiriti i udhëtimit dhe formulari.
   - Ndarja qendrore e aeroporteve përputhet me Passagiere / Reisedaten.
   - Butoni ⇄ qëndron saktë në qendër dhe është pjesë e formularit.
   - Hiqet min-height bosh që e shtynte footer-in shumë poshtë. */

@media(max-width:760px){
  html body.public-app{overflow-x:hidden!important}
  html body.public-app .marketing-home{
    min-height:0!important;
    height:auto!important;
    padding-bottom:0!important;
  }

  html body.public-app .marketing-home .booking-stage{
    width:calc(100% - var(--tenant-mobile-booking-side-gap,5px) - var(--tenant-mobile-booking-side-gap,5px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html body.public-app .marketing-home .booking-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:6px!important;
    box-sizing:border-box!important;
  }
  html body.public-app .marketing-home .flight-search-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  html body.public-app .marketing-home .module-launcher,
  html body.public-app .marketing-home .trip-switch,
  html body.public-app .marketing-home .flight-search-grid,
  html body.public-app .marketing-home .offers-inline-location{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  html body.public-app .marketing-home .module-launcher{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:0!important;
    margin-bottom:5px!important;
    padding:0 0 5px!important;
    overflow:visible!important;
  }
  html body.public-app .marketing-home .module-launcher>a{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0 5px!important;
    box-sizing:border-box!important;
  }
  html body.public-app .marketing-home .module-launcher>a:nth-child(n+4){display:none!important}

  html body.public-app .marketing-home .trip-switch{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:0!important;
    margin-bottom:5px!important;
  }
  html body.public-app .marketing-home .trip-switch label,
  html body.public-app .marketing-home .trip-switch span{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  html body.public-app .marketing-home .flight-search-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    align-items:stretch!important;
    overflow:visible!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child,
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    grid-row:1!important;
    order:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-bottom:1px solid #e5e8ed!important;
  }
  html body.public-app .marketing-home .flight-search-grid>.search-field:first-child{
    grid-column:1!important;
    padding-left:10px!important;
    padding-right:24px!important;
    border-right:1px solid #e5e8ed!important;
    border-radius:0 17px 17px 0!important;
  }
  html body.public-app .marketing-home .flight-search-grid>.search-field:nth-of-type(2){
    grid-column:2!important;
    padding-left:24px!important;
    padding-right:10px!important;
    border-right:0!important;
    border-radius:17px 0 0 17px!important;
  }

  html body.public-app .marketing-home .flight-search-grid>.route-swap{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:calc(var(--tenant-mobile-airport-height,76px) / 2)!important;
    bottom:auto!important;
    inset-inline-start:50%!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:translate(-50%,-50%)!important;
    z-index:12!important;
    border-radius:50%!important;
    border:1px solid color-mix(in srgb,var(--tenant-primary) 38%,#dfe4eb)!important;
    background:color-mix(in srgb,#ffffff 96%,var(--tenant-primary) 4%)!important;
    color:var(--tenant-primary)!important;
    box-shadow:0 2px 7px rgba(15,23,42,.10)!important;
  }
  html body.public-app .marketing-home .flight-search-grid>.route-swap::before{
    content:"⇄"!important;
    display:block!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:26px!important;
    transform:none!important;
  }
  html body.public-app .marketing-home .flight-search-grid>.route-swap:active{
    transform:translate(-50%,-50%) scale(.96)!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    grid-column:1!important;
    grid-row:2!important;
    order:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-right:1px solid #e5e8ed!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    grid-column:2!important;
    grid-row:2!important;
    order:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    grid-column:1/-1!important;
    grid-row:3!important;
    order:3!important;
    width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  html body.public-app .marketing-home .offers-inline-location{
    margin-top:6px!important;
    margin-bottom:0!important;
    padding:0!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offers-grid{
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  html body.public-app .public-footer.public-footer-compact{
    margin-top:0!important;
  }
  html body.public-app .public-footer-compact .public-footer-tabs button{
    min-height:46px!important;
  }
  html body.public-app .public-footer-compact .public-footer-panels,
  html body.public-app .public-footer-compact .public-footer-mini{
    display:none!important;
  }
}

@media(max-width:760px){
  .public-coming-soon{align-items:flex-end;padding:0}.public-coming-soon-sheet{width:100%;max-height:72dvh;padding:12px 22px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:public-coming-soon-rise .26s cubic-bezier(.2,.78,.25,1) both}.public-coming-soon-handle{display:block;width:42px;height:5px;margin:0 auto 18px;border-radius:999px;background:#d2d8e1}.public-coming-soon-close{top:15px}.public-coming-soon-sheet h2{font-size:25px}.module-coming-soon-page{margin:34px auto;padding:38px 22px}.module-coming-soon-page h1{font-size:28px}
  @keyframes public-coming-soon-rise{from{transform:translateY(105%)}to{transform:translateY(0)}}
  .baggage-selection-modal{align-items:flex-end!important;padding:0!important}.baggage-selection-dialog{width:100%!important;max-height:88dvh!important;border-radius:24px 24px 0 0!important;animation:baggage-sheet-rise-v0162949 .6s cubic-bezier(.2,.78,.25,1) both}.baggage-selection-segments{padding-inline:12px}.baggage-selection-footer{grid-template-columns:1fr}.baggage-selection-footer button{width:100%}
  @keyframes baggage-sheet-rise-v0162949{from{transform:translateY(105%)}to{transform:translateY(0)}}
  html body.public-app{min-height:100dvh!important;display:flex!important;flex-direction:column!important}
  html body.public-app>.topbar{flex:0 0 auto!important}
  html body.public-app>.public-content{flex:1 0 auto!important;width:100%!important}
  html body.public-app>.public-footer.public-footer-compact{flex:0 0 auto!important;margin-top:auto!important}
  html body.public-app>.public-footer.public-footer-compact .public-footer-tabs{min-height:46px!important}
}


@media(max-width:760px){
  html body.public-app .marketing-home.public-hero-mobile-hidden .booking-stage{margin-top:8px!important}
  html body.public-app .marketing-home .booking-panel{padding:6px!important}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    display:grid!important;
    grid-template-columns:minmax(118px,1.75fr) minmax(54px,.8fr) minmax(48px,.7fr) minmax(58px,.9fr)!important;
    gap:0!important;
    align-items:stretch!important;
    min-height:42px!important;
    margin:0 0 7px!important;
    padding:0 0 7px!important;
    overflow:visible!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger,
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab{display:flex!important;min-width:0!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 6px!important;align-items:center!important;justify-content:center!important;background:#f3f5f7!important;color:#263244!important;border:1px solid #d5dbe4!important;border-radius:0!important;box-shadow:none!important;font-size:11px!important;font-weight:850!important;line-height:1.05!important;text-decoration:none!important;white-space:normal!important;text-align:center!important}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger{grid-column:1!important;gap:4px!important;border-radius:11px 0 0 11px!important;border-right:0!important;color:var(--tenant-primary)!important}
  .trip-type-trigger strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.trip-type-trigger i{font-style:normal;font-size:16px;font-weight:900;opacity:1}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-flights{grid-column:2!important;border-right:0!important;border-left:1px solid #d5dbe4!important;background:color-mix(in srgb,var(--tenant-primary) 92%,white)!important;color:#fff!important}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-bus{grid-column:3!important;border-radius:0 11px 11px 0!important}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-hotel{grid-column:4!important;margin-left:6px!important;width:calc(100% - 6px)!important;border-radius:11px!important}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-secondary{display:none!important}
  html body.public-app .marketing-home .trip-switch-desktop{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}

  html body.public-app .marketing-home .flight-search-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto auto auto auto!important;overflow:visible!important;border-radius:15px!important}
  html body.public-app .marketing-home #primary-origin-field,
  html body.public-app .marketing-home #primary-destination-field{grid-column:1/-1!important;width:100%!important;height:70px!important;min-height:70px!important;margin:0!important;padding:8px 46px 8px 15px!important;border-radius:0!important;border-right:0!important;align-content:center!important;gap:4px!important;background:#f1f3f6!important}
  html body.public-app .marketing-home #primary-origin-field{grid-row:1!important;border-bottom:1px solid #dce2e9!important}
  html body.public-app .marketing-home #primary-destination-field{grid-row:2!important;border-bottom:1px solid #dce2e9!important;background:#fff!important}
  html body.public-app .marketing-home .flight-search-grid>#route-swap{position:absolute!important;left:auto!important;right:13px!important;top:70px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;transform:translateY(-50%)!important;z-index:12!important}
  html body.public-app .marketing-home .flight-search-grid>#route-swap:active{transform:translateY(-50%) scale(.96)!important}
  html body.public-app .marketing-home .flight-search-grid>#route-swap::before{line-height:32px!important;font-size:17px!important}
  html body.public-app .marketing-home .multi-city-fields{grid-column:1/-1!important;grid-row:3!important;order:0!important}
  html body.public-app .marketing-home .multi-city-route-grid{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important}
  html body.public-app .marketing-home .multi-city-route-grid>.search-field{height:72px!important;min-height:72px!important;padding:8px 13px!important;align-content:center!important;gap:4px!important;border:0!important;background:#fff!important}
  html body.public-app .marketing-home .multi-city-route-grid>#second-origin-field{grid-column:1!important;padding-right:25px!important;border-right:1px solid #dfe4eb!important;border-radius:15px 0 0 15px!important}
  html body.public-app .marketing-home .multi-city-route-grid>#second-destination-field{grid-column:3!important;padding-left:25px!important;border-radius:0 15px 15px 0!important}
  html body.public-app .marketing-home .multi-city-route-grid>#second-route-swap{position:absolute!important;left:50%!important;top:50%!important;margin:0!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;transform:translate(-50%,-50%)!important;z-index:5!important;font-size:0!important}
  html body.public-app .marketing-home .multi-city-route-grid>#second-route-swap::before{content:"⇄";font-size:16px;line-height:32px}.multi-city-route-grid>#second-route-swap:active{transform:translate(-50%,-50%) scale(.96)!important}
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{grid-column:1!important;grid-row:4!important;min-height:82px!important;border-right:1px solid #e1e6ec!important;border-bottom:0!important}
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{grid-column:2!important;grid-row:4!important;min-height:82px!important;border:0!important}
  html body.public-app .marketing-home .flight-search-grid>#search-submit{grid-column:1/-1!important;grid-row:5!important;min-height:51px!important}
  html body.public-app .marketing-home #passenger-trigger,html body.public-app .marketing-home #date-trigger{min-height:82px!important;padding:9px 12px!important}
  html body.public-app .marketing-home #passenger-summary{font-size:13px!important}
  html body.public-app .marketing-home .offers-inline-location{margin-top:7px!important}
  html body.public-app .marketing-home .offers-inline-location .offers-grid{margin-top:0!important}
}

@media(max-width:390px){
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{grid-template-columns:minmax(108px,1.65fr) minmax(50px,.75fr) minmax(44px,.68fr) minmax(54px,.82fr)!important}
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger,html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab{font-size:10px!important;padding-inline:4px!important}
  .passenger-symbols{gap:7px}.passenger-symbol svg{width:16px;height:16px}.passenger-symbol b{font-size:12px}
}
/* PUBLIC_MOBILE_MULTI_CITY_SIDE_BY_SIDE_V0162950 */

@media(max-width:760px){
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid{
    grid-template-rows:auto auto auto auto!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] #primary-origin-field,
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] #primary-destination-field{
    grid-row:1!important;
    min-height:78px!important;
    height:78px!important;
    padding:9px 25px 9px 13px!important;
    border-bottom:1px solid #dce2e9!important;
    background:#f1f3f6!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] #primary-origin-field{
    grid-column:1!important;
    border-right:1px solid #dce2e9!important;
    border-radius:15px 0 0 0!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] #primary-destination-field{
    grid-column:2!important;
    padding-left:25px!important;
    padding-right:13px!important;
    border-radius:0 15px 0 0!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#route-swap{
    left:50%!important;
    right:auto!important;
    top:39px!important;
    transform:translate(-50%,-50%)!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#route-swap:active{
    transform:translate(-50%,-50%) scale(.96)!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .multi-city-fields{grid-row:2!important}
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#passenger-picker{grid-row:3!important}
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#date-trigger{grid-row:3!important}
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#search-submit{grid-row:4!important}
}

@media(max-width:760px){
  html body.public-app .marketing-home #passenger-summary{
    display:flex!important;
    align-items:center!important;
    min-height:32px!important;
    gap:0!important;
    overflow:visible!important;
  }
  html body.public-app .marketing-home #public-search-form:not([data-trip-mode="multi_city"]) .flight-search-grid>#route-swap::before{
    content:"⇅"!important;
    font-size:20px!important;
    line-height:32px!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#route-swap::before,
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .multi-city-route-grid>#second-route-swap::before{
    content:"⇄"!important;
    font-size:16px!important;
  }
}

@media(max-width:390px){
  .passenger-symbols-v51{gap:10px!important}
  .passenger-symbols-v51 .passenger-icon{width:23px!important;height:23px!important}
  .passenger-symbols-v51 .passenger-icon-child-v51{width:20px!important;height:20px!important}
  .passenger-symbols-v51 .passenger-icon-infant-v51{width:26px!important;height:22px!important}
  .passenger-symbols-v51 .passenger-symbol b{font-size:14px!important}
}

@media(max-width:760px){
  html body.public-app .marketing-home .booking-panel{
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body.public-app .marketing-home .search-area-card{
    display:block!important;
    padding:6px!important;
    background:#fff!important;
    border:1px solid rgba(15,23,42,.22)!important;
    border-radius:18px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
    overflow:visible!important;
  }
  html body.public-app .marketing-home .search-area-card .module-launcher.travel-module-launcher{
    margin-bottom:8px!important;
  }
  html body.public-app .marketing-home .search-area-card .flight-search-shell{
    padding:0!important;
  }
  html body.public-app .marketing-home .search-area-card .flight-search-grid{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body.public-app .marketing-home #primary-origin-field{
    border-top:1px solid #dce2e9!important;
    border-left:1px solid #dce2e9!important;
    border-right:1px solid #dce2e9!important;
    border-radius:15px 15px 0 0!important;
  }
  html body.public-app .marketing-home #primary-destination-field{
    border-left:1px solid #dce2e9!important;
    border-right:1px solid #dce2e9!important;
    border-bottom:1px solid #dce2e9!important;
    border-radius:0 0 15px 15px!important;
  }
  html body.public-app .marketing-home #primary-origin-field,
  html body.public-app .marketing-home #primary-destination-field{
    height:var(--tenant-mobile-airport-height,76px)!important;
    min-height:var(--tenant-mobile-airport-height,76px)!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#route-swap{
    top:var(--tenant-mobile-airport-height,76px)!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker,
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    margin-top:8px!important;
    min-height:var(--tenant-mobile-passenger-date-height,64px)!important;
    border-top:1px solid #dfe4eb!important;
    border-bottom:1px solid #dfe4eb!important;
    background:#fff!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    border-left:1px solid #dfe4eb!important;
    border-radius:15px 0 0 15px!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    border-right:1px solid #dfe4eb!important;
    border-radius:0 15px 15px 0!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    margin-top:8px!important;
    min-height:var(--tenant-mobile-search-height,46px)!important;
    border-radius:15px!important;
    box-shadow:none!important;
  }
  html body.public-app .marketing-home .offers-inline-location{
    width:100%!important;
    margin-top:var(--tenant-mobile-search-offers-gap,18px)!important;
    padding:6px!important;
    border:1px solid rgba(15,23,42,.07)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
    overflow:hidden!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offers-grid{
    margin-top:0!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-route{
    font-size:var(--tenant-mobile-offer-font-size,17px)!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-meta{
    font-size:calc(var(--tenant-mobile-offer-font-size,17px) * .72)!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-price span{
    font-size:calc(var(--tenant-mobile-offer-font-size,17px) * .76)!important;
  }
  html body.public-app .marketing-home .offers-inline-location .offer-price strong{
    font-size:calc(var(--tenant-mobile-offer-font-size,17px) + 3px)!important;
  }

  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] #primary-origin-field{
    border-radius:15px 0 0 0!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] #primary-destination-field{
    border-radius:0 15px 0 0!important;
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .multi-city-fields{
    border-left:1px solid #dce2e9!important;
    border-right:1px solid #dce2e9!important;
    border-bottom:1px solid #dce2e9!important;
    border-radius:0 0 15px 15px!important;
    overflow:hidden!important;
  }
}

@media(max-width:390px){
  .passenger-symbols-v52{gap:10px!important}
  .passenger-symbols-v52 .passenger-icon-img{width:26px!important;height:26px!important}
  .passenger-symbols-v52 .passenger-icon-child-v52{width:22px!important;height:22px!important}
  .passenger-symbols-v52 .passenger-icon-infant-v52{width:19px!important;height:19px!important}
  .passenger-symbols-v52 .passenger-symbol b{font-size:14px!important}
}
/* PUBLIC_MOBILE_DESTINATION_TEXT_SEARCH_GAP_TOP_MODULES_V0162953 */

@media(max-width:760px){
  /* Madhësia e emrave Basel / Prishtinë kontrollohet nga Pamja e faqes. */
  html body.public-app .marketing-home .mobile-airport-trigger{
    font-size:var(--tenant-mobile-destination-font-size,18px)!important;
    line-height:1.12!important;
    font-weight:900!important;
  }

  /* Krijon një ndarje të bardhë të qartë para butonit Kërko. */
  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    margin-top:10px!important;
    border-radius:15px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }

  /* Butoni i llojit të udhëtimit pak më i vogël; Hotel mbetet modul i ndarë. */
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    grid-template-columns:minmax(102px,1.52fr) minmax(50px,.76fr) minmax(44px,.66fr) minmax(56px,.84fr)!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-hotel{
    margin-left:10px!important;
    width:calc(100% - 10px)!important;
    border-left:1px solid #d5dbe4!important;
    box-shadow:0 0 0 3px #fff!important;
  }
}

@media(max-width:390px){
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    grid-template-columns:minmax(100px,1.48fr) minmax(48px,.74fr) minmax(42px,.64fr) minmax(52px,.82fr)!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger{
    padding-inline:3px!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-hotel{
    margin-left:9px!important;
    width:calc(100% - 9px)!important;
  }
}
/* PUBLIC_MOBILE_LAYOUT_CONTROLS_AND_CLEAR_SEARCH_SEPARATOR_V0162954 */

@media(max-width:760px){
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    grid-template-columns:minmax(82px,var(--tenant-mobile-trip-width,112px)) minmax(50px,1fr) minmax(44px,.84fr) minmax(58px,.96fr)!important;
    margin-top:var(--tenant-mobile-module-top-gap,8px)!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab{
    height:var(--tenant-mobile-module-height,34px)!important;
    min-height:var(--tenant-mobile-module-height,34px)!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger{
    min-width:82px!important;
    max-width:var(--tenant-mobile-trip-width,112px)!important;
    height:var(--tenant-mobile-trip-height,34px)!important;
    min-height:var(--tenant-mobile-trip-height,34px)!important;
    padding-inline:4px!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-hotel{
    margin-left:var(--tenant-mobile-hotel-gap,14px)!important;
    width:calc(100% - var(--tenant-mobile-hotel-gap,14px))!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker,
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    margin-top:var(--tenant-mobile-airport-passenger-gap,14px)!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    position:relative!important;
    width:auto!important;
    margin-top:var(--tenant-mobile-passenger-search-gap,16px)!important;
    margin-left:var(--tenant-mobile-search-side-inset,0px)!important;
    margin-right:var(--tenant-mobile-search-side-inset,0px)!important;
    border-radius:15px!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#search-submit::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:calc(-1 * var(--tenant-mobile-search-side-inset,0px));
    right:calc(-1 * var(--tenant-mobile-search-side-inset,0px));
    top:calc(-1 * var(--tenant-mobile-passenger-search-gap,16px));
    height:var(--tenant-mobile-passenger-search-gap,16px);
    background:var(--tenant-page-background,#eef1f5);
    pointer-events:none;
  }
}

@media(max-width:390px){
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    grid-template-columns:minmax(82px,var(--tenant-mobile-trip-width,104px)) minmax(47px,1fr) minmax(41px,.82fr) minmax(54px,.94fr)!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger strong{
    font-size:13px!important;
    font-weight:900!important;
  }
}
/* PUBLIC_MOBILE_UNIFIED_MODULES_FIELD_COLORS_STRAIGHT_SEARCH_SEPARATOR_V0162955
   - Rikthen butonin e llojit të udhëtimit në gjerësi të lexueshme.
   - Flüge, Bus dhe Hotel formojnë një grup të vetëm pa boshllëk të detyruar.
   - Ngjyrat e Nisjes/Destinacionit respektojnë panelin.
   - Ndarja para Suchen është e drejtë në gjithë gjerësinë. */

@media(max-width:760px){
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    grid-template-columns:minmax(132px,var(--tenant-mobile-trip-width,158px)) minmax(50px,1fr) minmax(42px,.82fr) minmax(52px,.94fr)!important;
    gap:0!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger,
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab{
    height:var(--tenant-mobile-module-height,40px)!important;
    min-height:var(--tenant-mobile-module-height,40px)!important;
    border-radius:0!important;
    border-left:0!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger{
    min-width:132px!important;
    max-width:none!important;
    height:var(--tenant-mobile-trip-height,40px)!important;
    min-height:var(--tenant-mobile-trip-height,40px)!important;
    padding-inline:7px!important;
    border-left:1px solid #d5dbe4!important;
    border-radius:11px 0 0 11px!important;
    white-space:nowrap!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger strong{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-flights,
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-bus{
    border-radius:0!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-hotel{
    margin-left:var(--tenant-mobile-hotel-gap,0px)!important;
    width:calc(100% - var(--tenant-mobile-hotel-gap,0px))!important;
    border-left:1px solid #d5dbe4!important;
    border-radius:0 11px 11px 0!important;
    box-shadow:none!important;
  }

  html body.public-app .marketing-home #primary-origin-field{
    background:var(--tenant-search-origin,#FFFFFF)!important;
  }
  html body.public-app .marketing-home #primary-destination-field{
    background:var(--tenant-search-destination,#FFFFFF)!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker,
  html body.public-app .marketing-home #passenger-trigger{
    background:var(--tenant-search-passengers,#FFFFFF)!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    background:var(--tenant-search-dates,#FFFFFF)!important;
  }

  /* Fundi i rreshtit Passagiere/Reisedaten është vijë e drejtë, jo hark i përgjysmuar. */
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    border-radius:15px 0 0 0!important;
    border-bottom:1px solid #dfe4eb!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    border-radius:0 15px 0 0!important;
    border-bottom:1px solid #dfe4eb!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    position:relative!important;
    margin-top:var(--tenant-mobile-passenger-search-gap,16px)!important;
    border-radius:15px!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  html body.public-app .marketing-home .flight-search-grid>#search-submit::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:calc(-1 * var(--tenant-mobile-search-side-inset,0px))!important;
    right:calc(-1 * var(--tenant-mobile-search-side-inset,0px))!important;
    top:calc(-1 * var(--tenant-mobile-passenger-search-gap,16px))!important;
    height:var(--tenant-mobile-passenger-search-gap,16px)!important;
    border-radius:0!important;
    background:var(--tenant-page-background,#eef1f5)!important;
    pointer-events:none!important;
  }
}

@media(max-width:390px){
  html body.public-app .marketing-home .module-launcher.travel-module-launcher{
    grid-template-columns:minmax(124px,var(--tenant-mobile-trip-width,148px)) minmax(47px,1fr) minmax(39px,.8fr) minmax(49px,.92fr)!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger{
    min-width:124px!important;
    padding-inline:5px!important;
  }
  html body.public-app .marketing-home .module-launcher.travel-module-launcher>.trip-type-trigger strong{
    font-size:13px!important;
    font-weight:900!important;
  }
}
/* PUBLIC_MOBILE_COMPLETE_PASSENGER_DATE_CARD_V0162956
   - Passagiere dhe Reisedaten formojnë një kartë të vetme, të mbyllur në të katër anët.
   - Hiqet vija e ndërprerë / e përthyer dhe pseudo-ndarja para Suchen.
   - Karta nuk është më e gjerë se fusha Abflug/Ankunft.
   - Butoni Suchen mbetet element më vete me katër kënde të rrumbullakëta. */

@media(max-width:760px){
  html body.public-app .marketing-home .flight-search-grid>#passenger-picker,
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    height:var(--tenant-mobile-passenger-date-height,64px)!important;
    min-height:var(--tenant-mobile-passenger-date-height,64px)!important;
    max-height:var(--tenant-mobile-passenger-date-height,64px)!important;
    margin-top:var(--tenant-mobile-airport-passenger-gap,14px)!important;
    margin-left:0!important;
    margin-right:0!important;
    border-top:1px solid #dfe4eb!important;
    border-bottom:1px solid #dfe4eb!important;
    background:var(--tenant-search-passengers,#fff)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    border-left:1px solid #dfe4eb!important;
    border-right:0!important;
    border-radius:15px 0 0 15px!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    border-left:1px solid #dfe4eb!important;
    border-right:1px solid #dfe4eb!important;
    border-radius:0 15px 15px 0!important;
    background:var(--tenant-search-dates,#fff)!important;
  }

  html body.public-app .marketing-home #passenger-trigger,
  html body.public-app .marketing-home #date-trigger{
    box-sizing:border-box!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    overflow:hidden!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    position:relative!important;
    grid-column:1/-1!important;
    width:auto!important;
    max-width:none!important;
    margin-top:var(--tenant-mobile-passenger-search-gap,10px)!important;
    margin-left:var(--tenant-mobile-search-side-inset,0px)!important;
    margin-right:var(--tenant-mobile-search-side-inset,0px)!important;
    border:0!important;
    border-radius:15px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    isolation:auto!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#search-submit::before,
  html body.public-app .marketing-home .flight-search-grid>#search-submit::after{
    content:none!important;
    display:none!important;
  }

  /* Edhe në Multi City ruhet e njëjta kartë e plotë për pasagjerët dhe datat. */
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#passenger-picker{
    border-left:1px solid #dfe4eb!important;
    border-right:0!important;
    border-radius:15px 0 0 15px!important;
  }

  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#date-trigger{
    border-left:1px solid #dfe4eb!important;
    border-right:1px solid #dfe4eb!important;
    border-radius:0 15px 15px 0!important;
  }
}
/* PUBLIC_MOBILE_SEARCH_VERTICAL_POSITION_V0162957
   Kontroll real në panel për ta lëvizur butonin Kërko lart ose poshtë.
   Standardi -8px e ngre pak lart që hapësira e bardhë sipër dhe poshtë
   të duket më e barabartë. */

@media(max-width:760px){
  html body.public-app .marketing-home .flight-search-grid>#search-submit{
    transform:translateY(var(--tenant-mobile-search-vertical-offset,-8px))!important;
    will-change:transform;
  }
}
/* PUBLIC_MOBILE_REMOVE_MIDDLE_DIVIDER_V0162958
   Hiqet vetëm vija vertikale ndërmjet Passagiere dhe Reisedaten.
   Korniza e jashtme e kartës mbetet e plotë. */

@media(max-width:760px){
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    border-left:0!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    border-right:0!important;
  }

  html body.public-app .marketing-home #passenger-trigger::after,
  html body.public-app .marketing-home #passenger-picker::after,
  html body.public-app .marketing-home #date-trigger::before{
    content:none!important;
    display:none!important;
    border:0!important;
  }
}
/* PUBLIC_MOBILE_RESTORE_DIVIDER_REMOVE_TOP_LINE_MULTICITY_TEXT_V0162959
   1) Rikthehet vija vertikale Passagiere / Reisedaten.
   2) Hiqet vija horizontale e panevojshme poshtë Hinflug / Flüge / Bus / Hotel.
   3) Multi City ka madhësi të veçantë teksti nga paneli. */

@media(max-width:760px){
  /* Rikthe vetëm ndarjen vertikale që u hoq gabimisht në v0.16.29.58. */
  html body.public-app .marketing-home .flight-search-grid>#date-trigger{
    border-left:1px solid #dfe4eb!important;
  }

  html body.public-app .marketing-home .flight-search-grid>#passenger-picker{
    border-right:0!important;
  }

  /* Hiq vijën horizontale mes butonave lart dhe fushave të destinimit. */
  html body.public-app .marketing-home .module-launcher,
  html body.public-app .marketing-home .module-launcher.travel-module-launcher,
  html body.public-app .marketing-home .search-area-card .module-launcher.travel-module-launcher{
    border-bottom:0!important;
  }

  /* Hin- und Rückflug / Nur Hinflug mbesin me madhësinë aktuale. */
  html body.public-app .marketing-home .trip-type-trigger:not([data-trip-mode="multi_city"]) strong{
    font-size:13px!important;
    font-weight:900!important;
  }

  /* Vetëm Multi City kontrollohet nga fusha e re në panel. */
  html body.public-app .marketing-home .trip-type-trigger[data-trip-mode="multi_city"] strong{
    font-size:var(--tenant-mobile-multicity-text-size,10px)!important;
  }
}


@media(max-width:390px){
  html body.public-app .marketing-home .trip-type-trigger:not([data-trip-mode="multi_city"]) strong{
    font-size:12px!important;
    font-weight:900!important;
  }

  html body.public-app .marketing-home .trip-type-trigger[data-trip-mode="multi_city"] strong{
    font-size:var(--tenant-mobile-multicity-text-size,10px)!important;
  }
}
/* PUBLIC_MOBILE_MULTICITY_TEXT_AUTOLINK_V0162960
   Multi City ka madhësi plotësisht të veçantë nga Hin- und Rückflug / Nur Hinflug. */

@media(max-width:760px){
  html body.public-app .marketing-home
  .trip-type-trigger[data-trip-mode="multi_city"] strong{
    font-size:var(--tenant-mobile-multicity-text-size,10px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
}


@media(max-width:390px){
  html body.public-app .marketing-home
  .trip-type-trigger[data-trip-mode="multi_city"] strong{
    font-size:var(--tenant-mobile-multicity-text-size,10px)!important;
  }
}
/* PUBLIC_MULTICITY_SYMMETRY_AIRPORT_FONT_V0162962 */

@media(max-width:760px){
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-pair-host-local{
    position:relative!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;width:100%!important;max-width:100%!important;
    min-width:0!important;box-sizing:border-box!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-pair-left{
    grid-column:1!important;justify-self:stretch!important;width:100%!important;
    min-width:0!important;max-width:100%!important;flex:0 0 50%!important;box-sizing:border-box!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-pair-right{
    grid-column:2!important;justify-self:stretch!important;width:100%!important;
    min-width:0!important;max-width:100%!important;flex:0 0 50%!important;box-sizing:border-box!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field{
    width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-left{
    border-right:1px solid #dfe4eb!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-right{
    border-left:0!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-pair-swap{
    left:50%!important;right:auto!important;margin-left:0!important;margin-right:0!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field .mobile-airport-trigger,
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field .airport-value,
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field .search-field-value,
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field [data-airport-label],
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field>strong,
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .sf-mc-airport-field select{
    font-size:var(--tenant-mobile-multicity-destination-font-size,17px)!important;
    line-height:1.08!important;min-width:0!important;max-width:100%!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#passenger-picker{
    grid-column:1!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important
  }
  html body.public-app .marketing-home #public-search-form[data-trip-mode="multi_city"] .flight-search-grid>#date-trigger{
    grid-column:2!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important
  }
}


@media(max-width:760px){
  .flight-details-modal{
    align-items:flex-end;
    padding:0;
  }
  .flight-details-dialog{
    width:100%;
    height:auto;
    max-height:88dvh;
    border-radius:24px 24px 0 0;
    box-shadow:0 -24px 70px rgba(15,23,42,.30);
  }
  .flight-details-handle{
    position:sticky;
    top:0;
    z-index:4;
    display:block;
    width:44px;
    height:5px;
    margin:10px auto 0;
    border-radius:999px;
    background:#cfd5df;
  }
  .flight-details-header{
    top:0;
    padding:10px 20px 14px;
  }
  .flight-details-rows{padding:4px 20px 8px}
  .flight-details-duration{margin-top:0;padding:18px 20px calc(24px + env(safe-area-inset-bottom))}
}

@media (max-width: 760px) {
  .module-launcher .module-tab-bus { min-height: 42px; padding: 0 15px; }
  .bus-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .bus-route-stops-table,
  .bus-fare-matrix { min-width: 860px; }
}
/* PUBLIC_HOME_OFFER_COMPACT_PRICE_V0163115 */

@media (max-width:760px) {
  [data-shqipfly-compact-price="v0163115"] {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: calc(100% - 12px) !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 8px 12px 9px !important;
    gap: 6px !important;
    left: auto !important;
    right: 0 !important;
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
    border-radius: 12px 0 0 12px !important;
    white-space: nowrap !important;
  }

  [data-shqipfly-compact-price="v0163115"] > span {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  [data-shqipfly-compact-price="v0163115"] > strong {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}


@media(max-width:760px){
  #search-submit[data-public-flight-search-v0163116]{font-size:16px!important;font-weight:850!important}
  #search-submit[data-public-flight-search-v0163116] .search-submit-icon{width:20px;height:20px}

  .result-leg-title .change-search-button[data-change-search-button-v0163116]{
    min-height:34px;
    padding:6px 10px;
    border-radius:10px;
    font-size:11.5px;
  }

  .selection-mini-summary-head{align-items:center!important}
  .selection-mini-summary-head>div{min-width:0}
  .selection-passenger-button{max-width:47%;padding:7px 9px;font-size:10px;white-space:normal;text-align:center}body.public-app .selection-passenger-button{background:transparent!important;border:2px solid var(--tenant-primary)!important;color:var(--tenant-primary)!important;font-weight:800!important}body.public-app .selection-passenger-button span{color:var(--tenant-primary)!important}
  .selection-mini-price-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px}
  .selection-mini-per-person strong{font-size:14px}
  .selection-mini-price-grid .selection-mini-total strong{font-size:18px}

  .results-passenger-sheet{align-items:flex-end;padding:0}
  .results-passenger-dialog{
    width:100%;
    max-height:min(58vh,560px);
    overflow:auto;
    touch-action:pan-y;
    border-radius:24px 24px 0 0;
    transform:translateY(100%);
    opacity:1;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .results-passenger-sheet.is-open .results-passenger-dialog{transform:translateY(0)}
  .results-passenger-dialog.is-dragging{transition:none}
  .results-passenger-handle{display:block;width:46px;height:5px;margin:9px auto 2px;border-radius:999px;background:#cfd6df}
  .results-passenger-header{padding:12px 20px 14px}
  .results-passenger-header h2{font-size:23px}
  .results-passenger-close{width:42px;height:42px;font-size:29px}
  .results-passenger-row{padding:15px 20px}
  .results-passenger-row>span strong{font-size:17px}
  .results-passenger-row>span small{font-size:13px}
  .results-passenger-controls{grid-template-columns:40px 40px 40px}
  .results-passenger-controls button{width:40px;height:40px;font-size:25px}
  .results-passenger-controls strong{font-size:21px}
  .results-passenger-note{margin:13px 20px 0}
  .results-passenger-confirm{width:calc(100% - 40px);margin:15px 20px 18px;min-height:50px}
}
/* PUBLIC_RESULTS_PASSENGER_BUTTON_RIGHT_V0163117
   Mobile Auswahlübersicht:
   - keep title on the left
   - place add-passengers button at the far right
   - strengthen visual affordance */

@media (max-width:760px) {
  .selection-mini-summary-head {
    display:block !important;
    width:100% !important;
  }

  .selection-mini-summary-head > div {
    min-width:0 !important;
  }

  .selection-header-buttons {
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:8px !important;
    width:100% !important;
    margin:10px 0 0 !important;
  }

  .selection-header-buttons .selection-passenger-button {
    flex:1 1 0 !important;
    min-width:0 !important;
    max-width:var(--tenant-selection-button-width,48%) !important;
    min-height:var(--tenant-selection-button-height,28px) !important;
    padding:5px 10px !important;
    border:1px solid var(--brand) !important;
    border-radius:999px !important;
    background:var(--brand) !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:var(--tenant-selection-button-font-size,9px) !important;
    font-weight:var(--tenant-selection-button-font-weight,850) !important;
    line-height:1.05 !important;
    letter-spacing:.01em !important;
    text-align:center !important;
    white-space:normal !important;
    transform:translate(var(--tenant-selection-button-x,0px),var(--tenant-selection-button-y,0px)) !important;
  }

  .selection-header-buttons .selection-passenger-button > span:first-child {
    font-size:11px !important;
    font-weight:900 !important;
    line-height:.75 !important;
  }

  .selection-header-buttons .selection-passenger-button > span:last-child {
    font-weight:var(--tenant-selection-button-font-weight,950) !important;
  }
}


@media(max-width:760px){
  .public-theme-toggle{width:34px!important;height:34px!important;min-width:34px!important;font-size:18px!important}
  html[data-public-theme="dark"] body.public-app,
  html[data-public-theme="dark"] body.public-app .public-content{background:#0b1220!important}
}

@media(max-width:760px){.trip-type-sheet-head{align-items:center}.trip-type-sheet-head .trip-type-sheet-confirm{min-width:112px;height:44px!important;padding-inline:18px!important;font-size:15px!important}.trip-type-sheet-close-bottom{min-height:50px}.results-passenger-header{align-items:center}.results-passenger-header .results-passenger-confirm-top{min-width:112px;min-height:44px!important;padding-inline:18px!important;font-size:15px!important}.results-passenger-close-bottom{width:calc(100% - 40px);min-height:50px;margin:15px 20px 18px}html body.public-app .public-footer.public-footer-compact .public-footer-panels{display:none!important}html body.public-app .public-footer.public-footer-compact.is-open .public-footer-panels{display:block!important}html body.public-app .public-footer.public-footer-compact .public-footer-mini{display:none!important}}

@media(max-width:760px){
  html body.public-app #flight-choice-form .results-back-button.calendar-back{
    width:var(--tenant-results-back-width,86px)!important;
    height:var(--tenant-results-back-height,38px)!important;
    min-width:0!important;
    min-height:0!important;
    padding:0 7px!important;
    font-size:var(--tenant-results-back-font-size,14px)!important;
  }
}

@media(max-width:680px){
  body.public-app .booking-account-password-grid-v66{grid-template-columns:1fr}
}

@media(max-width:680px){
  body.public-app .booking-page-head-v63{margin-bottom:10px}
  body.public-app .booking-page-head-v63 h1{font-size:30px}
  body.public-app .booking-flat-section{padding:20px 0}
  body.public-app .booking-flat-section h2{font-size:28px;margin-bottom:16px}
  body.public-app .booking-route-v63>strong{font-size:23px}
  body.public-app .booking-baggage-passenger-v63{display:grid;gap:4px}
  body.public-app .booking-baggage-passenger-v63>span{text-align:left}
  body.public-app .booking-customer-choice-v63{grid-template-columns:1fr}
  body.public-app .booking-name-grid-v63{grid-template-columns:1fr}
  body.public-app .booking-gender-grid-v65{grid-template-columns:1fr 1fr}
  body.public-app .booking-gender-option-v65{padding:0 8px;gap:6px;font-size:14px}
  body.public-app .booking-contact-grid-v65{grid-template-columns:1fr}
  body.public-app .booking-payment-heading-v63{align-items:end}
  body.public-app .booking-demo-payment-grid-v63{grid-template-columns:1fr}
  body.public-app .booking-demo-payment-grid-v63 button{min-height:62px;grid-template-columns:auto 1fr;justify-items:start;place-items:center start}
  body.public-app .promotion-panel-v63 .inline-actions{grid-template-columns:1fr}
}
@media(max-width:640px){.customer-account-shell{padding:12px 0 28px}.customer-trip-head,.customer-transaction-row{align-items:flex-start;flex-direction:column}.customer-transaction-amount{text-align:left}.wallet-pass-line{align-items:flex-start;flex-direction:column}}

@media(max-width:760px){
  html[data-public-template="flori"] body.public-app .marketing-home .module-launcher.travel-module-launcher>.module-tab-placeholder{
    display:none!important;
  }
}