Filters
Where should you go?
Cities in Germany
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(157)"
:style="(filters.destination_ids && filters.destination_ids.includes('157'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Allendorf
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(156)"
:style="(filters.destination_ids && filters.destination_ids.includes('156'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Bad Sooden
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(149)"
:style="(filters.destination_ids && filters.destination_ids.includes('149'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Berlin
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(87)"
:style="(filters.destination_ids && filters.destination_ids.includes('87'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Cologne
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(152)"
:style="(filters.destination_ids && filters.destination_ids.includes('152'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Dortmund
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(162)"
:style="(filters.destination_ids && filters.destination_ids.includes('162'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Dresden
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(158)"
:style="(filters.destination_ids && filters.destination_ids.includes('158'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Eisenach
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(160)"
:style="(filters.destination_ids && filters.destination_ids.includes('160'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Erfurt
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(86)"
:style="(filters.destination_ids && filters.destination_ids.includes('86'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Frankfurt
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(151)"
:style="(filters.destination_ids && filters.destination_ids.includes('151'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Fussen
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(154)"
:style="(filters.destination_ids && filters.destination_ids.includes('154'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Goslar
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(159)"
:style="(filters.destination_ids && filters.destination_ids.includes('159'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Gotha
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(155)"
:style="(filters.destination_ids && filters.destination_ids.includes('155'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Gottingen
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(153)"
:style="(filters.destination_ids && filters.destination_ids.includes('153'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Hannover
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(161)"
:style="(filters.destination_ids && filters.destination_ids.includes('161'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Leipzig
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(150)"
:style="(filters.destination_ids && filters.destination_ids.includes('150'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Potsdam
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(148)"
:style="(filters.destination_ids && filters.destination_ids.includes('148'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Poznan
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(85)"
:style="(filters.destination_ids && filters.destination_ids.includes('85'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Rothenburg
Cities in Ireland
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(167)"
:style="(filters.destination_ids && filters.destination_ids.includes('167'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Alnwick
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(172)"
:style="(filters.destination_ids && filters.destination_ids.includes('172'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Belfast
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(174)"
:style="(filters.destination_ids && filters.destination_ids.includes('174'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Caernarfon
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(164)"
:style="(filters.destination_ids && filters.destination_ids.includes('164'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Cambridge
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(173)"
:style="(filters.destination_ids && filters.destination_ids.includes('173'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Dublin
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(166)"
:style="(filters.destination_ids && filters.destination_ids.includes('166'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Durham
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(168)"
:style="(filters.destination_ids && filters.destination_ids.includes('168'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Edinburgh
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(170)"
:style="(filters.destination_ids && filters.destination_ids.includes('170'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Fort Augustus
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(171)"
:style="(filters.destination_ids && filters.destination_ids.includes('171'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Glasgow
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(169)"
:style="(filters.destination_ids && filters.destination_ids.includes('169'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Inverness
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(175)"
:style="(filters.destination_ids && filters.destination_ids.includes('175'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Liverpool
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(177)"
:style="(filters.destination_ids && filters.destination_ids.includes('177'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Oxford
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(176)"
:style="(filters.destination_ids && filters.destination_ids.includes('176'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Stratford
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(165)"
:style="(filters.destination_ids && filters.destination_ids.includes('165'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
York
Cities in Netherlands
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(89)"
:style="(filters.destination_ids && filters.destination_ids.includes('89'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Amsterdam
Cities in France
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(31)"
:style="(filters.destination_ids && filters.destination_ids.includes('31'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Arles
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(50)"
:style="(filters.destination_ids && filters.destination_ids.includes('50'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Beaune
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(178)"
:style="(filters.destination_ids && filters.destination_ids.includes('178'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Burgundy
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(32)"
:style="(filters.destination_ids && filters.destination_ids.includes('32'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Chambery
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(192)"
:style="(filters.destination_ids && filters.destination_ids.includes('192'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
International Departure Airport
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(51)"
:style="(filters.destination_ids && filters.destination_ids.includes('51'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Lyon
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(1)"
:style="(filters.destination_ids && filters.destination_ids.includes('1'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Paris
Paris
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(74)"
:style="(filters.destination_ids && filters.destination_ids.includes('74'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Rouen
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(39)"
:style="(filters.destination_ids && filters.destination_ids.includes('39'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Strasbourg
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(191)"
:style="(filters.destination_ids && filters.destination_ids.includes('191'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Transit
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(49)"
:style="(filters.destination_ids && filters.destination_ids.includes('49'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Versailles
Cities in Greece
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(98)"
:style="(filters.destination_ids && filters.destination_ids.includes('98'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Athens
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(102)"
:style="(filters.destination_ids && filters.destination_ids.includes('102'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Crete
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(104)"
:style="(filters.destination_ids && filters.destination_ids.includes('104'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Delphi
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(106)"
:style="(filters.destination_ids && filters.destination_ids.includes('106'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Heraklion
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(103)"
:style="(filters.destination_ids && filters.destination_ids.includes('103'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Meteora
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(105)"
:style="(filters.destination_ids && filters.destination_ids.includes('105'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Patmos
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(101)"
:style="(filters.destination_ids && filters.destination_ids.includes('101'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Santorini
Cities in Lithuania
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(146)"
:style="(filters.destination_ids && filters.destination_ids.includes('146'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Augustów
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(145)"
:style="(filters.destination_ids && filters.destination_ids.includes('145'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Grutas Park
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(141)"
:style="(filters.destination_ids && filters.destination_ids.includes('141'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Riga
Cities in Spain
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(6)"
:style="(filters.destination_ids && filters.destination_ids.includes('6'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Barcelona
Barcelona
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(63)"
:style="(filters.destination_ids && filters.destination_ids.includes('63'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Consuegra
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(62)"
:style="(filters.destination_ids && filters.destination_ids.includes('62'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Córdoba
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(30)"
:style="(filters.destination_ids && filters.destination_ids.includes('30'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Girona
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(56)"
:style="(filters.destination_ids && filters.destination_ids.includes('56'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Granada
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(124)"
:style="(filters.destination_ids && filters.destination_ids.includes('124'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Lisbon
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(55)"
:style="(filters.destination_ids && filters.destination_ids.includes('55'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Madrid
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(60)"
:style="(filters.destination_ids && filters.destination_ids.includes('60'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Malaga
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(59)"
:style="(filters.destination_ids && filters.destination_ids.includes('59'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Nerja
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(66)"
:style="(filters.destination_ids && filters.destination_ids.includes('66'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Poblet
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(58)"
:style="(filters.destination_ids && filters.destination_ids.includes('58'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Puerto Lápice
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(61)"
:style="(filters.destination_ids && filters.destination_ids.includes('61'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Ronda
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(57)"
:style="(filters.destination_ids && filters.destination_ids.includes('57'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Seville
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(65)"
:style="(filters.destination_ids && filters.destination_ids.includes('65'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Zaragoza
Cities in Switzerland
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(40)"
:style="(filters.destination_ids && filters.destination_ids.includes('40'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Bellinzona
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(193)"
:style="(filters.destination_ids && filters.destination_ids.includes('193'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Complimentary Rome Night
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(190)"
:style="(filters.destination_ids && filters.destination_ids.includes('190'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Departure
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(33)"
:style="(filters.destination_ids && filters.destination_ids.includes('33'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Geneva
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(48)"
:style="(filters.destination_ids && filters.destination_ids.includes('48'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Grindelwald
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(34)"
:style="(filters.destination_ids && filters.destination_ids.includes('34'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Gruyeres
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(36)"
:style="(filters.destination_ids && filters.destination_ids.includes('36'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Interlaken
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(35)"
:style="(filters.destination_ids && filters.destination_ids.includes('35'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Leysin
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(37)"
:style="(filters.destination_ids && filters.destination_ids.includes('37'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Lucerne
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(95)"
:style="(filters.destination_ids && filters.destination_ids.includes('95'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Lyon
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(52)"
:style="(filters.destination_ids && filters.destination_ids.includes('52'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Neuchâtel
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(196)"
:style="(filters.destination_ids && filters.destination_ids.includes('196'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Philippines
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(53)"
:style="(filters.destination_ids && filters.destination_ids.includes('53'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Rapperswil
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(38)"
:style="(filters.destination_ids && filters.destination_ids.includes('38'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Zurich
Cities in Czech Republic
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(127)"
:style="(filters.destination_ids && filters.destination_ids.includes('127'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Berlin
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(128)"
:style="(filters.destination_ids && filters.destination_ids.includes('128'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Dresden
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(129)"
:style="(filters.destination_ids && filters.destination_ids.includes('129'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Munich
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(83)"
:style="(filters.destination_ids && filters.destination_ids.includes('83'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Pilsen
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(82)"
:style="(filters.destination_ids && filters.destination_ids.includes('82'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Prague
Cities in Poland
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(184)"
:style="(filters.destination_ids && filters.destination_ids.includes('184'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Berlin
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(187)"
:style="(filters.destination_ids && filters.destination_ids.includes('187'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Kraków
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(144)"
:style="(filters.destination_ids && filters.destination_ids.includes('144'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Vilnius
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(147)"
:style="(filters.destination_ids && filters.destination_ids.includes('147'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Warsaw
Cities in United States
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(107)"
:style="(filters.destination_ids && filters.destination_ids.includes('107'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Boston
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(132)"
:style="(filters.destination_ids && filters.destination_ids.includes('132'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Lancaster
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(3)"
:style="(filters.destination_ids && filters.destination_ids.includes('3'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
New York
New York
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(130)"
:style="(filters.destination_ids && filters.destination_ids.includes('130'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Washington
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(108)"
:style="(filters.destination_ids && filters.destination_ids.includes('108'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Woodstock
Cities in Slovakia
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(80)"
:style="(filters.destination_ids && filters.destination_ids.includes('80'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Bratislava
Cities in Belgium
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(91)"
:style="(filters.destination_ids && filters.destination_ids.includes('91'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Brussels
Cities in Hungary
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(78)"
:style="(filters.destination_ids && filters.destination_ids.includes('78'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Budapest
Cities in United Kingdom
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(92)"
:style="(filters.destination_ids && filters.destination_ids.includes('92'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Canterbury
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(5)"
:style="(filters.destination_ids && filters.destination_ids.includes('5'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
London
London
Cities in España
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(126)"
:style="(filters.destination_ids && filters.destination_ids.includes('126'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Cascais
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(123)"
:style="(filters.destination_ids && filters.destination_ids.includes('123'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Évora
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(122)"
:style="(filters.destination_ids && filters.destination_ids.includes('122'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Mérida
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(125)"
:style="(filters.destination_ids && filters.destination_ids.includes('125'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Sintra
Cities in Italy
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(41)"
:style="(filters.destination_ids && filters.destination_ids.includes('41'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Como
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(45)"
:style="(filters.destination_ids && filters.destination_ids.includes('45'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Florence
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(42)"
:style="(filters.destination_ids && filters.destination_ids.includes('42'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Milan
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(43)"
:style="(filters.destination_ids && filters.destination_ids.includes('43'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Pisa
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(2)"
:style="(filters.destination_ids && filters.destination_ids.includes('2'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Rome
Rome
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(46)"
:style="(filters.destination_ids && filters.destination_ids.includes('46'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Venice
Cities in Canada
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(181)"
:style="(filters.destination_ids && filters.destination_ids.includes('181'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Corning
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(115)"
:style="(filters.destination_ids && filters.destination_ids.includes('115'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Gananoque
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(131)"
:style="(filters.destination_ids && filters.destination_ids.includes('131'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Lancaster
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(183)"
:style="(filters.destination_ids && filters.destination_ids.includes('183'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Mont Tremblant
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(113)"
:style="(filters.destination_ids && filters.destination_ids.includes('113'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Mont-Tremblant
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(110)"
:style="(filters.destination_ids && filters.destination_ids.includes('110'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Montreal
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(118)"
:style="(filters.destination_ids && filters.destination_ids.includes('118'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Niagara Falls
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(117)"
:style="(filters.destination_ids && filters.destination_ids.includes('117'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Niagara-on-the-Lake
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(114)"
:style="(filters.destination_ids && filters.destination_ids.includes('114'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Ottawa
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(179)"
:style="(filters.destination_ids && filters.destination_ids.includes('179'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Quebec
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(111)"
:style="(filters.destination_ids && filters.destination_ids.includes('111'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Quebec City
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(182)"
:style="(filters.destination_ids && filters.destination_ids.includes('182'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Sainte Agathe Des Monts
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(112)"
:style="(filters.destination_ids && filters.destination_ids.includes('112'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Sainte-Agathe-des-Monts
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(180)"
:style="(filters.destination_ids && filters.destination_ids.includes('180'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Thousand Islands
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(116)"
:style="(filters.destination_ids && filters.destination_ids.includes('116'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Toronto
Cities in Vietnam
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(199)"
:style="(filters.destination_ids && filters.destination_ids.includes('199'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Ha Long Bay
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(198)"
:style="(filters.destination_ids && filters.destination_ids.includes('198'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Hanoi
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(200)"
:style="(filters.destination_ids && filters.destination_ids.includes('200'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Sapa
Cities in Austria
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(47)"
:style="(filters.destination_ids && filters.destination_ids.includes('47'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Innsbruck
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(93)"
:style="(filters.destination_ids && filters.destination_ids.includes('93'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Salzburg
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(76)"
:style="(filters.destination_ids && filters.destination_ids.includes('76'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Vienna
Cities in Turkey
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(100)"
:style="(filters.destination_ids && filters.destination_ids.includes('100'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Kusadasi
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(99)"
:style="(filters.destination_ids && filters.destination_ids.includes('99'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Mykonos
Cities in Philippines
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(195)"
:style="(filters.destination_ids && filters.destination_ids.includes('195'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Manila
Cities in Estonia
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(136)"
:style="(filters.destination_ids && filters.destination_ids.includes('136'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Parnu
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(139)"
:style="(filters.destination_ids && filters.destination_ids.includes('139'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Salaspils
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(138)"
:style="(filters.destination_ids && filters.destination_ids.includes('138'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Sigulda
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(137)"
:style="(filters.destination_ids && filters.destination_ids.includes('137'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Turaida
Cities in Latvia
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(142)"
:style="(filters.destination_ids && filters.destination_ids.includes('142'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Rundale
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(134)"
:style="(filters.destination_ids && filters.destination_ids.includes('134'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Tallinn
Cities in Portugal
{ $el.style.transform=''; }, 150);"
@keydown.enter.prevent.stop="toggleCityId(120)"
:style="(filters.destination_ids && filters.destination_ids.includes('120'))
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400) !important; border-radius: 22px; background: rgba(255, 116, 0, 0.08) !important; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.2) !important; overflow: hidden;'
: (isHovered
? 'cursor: pointer; padding: 0; border: 2px solid var(--tg-theme-primary, #ff7400); border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 4px 12px rgba(255, 116, 0, 0.15); overflow: hidden; transform: translateY(-2px) scale(1.02);'
: 'cursor: pointer; padding: 0; border: 2px solid #e8e8e8; border-radius: 22px; background: white; gap: 0; white-space: nowrap; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); overflow: hidden;')">
Seville
Service Type
Any Budget in mind?
Search
Reset AllRegion
Africa
España
Asia
Philippines
Turkey
Vietnam
Europe
Austria
Belgium
Czech Republic
Estonia
France
Germany
Greece
Hungary
Ireland
Italy
Latvia
Lithuania
Netherlands
Poland
Portugal
Slovakia
Spain
Switzerland
United Kingdom
Northern America
Canada
United States