.city-page-container{max-width:1200px;margin:0 auto;padding:40px 20px}.city-search-section{margin-bottom:40px;padding:30px;border-radius:12px}.search-form-wrapper{max-width:1000px;margin:0 auto}.city-hero{margin-bottom:60px;text-align:center}.city-title{font-size:48px;font-weight:700;color:#242424;margin-bottom:24px;line-height:1.2}.city-intro{font-size:18px;line-height:1.8;color:#666;max-width:800px;margin:0 auto}.city-section{margin-bottom:60px}.section-title{font-size:36px;font-weight:600;color:#242424;margin-bottom:24px}.section-description{font-size:16px;color:#666;margin-bottom:32px}.why-stay-list{list-style:none;padding:0;display:grid;gap:20px}.why-stay-item{padding:20px;background:#f8f9fa;border-radius:8px;font-size:16px;line-height:1.6;color:#333;border-left:4px solid #1890ff}.popular-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.popular-area-card{padding:24px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:box-shadow .3s ease}.popular-area-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.popular-area-card h3{font-size:24px;font-weight:600;color:#242424;margin-bottom:12px}.popular-area-card p{font-size:16px;color:#666;margin-bottom:16px;line-height:1.6}.popular-area-card a{color:#1890ff;text-decoration:none;font-weight:500;display:inline-block;transition:color .3s ease}.popular-area-card a:hover{color:#40a9ff;text-decoration:underline}.listings-section{margin-top:60px}.view-all-link{text-align:center;margin-top:40px}.view-all-button{display:inline-block;padding:14px 32px;background:#1890ff;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:background .3s ease}.view-all-button:hover{background:#40a9ff}.no-properties{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:8px}.no-properties p{font-size:18px;color:#666;margin-bottom:24px}.faq-section{margin-top:60px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.faq-question{width:100%;padding:20px;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;color:#242424;transition:background .3s ease}.faq-question:hover{background:#f8f9fa}.faq-icon{font-size:24px;font-weight:300;color:#1890ff;min-width:30px;text-align:center}.faq-answer{padding:0 20px 20px;font-size:16px;line-height:1.6;color:#666;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-search-trigger{cursor:pointer;margin-bottom:20px;margin-top:32px}.mobile-search-card{background:#f5f5f5;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.mobile-search-item{display:flex;align-items:center;gap:12px;padding:12px 0}.mobile-search-icon{color:#ff710f;font-size:20px;flex-shrink:0}.mobile-search-content{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-search-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mobile-search-value{font-size:16px;font-weight:500;color:#1e293b}.mobile-search-drawer .ant-drawer-header{padding:16px 20px;border-bottom:none;background:#fff}.mobile-search-drawer .ant-drawer-body{padding:0;background:#f5f5f5}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-drawer-title{font-size:18px;font-weight:600;color:#000}.mobile-drawer-close{font-size:24px;color:#000;cursor:pointer;line-height:1;font-weight:300}.mobile-search-form-container{background:#f5f5f5;border-radius:12px;padding:20px;margin:0}.mobile-search-form-container>div{background:#f5f5f5!important;border-radius:12px;padding:0;box-shadow:none;border:none}.mobile-search-form-container .ant-btn.search-button{width:100%;height:56px;border-radius:12px;background:#ff710f;border:none;font-size:16px;font-weight:600;color:#fff;margin-top:20px}.mobile-search-form-container .ant-btn.search-button:hover{background:#f4640a}.mobile-search-form-container .input-icon{color:#ff710f!important}.mobile-search-form-container .input-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mobile-search-form-container .date-display,.mobile-search-form-container .location-searchbar,.mobile-search-form-container input{font-size:16px;font-weight:500;color:#1e293b}.mobile-search-form-container .date-separator{margin:0 4px}.mobile-search-form-container .guest-count{font-size:16px;font-weight:500;color:#1e293b}.mobile-search-form-container .location-searchbar input{color:#1e293b!important}.mobile-search-form-container>div>div{background:transparent!important;border:none!important;padding:12px 0!important;margin:0!important}.mobile-search-form-container>div>div:not(:last-child){border-bottom:1px solid #e2e8f0!important}@media (max-width:768px){.city-page-container{padding:20px 16px}.city-search-section{padding:0}.city-title{font-size:32px}.city-intro{font-size:16px}.section-title{font-size:28px}.popular-areas-grid{grid-template-columns:1fr}.why-stay-item{padding:16px;font-size:15px}.faq-question{font-size:16px;padding:16px}}@media (min-width:769px){.mobile-search-trigger{display:none}}