/* VOYAGER_MOBILE_HOME_V1 (admin request, 2026-09-27) - Sky Express phone
   homepage in the Wizz Air app layout. Loaded ONLY through
   <link media="(max-width:760px)"> from voyager/home.html, and every rule is
   scoped to body.voy-home (set by mobile-home.js on phones), so desktop and
   every other Voyager page are untouched.
   Order: header (menu | logo ... Anmelden) -> module tabs -> Reiseart dots ->
   Von/Bis -> Abflug/Rueckflug -> passenger wheels -> Suchen. */

/* ---------- page + push menu ---------- */
/* Sky Express primary-dark is its orange accent, so the Wizz-style dark
   navy is derived from the brand blue instead. */
body.voy-home{background:#fff;--voy-m-navy:color-mix(in srgb,var(--voy-color-primary) 55%,#06182a)}
body.voy-home .voy-page{
  position:relative;z-index:2;background:#fff;min-height:100vh;
  transform-origin:0 var(--voy-menu-origin,50vh);
  transition:transform .45s cubic-bezier(.22,.8,.22,1),border-radius .45s ease,box-shadow .45s ease;
}
body.voy-home.voy-menu-open{overflow:hidden;background:var(--voy-m-navy)}
body.voy-home.voy-menu-open .voy-page{
  transform:translateX(74vw) scale(.8);border-radius:26px;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.35);cursor:pointer;
}
body.voy-home.voy-menu-open .voy-page *{pointer-events:none}

