Filters
Where should you go?
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(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(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(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 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(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(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 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(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(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 Germany
{ $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(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(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 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(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(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(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(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(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 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 Czech Republic
{ $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 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
Turkey
Europe
Austria
Belgium
Czech Republic
France
Germany
Greece
Hungary
Italy
Netherlands
Portugal
Slovakia
Spain
Switzerland
United Kingdom
Northern America
Canada
United States