.cities-section{background:#fff;padding:40px 0;}.cities-container{max-width:1400px;margin:0 auto;padding:0 24px;}.cities-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}.cities-title{font-size:1.5rem;font-weight:800;color:#1a1a1a;position:relative;padding-bottom:8px;}.cities-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:4px;background:#dc2626;border-radius:2px;}.cities-btn{background:#dc2626;color:white;padding:10px 20px;border-radius:6px;font-size:0.85rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;}.cities-btn:hover{background:#b91c1c;}.cities-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:28px;}.city-card a{display:block;text-decoration:none;}.city-card-image{position:relative;border-radius:10px;overflow:hidden;margin-bottom:12px;aspect-ratio:4/3;}.city-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.city-card:hover .city-card-image img{transform:scale(1.05);}.city-card h3{font-size:0.95rem;font-weight:700;color:#dc2626;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease;}.city-card:hover h3{color:#b91c1c;}.city-date{font-size:0.75rem;color:#6b7280;}.city-card-mobile-only{display:none;}.cities-text-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding-top:24px;border-top:1px solid #e5e7eb;}.city-text-card a{display:block;text-decoration:none;}.city-text-card h3{font-size:0.9rem;font-weight:700;color:#1a1a1a;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s ease;}.city-text-card:hover h3{color:#dc2626;}.city-text-card .city-date{font-size:0.7rem;color:#9ca3af;}@media (max-width:1200px){.cities-grid{grid-template-columns:repeat(3,1fr);}.cities-text-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:768px){.cities-header{flex-direction:column;align-items:flex-start;gap:16px;}.cities-grid{grid-template-columns:repeat(2,1fr);gap:16px;}.cities-text-grid{grid-template-columns:1fr;gap:16px;}.city-card h3{font-size:0.85rem;}.city-card-mobile-only{display:block;}}