body.voy-home .voy-mobile-sheet{z-index:1;background:var(--voy-m-navy);transition:visibility 0s linear .45s}
body.voy-home .voy-mobile-sheet[data-open="true"]{transition-delay:0s}
body.voy-home .voy-mobile-sheet-backdrop,
body.voy-home .voy-mobile-sheet-close{display:none!important}
body.voy-home .voy-mobile-sheet-panel{
  left:0;right:auto;width:70vw;background:transparent;box-shadow:none;transform:none;
  color:#fff;gap:2px;padding:calc(env(safe-area-inset-top,0px) + 22px) 22px 28px;
  opacity:0;transition:opacity .35s ease .08s;
}
body.voy-home .voy-mobile-sheet[data-open="true"] .voy-mobile-sheet-panel{opacity:1}
body.voy-home .voy-mobile-sheet .voy-nav-tile,
body.voy-home .voy-mobile-sheet .voy-theme-toggle{
  color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;
  padding:11px 0!important;font-size:16px!important;font-weight:600!important;justify-content:flex-start!important;
  min-height:0!important;width:100%!important;border-radius:0!important;
}
body.voy-home .voy-mobile-sheet .voy-icon,
body.voy-home .voy-mobile-sheet .voy-header-contact .voy-icon{color:#fff!important}
body.voy-home .voy-mobile-sheet .voy-header-contact span{color:#fff!important}
body.voy-home .voy-mobile-sheet hr{border-top-color:rgba(255,255,255,.18)!important;margin:10px 0!important}
body.voy-home .voy-m-menu-top{display:flex!important;flex-direction:column;gap:12px;margin:0 0 14px}
body.voy-home .voy-m-menu-top p{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.3}
body.voy-home .voy-m-menu-login{
  align-self:flex-start;background:var(--voy-color-accent);color:#fff;text-decoration:none;
  font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:9px 18px;border-radius:999px;
}
body.voy-home .voy-m-menu-lang{display:flex;gap:8px}
body.voy-home .voy-m-menu-lang a{
  color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
}
body.voy-home .voy-m-menu-lang a[aria-current="true"]{background:#fff;color:var(--voy-m-navy)}

/* ---------- header: menu | logo ............ Anmelden ---------- */
body.voy-home .voy-header{background:#fff!important;border:0!important;box-shadow:none!important}
body.voy-home .voy-header-inner{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important;min-height:64px!important;padding:8px 16px!important}
body.voy-home .voy-header-actions{display:contents!important}
body.voy-home .voy-mobile-menu-trigger{
  order:-2;grid-column:1;justify-self:start;display:inline-flex!important;align-items:center;justify-content:center;
  width:40px!important;height:40px!important;margin:0 0 0 -8px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:var(--voy-m-navy)!important;
}
body.voy-home .voy-mobile-menu-trigger svg{width:24px!important;height:24px!important}
body.voy-home .voy-brand{order:-1;justify-self:center;grid-column:2}
body.voy-home .voy-brand img{height:30px!important;width:auto!important;max-width:44vw}
body.voy-home .voy-header-actions .voy-theme-toggle,
body.voy-home .voy-header-actions .voy-lang-select,
body.voy-home .voy-header-contacts,
body.voy-home .voy-nav-products{display:none!important}
body.voy-home .voy-header-link-btn{
  order:1;grid-column:3;justify-self:end;margin-left:0!important;display:inline-flex!important;align-items:center;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:6px 0!important;min-height:0!important;
  color:var(--voy-m-navy)!important;font-size:15px!important;font-weight:800!important;
  letter-spacing:.02em;text-transform:uppercase;text-decoration:none;
}
body.voy-home .voy-header-link-btn span{display:inline!important}
body.voy-home .voy-header-link-btn svg{display:none!important}

/* ---------- no promo / photo band: the form starts right under the header ---------- */
body.voy-home main.public-content{background:#fff!important}
body.voy-home .voy-bg-layer{display:none!important}
body.voy-home .voy-hero{background:#fff!important;padding:4px 0 0!important}
body.voy-home .voy-hero .voy-container{padding:0 16px!important;margin:0!important;max-width:none!important;width:auto!important}
body.voy-home .voy-search-panel{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;max-width:none!important;margin:0!important;border-radius:0!important;
}

/* ---------- module tabs ---------- */
body.voy-home .voy-m-tabs{
  display:grid!important;grid-template-columns:repeat(4,1fr);gap:2px;
  background:var(--voy-color-surface-alt);border-radius:999px;padding:4px;margin:4px 0 16px;
}
body.voy-home .voy-m-tab{
  display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:0 4px;
  border-radius:999px;color:var(--voy-m-navy);text-decoration:none;
  font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;letter-spacing:-.01em;
}
body.voy-home .voy-m-tab[aria-current="page"]{background:#fff;box-shadow:0 1px 4px rgba(16,24,40,.14)}

/* ---------- Reiseart: radio dots ---------- */
body.voy-home .voy-trip-type{
  display:flex!important;flex-wrap:nowrap;gap:12px!important;background:transparent!important;
  border-radius:0!important;padding:0 2px!important;margin:0 0 14px!important;
}
body.voy-home .voy-trip-type label{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center;gap:7px;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  font-size:13px!important;font-weight:700!important;color:#495365!important;text-align:left!important;gap:6px!important;
}
body.voy-home .voy-trip-type label::before{
  content:"";flex:0 0 auto;width:18px;height:18px;border-radius:50%;box-sizing:border-box;
  border:2px solid #c7cdd7;background:#fff;
}
body.voy-home .voy-trip-type label span{color:inherit!important;padding:0!important;background:transparent!important;white-space:nowrap}
body.voy-home .voy-trip-type label:has(input:checked){color:var(--voy-color-primary)!important;background:transparent!important}
body.voy-home .voy-trip-type label:has(input:checked) span{color:var(--voy-color-primary)!important}
body.voy-home .voy-trip-type label:has(input:checked)::before{
  border-color:var(--voy-color-primary);background:radial-gradient(circle,var(--voy-color-primary) 0 42%,#fff 44%);
}

/* ---------- fields (Wizz: soft grey boxes, no borders) ---------- */
body.voy-home .voy-search-fields{gap:12px!important}
body.voy-home .voy-search-panel .voy-field{
  background:var(--voy-color-surface-alt)!important;border:0!important;box-shadow:none!important;
  border-radius:14px;padding:12px 16px!important;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:3px;
}
body.voy-home .voy-search-panel .voy-field-label{font-size:11px!important;letter-spacing:.05em}
body.voy-home .voy-search-panel .voy-field-value{font-size:18px!important;font-weight:700!important;color:var(--voy-color-ink)!important;line-height:1.2}
body.voy-home .voy-search-panel .voy-field-value[data-empty="true"]{color:var(--voy-color-muted)!important;font-weight:600!important}

/* Von / Bis: one box, divider, swap on the right */
body.voy-home .voy-od-row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;position:relative}
body.voy-home .voy-od-row>.voy-field:first-of-type{border-radius:14px 14px 0 0!important}
body.voy-home .voy-od-row>.voy-field:last-of-type{border-radius:0 0 14px 14px!important;border-top:1px solid var(--voy-color-border)!important}
body.voy-home .voy-od-row .voy-field{padding-right:64px!important}
body.voy-home .voy-swap-btn{
  top:50%!important;bottom:auto!important;left:auto!important;right:14px!important;transform:translateY(-50%)!important;
  width:44px!important;height:44px!important;background:#fff!important;border:0!important;box-shadow:0 1px 6px rgba(16,24,40,.14)!important;
  color:var(--voy-color-primary)!important;
}
body.voy-home .voy-swap-btn svg{transform:rotate(90deg);width:18px;height:18px}

/* Abflug | Rueckflug side by side in one box */
body.voy-home .voy-date-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important}
body.voy-home .voy-date-row>.voy-field{min-width:0!important}
body.voy-home .voy-date-row>.voy-field:first-child{border-radius:14px 0 0 14px!important}
body.voy-home .voy-date-row>.voy-return-field{border-radius:0 14px 14px 0!important;border-left:1px solid var(--voy-color-border)!important}
body.voy-home .voy-date-row .voy-field-value{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- passengers: field + bottom sheet ---------- */
body.voy-home #passenger-trigger{display:none!important}
body.voy-home .voy-pax-cta-row{display:block!important}
body.voy-home .voy-m-pax-field{display:flex!important;width:100%;text-align:left;font:inherit;cursor:pointer;align-items:flex-start}
body.voy-home .voy-m-pax-sheet{display:block!important;position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none;transition:visibility 0s linear .55s}
body.voy-home .voy-m-pax-sheet[data-open="true"]{visibility:visible;pointer-events:auto;transition-delay:0s}
body.voy-home .voy-m-pax-backdrop{position:absolute;inset:0;background:rgba(6,18,34,.55);opacity:0;transition:opacity .45s ease}
body.voy-home .voy-m-pax-sheet[data-open="true"] .voy-m-pax-backdrop{opacity:1}
body.voy-home .voy-m-pax-panel{
  position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;
  padding:12px 20px calc(env(safe-area-inset-bottom,0px) + 20px);box-shadow:0 -12px 40px rgba(6,18,34,.2);
  transform:translateY(105%);transition:transform .55s cubic-bezier(.22,.8,.22,1);
}
body.voy-home .voy-m-pax-sheet[data-open="true"] .voy-m-pax-panel{transform:translateY(0)}
body.voy-home .voy-m-pax-panel.is-dragging{transition:none}
body.voy-home .voy-m-pax-handle{width:40px;height:5px;border-radius:99px;background:#c9d1db;margin:0 auto 16px}
body.voy-home .voy-m-pax-panel h2{margin:0 0 10px;font-size:22px;font-weight:800;color:var(--voy-color-ink);font-family:inherit!important;letter-spacing:normal}
body.voy-home .voy-m-pax-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
body.voy-home .voy-m-pax-row-text strong{display:block;font-size:17px;font-weight:800;color:var(--voy-color-ink)}
body.voy-home .voy-m-pax-row-text small{display:block;font-size:14px;color:var(--voy-color-muted);margin-top:2px}
body.voy-home .voy-m-pax-ctrl{display:flex;align-items:center;gap:14px}
body.voy-home .voy-m-pax-ctrl output{min-width:26px;text-align:center;font-size:22px;font-weight:800;color:var(--voy-color-ink);font-variant-numeric:tabular-nums}
body.voy-home .voy-m-pax-ctrl button{
  width:46px;height:46px;border-radius:50%;border:1.5px solid var(--voy-color-border-strong);background:#fff;padding:0;
  display:inline-flex;align-items:center;justify-content:center;color:var(--voy-color-muted);cursor:pointer;
}
body.voy-home .voy-m-pax-ctrl button[data-d="1"]{color:var(--voy-color-primary)}
body.voy-home .voy-m-pax-ctrl button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
body.voy-home .voy-m-pax-ctrl button:disabled{opacity:.35;cursor:default}
body.voy-home .voy-m-pax-confirm{
  display:block;width:100%;min-height:56px;margin-top:14px;border:0;border-radius:999px;cursor:pointer;
  background:var(--voy-color-primary);color:#fff;font-size:17px;font-weight:800;
}
body.voy-home.voy-sheet-open{overflow:hidden}

/* ---------- destination picker (full screen, slides from the side) ---------- */
body.voy-home .voy-m-picker{
  display:flex!important;flex-direction:column;position:fixed;inset:0;z-index:95;background:#fff;
  visibility:hidden;pointer-events:none;transform:translateX(-100%);
  transition:transform .45s cubic-bezier(.22,.8,.22,1),visibility 0s linear .45s;
}
body.voy-home .voy-m-picker[data-kind="destination"]{transform:translateX(100%)}
body.voy-home .voy-m-picker[data-open="true"]{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s,0s}
body.voy-home .voy-m-picker-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 10px;
}
body.voy-home .voy-m-picker-title{margin:0;font-family:inherit!important;font-size:20px;font-weight:800;color:#172033;letter-spacing:normal}
body.voy-home .voy-m-picker-close{
  width:40px;height:40px;border:0;border-radius:50%;background:#f1f4f8;color:#172033;padding:0;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;
}
body.voy-home .voy-m-picker-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
body.voy-home .voy-m-picker-search{
  display:flex;align-items:center;gap:10px;margin:4px 16px 10px;padding:0 14px;min-height:48px;
  background:#f1f4f8;border-radius:12px;color:#6b7a8c;
}
body.voy-home .voy-m-picker-search svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
body.voy-home .voy-m-picker-search input{
  flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:16px;color:#172033;padding:12px 0;
  -webkit-appearance:none;appearance:none;
}
body.voy-home .voy-m-picker-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 0 calc(env(safe-area-inset-bottom,0px) + 16px)}
body.voy-home .voy-m-picker-row{
  display:flex;align-items:center;gap:14px;width:100%;padding:10px 16px;border:0;border-bottom:1px solid #eef1f5;
  background:#fff;text-align:left;font:inherit;cursor:pointer;color:#172033;
}
body.voy-home .voy-m-picker-row[aria-selected="true"]{background:var(--voy-color-primary-tint)}
body.voy-home .voy-m-picker-photo{
  flex:0 0 auto;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--voy-color-primary-tint);
  display:inline-flex;align-items:center;justify-content:center;color:var(--voy-color-primary);
}
body.voy-home .voy-m-picker-photo img{width:100%;height:100%;object-fit:cover;display:block}
body.voy-home .voy-m-picker-photo svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.voy-home .voy-m-picker-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.voy-home .voy-m-picker-text small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7a8c}
body.voy-home .voy-m-picker-text strong{font-size:17px;font-weight:700;color:#172033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.voy-home .voy-m-picker-code{flex:0 0 auto;font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--voy-color-primary)}
body.voy-home .voy-m-picker-empty{padding:28px 16px;text-align:center;color:#6b7a8c;font-size:15px}

/* ---------- calendar (full screen, grows out of the date field) ---------- */
body.voy-home .voy-m-cal{
  display:flex!important;flex-direction:column;position:fixed;inset:0;z-index:96;background:#fff;
  visibility:hidden;pointer-events:none;
  -webkit-clip-path:var(--voy-cal-from,inset(40% 4% 40% 4% round 14px));clip-path:var(--voy-cal-from,inset(40% 4% 40% 4% round 14px));
  transition:-webkit-clip-path .5s cubic-bezier(.22,.8,.22,1),clip-path .5s cubic-bezier(.22,.8,.22,1),visibility 0s linear .5s;
}
body.voy-home .voy-m-cal[data-open="true"]{
  visibility:visible;pointer-events:auto;-webkit-clip-path:inset(0 0 0 0 round 0);clip-path:inset(0 0 0 0 round 0);
  transition-delay:0s,0s,0s;
}
body.voy-home .voy-m-cal>*{transition:opacity .3s ease .12s}
body.voy-home .voy-m-cal:not([data-open="true"])>*{opacity:0;transition-delay:0s}
body.voy-home .voy-m-cal-head{padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 4px}
body.voy-home .voy-m-cal-back{
  display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:8px 4px;
  font:inherit;font-size:16px;font-weight:700;color:#172033;cursor:pointer;
}
body.voy-home .voy-m-cal-back svg,
body.voy-home .voy-m-cal-step svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.voy-home .voy-m-cal-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e3e8ef}
body.voy-home .voy-m-cal[data-trip="one_way"] .voy-m-cal-tabs{grid-template-columns:1fr}
body.voy-home .voy-m-cal[data-trip="one_way"] .voy-m-cal-tab[data-leg="return"]{display:none}
body.voy-home .voy-m-cal-tab{
  display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 12px;border:0;cursor:pointer;
  background:#f4f6f9;font:inherit;color:#6b7a8c;border-top:3px solid transparent;
}
body.voy-home .voy-m-cal-tab strong{font-size:16px;font-weight:800;color:inherit}
body.voy-home .voy-m-cal-tab small{font-size:13px;font-weight:600;color:inherit}
body.voy-home .voy-m-cal-tab[aria-selected="true"]{background:#fff;color:#172033;border-top-color:var(--voy-color-primary)}
body.voy-home .voy-m-cal-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 2px}
body.voy-home .voy-m-cal-bar-month{font-size:17px;font-weight:800;color:#172033}
body.voy-home .voy-m-cal-step{
  width:40px;height:40px;border:0;border-radius:50%;background:#f1f4f8;color:#172033;padding:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
body.voy-home .voy-m-cal-step:disabled{opacity:.3}
body.voy-home .voy-m-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:6px 10px;border-bottom:1px solid #e3e8ef}
body.voy-home .voy-m-cal-weekdays span{text-align:center;font-size:12px;font-weight:700;color:#6b7a8c;text-transform:uppercase}
body.voy-home .voy-m-cal-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 10px 18px}
body.voy-home .voy-m-cal-month h3{margin:18px 2px 8px;font-family:inherit!important;font-size:15px;font-weight:800;color:#172033;letter-spacing:normal}
body.voy-home .voy-m-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
body.voy-home .voy-m-day{
  position:relative;min-height:54px;border:0;border-radius:8px;background:#fff;padding:0;font:inherit;cursor:pointer;
  display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;color:#172033;
}
body.voy-home .voy-m-day[data-empty]{background:transparent;cursor:default}
body.voy-home .voy-m-day i{position:absolute;top:5px;left:6px;font-style:normal;font-size:12px;font-weight:700;color:#172033}
body.voy-home .voy-m-day svg{position:absolute;top:5px;right:5px;width:12px;height:12px;fill:currentColor;color:var(--voy-color-primary)}
body.voy-home .voy-m-day b{font-size:12px;font-weight:800;color:#172033;white-space:nowrap}
body.voy-home .voy-m-day[data-avail="true"]{background:var(--voy-color-primary-tint)}
body.voy-home .voy-m-day[data-disabled="true"]{cursor:default;background:#fff}
body.voy-home .voy-m-day[data-disabled="true"] i{color:#c3cad4}
body.voy-home .voy-m-day[data-range="true"]{background:color-mix(in srgb,var(--voy-color-primary) 10%,#fff)}
body.voy-home .voy-m-day[data-range="true"][data-avail="true"]{background:color-mix(in srgb,var(--voy-color-primary) 20%,#fff)}
body.voy-home .voy-m-day[data-sel]{background:var(--voy-color-primary)!important;color:#fff}
body.voy-home .voy-m-day[data-sel] i,
body.voy-home .voy-m-day[data-sel] b,
body.voy-home .voy-m-day[data-sel] svg{color:#fff}
body.voy-home .voy-m-cal-foot{border-top:1px solid #e3e8ef;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 14px);background:#fff}
body.voy-home .voy-m-cal-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:13px;font-weight:600;color:#44516a}
body.voy-home .voy-m-cal-legend span{display:inline-flex;align-items:center;gap:6px}
body.voy-home .voy-m-cal-legend svg{width:14px;height:14px;fill:currentColor;color:var(--voy-color-primary)}
body.voy-home .voy-m-cal-legend-box{display:inline-block;width:14px;height:14px;border-radius:4px;border:1.5px solid #d5dce6;background:#fff}
body.voy-home .voy-m-cal[data-price-known="false"] .voy-m-cal-price strong{font-size:17px}
body.voy-home .voy-m-cal-note{flex-basis:100%;color:#6b7a8c;font-weight:600}
body.voy-home .voy-m-cal-note:empty{display:none}
body.voy-home .voy-m-cal-choose{display:none;align-items:center;justify-content:space-between;gap:14px}
body.voy-home .voy-m-cal[data-ready="true"] .voy-m-cal-choose{display:flex}
body.voy-home .voy-m-cal[data-ready="true"] .voy-m-cal-legend{display:none}
body.voy-home .voy-m-cal-price strong{display:block;font-size:24px;font-weight:800;color:#172033}
body.voy-home .voy-m-cal-price small{display:block;font-size:12px;color:#6b7a8c;max-width:170px;line-height:1.25}
body.voy-home .voy-m-cal-apply{
  display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 22px;border:0;border-radius:14px;cursor:pointer;
  background:var(--voy-color-primary);color:#fff;font:inherit;font-size:16px;font-weight:800;flex:0 0 auto;
}
body.voy-home .voy-m-cal-apply svg{width:20px;height:20px;fill:currentColor}

/* ---------- Suchen ---------- */
body.voy-home #hotel-search-submit{display:flex!important;width:100%!important;min-height:56px!important;margin-top:12px!important;border-radius:14px!important;font-size:17px!important;font-weight:800!important;justify-content:center!important;align-items:center!important}
body.voy-home .voy-search-panel .voy-pax-cta-row{display:block!important}
body.voy-home #search-submit{
  width:100%!important;min-height:56px!important;margin-top:0!important;border-radius:14px!important;
  font-size:17px!important;font-weight:800!important;justify-content:center!important;
}

/* ---------- offers: one square photo card, cross-fading every 6 s ---------- */
body.voy-home #ofertat{padding:14px 0 18px!important;margin:0!important;background:#fff!important}
body.voy-home #ofertat .voy-container{padding:0 16px!important;margin:0!important;max-width:none!important;width:auto!important}
body.voy-home #ofertat .voy-section-head{display:none!important}
body.voy-home #ofertat .voy-offer-rail{
  position:relative!important;display:block!important;overflow:hidden!important;aspect-ratio:1/1;width:100%!important;
  border-radius:20px;background:#dfe6ee;padding:0!important;margin:0!important;gap:0!important;
  scroll-snap-type:none!important;box-shadow:0 10px 30px rgba(16,24,40,.14);
}
body.voy-home #ofertat .voy-offer-card{
  position:absolute!important;inset:0!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
  opacity:0;pointer-events:none;transition:opacity 1.2s ease;display:block!important;color:#fff!important;text-decoration:none;
}
body.voy-home #ofertat .voy-offer-card.is-active{opacity:1;pointer-events:auto}
body.voy-home #ofertat .voy-offer-media{
  position:absolute!important;inset:0!important;height:auto!important;width:auto!important;border-radius:0!important;
  background-size:cover!important;background-position:center!important;
}
body.voy-home #ofertat .voy-offer-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,18,34,.35) 0%,rgba(6,18,34,0) 35%,rgba(6,18,34,0) 50%,rgba(6,18,34,.78) 100%);
}
body.voy-home #ofertat .voy-offer-badge{position:absolute!important;top:14px!important;left:14px!important;z-index:1}
body.voy-home #ofertat .voy-offer-body{
  position:absolute!important;left:0;right:0;bottom:0;z-index:1;padding:18px!important;background:transparent!important;
  display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;
}
body.voy-home #ofertat .voy-offer-route{grid-column:1/-1;color:#fff!important;font-size:22px!important;font-weight:800!important;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.45)}
body.voy-home #ofertat .voy-offer-meta{color:rgba(255,255,255,.9)!important;font-size:14px!important;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.45)}
body.voy-home #ofertat .voy-offer-price{display:flex!important;align-items:baseline;gap:6px;margin:0!important;color:#fff!important}
body.voy-home #ofertat .voy-offer-price span{color:rgba(255,255,255,.9)!important;font-size:13px!important}
body.voy-home #ofertat .voy-offer-price strong{color:#fff!important;font-size:24px!important;font-weight:800!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}
body.voy-home #ofertat .voy-offer-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px;z-index:2;pointer-events:none}
body.voy-home #ofertat .voy-offer-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .4s,width .4s}
body.voy-home #ofertat .voy-offer-dots i.is-on{background:#fff;width:16px;border-radius:3px}

/* ---------- offers: one square photo card, cross-fading every 6 s ---------- */
body.voy-home #ofertat-hotele{padding:14px 0 18px!important;margin:0!important;background:#fff!important}
body.voy-home #ofertat-hotele .voy-container{padding:0 16px!important;margin:0!important;max-width:none!important;width:auto!important}
body.voy-home #ofertat-hotele .voy-section-head{display:none!important}
body.voy-home #ofertat-hotele .voy-offer-rail{
  position:relative!important;display:block!important;overflow:hidden!important;aspect-ratio:1/1;width:100%!important;
  border-radius:20px;background:#dfe6ee;padding:0!important;margin:0!important;gap:0!important;
  scroll-snap-type:none!important;box-shadow:0 10px 30px rgba(16,24,40,.14);
}
body.voy-home #ofertat-hotele .voy-offer-card{
  position:absolute!important;inset:0!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;
  opacity:0;pointer-events:none;transition:opacity 1.2s ease;display:block!important;color:#fff!important;text-decoration:none;
}
body.voy-home #ofertat-hotele .voy-offer-card.is-active{opacity:1;pointer-events:auto}
body.voy-home #ofertat-hotele .voy-offer-media{
  position:absolute!important;inset:0!important;height:auto!important;width:auto!important;border-radius:0!important;
  background-size:cover!important;background-position:center!important;
}
body.voy-home #ofertat-hotele .voy-offer-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,18,34,.35) 0%,rgba(6,18,34,0) 35%,rgba(6,18,34,0) 50%,rgba(6,18,34,.78) 100%);
}
body.voy-home #ofertat-hotele .voy-offer-badge{position:absolute!important;top:14px!important;left:14px!important;z-index:1}
body.voy-home #ofertat-hotele .voy-offer-body{
  position:absolute!important;left:0;right:0;bottom:0;z-index:1;padding:18px!important;background:transparent!important;
  display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;
}
body.voy-home #ofertat-hotele .voy-offer-route{grid-column:1/-1;color:#fff!important;font-size:22px!important;font-weight:800!important;line-height:1.15;text-shadow:0 1px 6px rgba(0,0,0,.45)}
body.voy-home #ofertat-hotele .voy-offer-meta{color:rgba(255,255,255,.9)!important;font-size:14px!important;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.45)}
body.voy-home #ofertat-hotele .voy-offer-price{display:flex!important;align-items:baseline;gap:6px;margin:0!important;color:#fff!important}
body.voy-home #ofertat-hotele .voy-offer-price span{color:rgba(255,255,255,.9)!important;font-size:13px!important}
body.voy-home #ofertat-hotele .voy-offer-price strong{color:#fff!important;font-size:24px!important;font-weight:800!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}
body.voy-home #ofertat-hotele .voy-offer-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px;z-index:2;pointer-events:none}
body.voy-home #ofertat-hotele .voy-offer-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);transition:background .4s,width .4s}
body.voy-home #ofertat-hotele .voy-offer-dots i.is-on{background:#fff;width:16px;border-radius:3px}

/* ---------- footer: one small line, the page ends here ---------- */
body.voy-home .voy-footer{padding:0!important;margin:0!important;border-top:1px solid #e8edf3!important;background:#fff!important}
body.voy-home .voy-footer-inner{display:flex!important;justify-content:center!important;align-items:center!important;padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px)!important;gap:0!important;min-height:0!important}
body.voy-home .voy-footer-brand{display:none!important}
body.voy-home .voy-footer-links{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:18px!important;margin:0!important}
body.voy-home .voy-footer-links a{font-size:12px!important;font-weight:600!important;padding:0!important;white-space:nowrap}
body.voy-home .voy-page{min-height:0!important}
/* The offers block carries a Theme Studio desktop nudge (translate -10px/-44px
   on div.voy-container, scoped with :not(#ts-x):not(#ts-y)); on the phone it
   pushed the photo card under Suchen - cancel it here (phone only). */
body.voy-home #ofertat#ofertat#ofertat#ofertat .voy-container.voy-container{transform:none!important;left:auto!important;top:auto!important;position:static!important}
body.voy-home #ofertat-hotele#ofertat-hotele#ofertat-hotele#ofertat-hotele .voy-container.voy-container{transform:none!important;left:auto!important;top:auto!important;position:static!important}

/* VOYAGER_MOBILE_PAX_V2: rounded panel, soft rows, filled round +/- buttons */
body.voy-home .voy-m-pax-panel{border-radius:28px 28px 0 0!important;padding-top:10px!important}
body.voy-home .voy-m-pax-panel h2{font-size:20px!important;margin:0 0 6px!important}
body.voy-home .voy-m-pax-row{background:#f4f6f9;border-radius:18px;padding:12px 14px!important;margin:0 0 10px}
body.voy-home .voy-m-pax-ctrl{gap:12px!important}
body.voy-home .voy-m-pax-ctrl button{width:42px!important;height:42px!important;border:0!important}
body.voy-home .voy-m-pax-ctrl button[data-d="-1"]{background:#fff!important;color:var(--voy-color-primary)!important;box-shadow:0 1px 4px rgba(16,24,40,.12)}
body.voy-home .voy-m-pax-ctrl button[data-d="1"]{background:var(--voy-color-primary)!important;color:#fff!important;box-shadow:0 4px 12px color-mix(in srgb,var(--voy-color-primary) 35%,transparent)}
body.voy-home .voy-m-pax-ctrl button:disabled{opacity:.35!important;box-shadow:none!important}
body.voy-home .voy-m-pax-ctrl output{min-width:24px!important;font-size:22px!important}
body.voy-home .voy-m-pax-confirm{background:transparent!important;color:var(--voy-color-primary)!important;border:2px solid var(--voy-color-primary)!important;min-height:50px!important;margin-top:8px!important}

/* VOYAGER_MOBILE_PAX_V3: floating drop-down card under the Passagiere field */
body.voy-home .voy-m-pax-field[data-open="true"]{box-shadow:inset 0 0 0 2px var(--voy-color-primary)!important}
body.voy-home .voy-m-pax-drop{display:grid!important;grid-template-rows:0fr;transition:grid-template-rows .35s cubic-bezier(.22,.8,.22,1),margin .35s ease;margin:-12px 0 0}
body.voy-home .voy-m-pax-drop[data-open="true"]{grid-template-rows:1fr;margin:-4px 0 0}
body.voy-home .voy-m-pax-drop-inner{overflow:hidden;min-height:0;background:#fff;border-radius:18px;
  box-shadow:0 10px 30px rgba(16,24,40,.14),0 1px 3px rgba(16,24,40,.08);opacity:0;transform:translate3d(0,-8px,0);
  transition:opacity .25s ease,transform .35s cubic-bezier(.22,.8,.22,1)}
body.voy-home .voy-m-pax-drop[data-open="true"] .voy-m-pax-drop-inner{opacity:1;transform:none;padding:6px 10px}
body.voy-home .voy-m-pax-drop .voy-m-pax-row{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  background:transparent!important;border-radius:0!important;margin:0!important;padding:10px 4px!important}
body.voy-home .voy-m-pax-drop .voy-m-pax-row+.voy-m-pax-row{border-top:1px solid #eef1f5}
body.voy-home .voy-m-pax-mid{text-align:center;line-height:1.15}
body.voy-home .voy-m-pax-line{font-size:17px;font-weight:700;color:var(--voy-color-ink)}
body.voy-home .voy-m-pax-line output{font-size:17px!important;font-weight:800!important;min-width:0!important}
body.voy-home .voy-m-pax-line strong{font-weight:700}
body.voy-home .voy-m-pax-mid small{display:block;font-size:12px;color:var(--voy-color-muted);margin-top:2px}
body.voy-home .voy-m-pax-drop button[data-d]{width:40px;height:40px;border-radius:50%;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
body.voy-home .voy-m-pax-drop button[data-d="-1"]{background:var(--voy-color-primary-tint);color:var(--voy-color-primary)}
body.voy-home .voy-m-pax-drop button[data-d="1"]{background:var(--voy-color-primary);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--voy-color-primary) 30%,transparent)}
body.voy-home .voy-m-pax-drop button[data-d] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
body.voy-home .voy-m-pax-drop button:disabled{opacity:.35;box-shadow:none}
body.voy-home #search-submit{margin-top:0!important}

body.voy-home .voy-m-pax-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 6px 6px}
body.voy-home .voy-m-pax-head span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--voy-color-muted)}
body.voy-home .voy-m-pax-x{width:32px;height:32px;border-radius:50%;border:0;background:#f1f4f8;color:#172033;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
body.voy-home .voy-m-pax-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}

/* VOYAGER_MOBILE_TABS_V2 (admin mockup, 2026-09-27): white tab row, thin
   dividers between tabs, active tab in a softened Sky Express blue with a
   small softened orange dot - present but not loud. */
body.voy-home .voy-m-tabs{background:#fff!important;border:1.5px solid color-mix(in srgb,var(--voy-color-primary) 22%,#fff)!important;padding:4px!important;gap:0!important;box-shadow:0 2px 8px rgba(16,24,40,.05)}
body.voy-home .voy-m-tab{position:relative;color:color-mix(in srgb,var(--voy-color-primary) 85%,#172033)!important;font-weight:700!important}
body.voy-home .voy-m-tab+.voy-m-tab::before{content:"";position:absolute;left:0;top:26%;bottom:26%;width:1.5px;border-radius:2px;background:color-mix(in srgb,var(--voy-color-primary) 18%,#fff)}
body.voy-home .voy-m-tab[aria-current="page"]::before,body.voy-home .voy-m-tab[aria-current="page"]+.voy-m-tab::before{display:none}
body.voy-home .voy-m-tab[aria-current="page"]{background:color-mix(in srgb,var(--voy-color-primary) 82%,#fff)!important;color:#fff!important;box-shadow:0 2px 8px color-mix(in srgb,var(--voy-color-primary) 22%,transparent)!important;gap:7px}
body.voy-home .voy-m-tab[aria-current="page"]::after{content:"";order:-1;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--voy-color-accent) 85%,#fff);flex:0 0 auto}
/* tab row edges line up with the fields below: same corner radius as the
   field cards instead of a full pill, so start/end form one vertical line */
body.voy-home .voy-m-tabs{border-radius:20px!important;padding:3px!important}
body.voy-home .voy-m-tab{border-radius:17px!important}
/* VOYAGER_MOBILE_INSTANT_TABS_V1: fushat e datave të hotelit = njësoj si Abflug/Rückflug */
body.voy-home #hotel-search-form .voy-date-row>.voy-field:first-child{border-radius:14px 0 0 14px!important}
body.voy-home #hotel-search-form .voy-date-row>.voy-field:last-child{border-radius:0 14px 14px 0!important;border-left:1px solid var(--voy-color-border)!important}
body.voy-home #hotel-search-form .platform-date-input-wrap{display:flex!important;align-items:center;gap:6px;min-width:0}
body.voy-home #hotel-search-form .platform-date-input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:16px!important;font-weight:600!important;color:inherit!important;min-width:0;width:100%!important;outline:none}
body.voy-home #hotel-search-form .platform-date-trigger{border:0!important;background:transparent!important;box-shadow:none!important;width:28px!important;height:28px!important;padding:0!important;opacity:.65;flex:0 0 auto}
body.voy-home #hotel-search-form input[name=city]{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:16px!important;font-weight:600!important;color:inherit!important;width:100%;outline:none}