.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border-bottom:1px solid #ffffff4d;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 24px #0000000f}.header-container{max-width:1400px;padding:var(--spacing-md) var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--spacing-sm);cursor:pointer;flex-shrink:0;padding:6px 0;transition:all .2s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.header-logo:hover{opacity:.85;transform:translate(-50%)translateY(-1px)}.header-logo:active{transform:translate(-50%)}.logo-icon{width:36px;height:36px;color:var(--primary);filter:drop-shadow(0 2px 4px #2563eb33)}.logo-text{letter-spacing:-.01em;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:28px;font-style:italic!important;font-weight:800!important}.btn-search{-webkit-backdrop-filter:blur(15px);cursor:pointer;width:44px;height:44px;color:var(--primary);background:#ffffffb3;border:1px solid #0000000f;border-radius:12px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a}.btn-search svg{flex-shrink:0}.btn-search:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-search:active{transform:translateY(0)}.btn-language{color:var(--text-primary);cursor:pointer;text-align:center;background:#ffffffb3;border:1px solid #0000000f;border-radius:12px;min-width:52px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.btn-language:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-language{align-items:center;gap:6px;display:flex}.language-flag{object-fit:contain;flex-shrink:0;width:22px;height:22px}.btn-language:active{transform:translateY(0)}.search-overlay{z-index:90;background:#0000004d;animation:.2s fadeIn;position:fixed;inset:0}.search-dropdown{-webkit-backdrop-filter:blur(40px);z-index:100;background:#fffffffa;border:1px solid #00000014;border-radius:20px;width:90%;max-width:650px;max-height:calc(100vh - 120px);animation:.3s slideDown;position:fixed;top:80px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 24px 64px #0000001f}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.search-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex}.search-header h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.btn-close{cursor:pointer;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;color:#000!important}.btn-close:hover{background:#00000026;color:#000!important}.btn-close svg{color:#000!important;stroke:#000!important;stroke-width:2.5px!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important}.search-content{padding:var(--spacing-xl)}.city-section{margin-bottom:var(--spacing-xl)}.city-section:last-child{margin-bottom:0}.section-title{align-items:flex-end;gap:var(--spacing-md);margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);letter-spacing:-.02em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:700;line-height:1;display:flex}.section-flag{object-fit:contain;flex-shrink:0;width:34px;height:34px;margin-bottom:2px}.cities-carousel{gap:var(--spacing-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-sm);display:flex;overflow:auto hidden}.cities-carousel::-webkit-scrollbar{display:none}.city-card{cursor:pointer;scroll-snap-align:start;background:0 0;border:none;flex:0 0 300px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014}.city-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000002e}.city-card:active{transform:translateY(-2px)}.city-card-image{border-radius:18px;width:100%;height:340px;position:relative;overflow:hidden}.city-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.city-card:hover .city-card-image>img{transform:scale(1.08)}.city-card-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0003 40%,#000c 100%);position:absolute;inset:0}.city-card-content{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.city-card-name{color:#fff;text-align:left;text-shadow:0 2px 8px #0009;align-self:flex-start;width:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-style:italic;font-weight:800;line-height:1.1}.city-card-count{background:#fffffff2;border:none;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;padding:5px 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1;display:inline-flex;box-shadow:0 2px 8px #0000004d}.city-card-count svg{color:#000;flex-shrink:0}.count-number{color:#000;font-size:14px;font-weight:700}.count-label{color:#333;font-size:11px;font-weight:500}.rating-star{display:block;object-fit:contain!important;width:10px!important;height:10px!important;transition:none!important;transform:none!important}.city-card-description{color:#fff;text-shadow:0 1px 4px #0009;opacity:.95;text-align:left;align-self:flex-start;width:100%;margin:0;font-size:14px;line-height:1.5}@media (max-width:1024px){.header-nav .nav-link{display:none}.header-search-wrapper{max-width:400px}}@media (max-width:768px){.header-container{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.header-logo{gap:6px}.logo-text{font-size:20px;font-style:italic;font-weight:800}.logo-icon{width:26px;height:26px}.header-search-wrapper{flex:1;min-width:160px;max-width:none}.header-search{padding:11px var(--spacing-md);gap:var(--spacing-sm)}.header-search input{font-size:14px}.search-icon{width:20px;height:20px}.header-nav{gap:var(--spacing-md)}.btn-language{min-width:48px;padding:8px 12px;font-size:13px}.search-dropdown{width:95%;top:70px}.city-card{flex:0 0 260px}.city-card-image{height:300px}.city-card-name{font-size:26px}.city-card-count{gap:3px;padding:4px 8px}.count-number{font-size:13px}.count-label{font-size:10px}.rating-star{width:9px!important;height:9px!important}.city-card-description{font-size:13px}}@media (max-width:480px){.header-container{padding:var(--spacing) var(--spacing-md);gap:var(--spacing-sm)}.logo-text{font-size:18px;font-style:italic;font-weight:800}.logo-icon{width:24px;height:24px}.header-search{padding:10px var(--spacing);gap:var(--spacing-sm)}.header-search input{font-size:13px}.search-icon{width:18px;height:18px}.header-nav{gap:var(--spacing-sm)}.btn-language{min-width:44px;padding:7px 10px;font-size:12px}.search-header{padding:var(--spacing) var(--spacing-md)}.search-header h3{font-size:16px}.search-content{padding:var(--spacing-md)}.city-section{margin-bottom:var(--spacing-lg)}.section-title{gap:var(--spacing);margin-bottom:28px;font-size:24px}.section-flag{width:32px;height:32px}.city-card{flex:0 0 260px}.city-card-image{height:140px}.city-card-name{font-size:22px}.city-card-count{gap:3px;padding:4px 7px}.count-number{font-size:12px}.count-label{font-size:9px}.city-card-description{font-size:13px}.language-flag{width:20px;height:20px}}@media (max-width:360px){.header-container{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing)}.logo-text{font-size:16px;font-style:italic;font-weight:800}.logo-icon{width:22px;height:22px}.header-search{padding:8px 10px}.header-search input{font-size:12px}.header-search input::placeholder{font-size:11px}.btn-language{min-width:40px;padding:6px 8px;font-size:11px}}
