.tf-city-widget{width:80%;margin:40px auto;padding:0 16px;font-family:Segoe UI,sans-serif;position:relative}.tf-city-widget-title{color:#00336a;text-align:center;margin-bottom:24px;font-size:24px;font-weight:700}.tf-city-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:5px;display:grid}.tf-city-card{cursor:pointer;background:#fff;border:2px solid #f0f0f0;border-radius:6px;padding:10px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #00000014}.tf-city-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.tf-city-image{object-fit:cover;width:100%;height:140px}.tf-city-info{padding:0 10px}.tf-city-info h3{color:#222;margin-bottom:6px;font-size:16px;font-weight:600}.tf-city-info p{color:#666;font-size:14px}@media (max-width:768px){.tf-city-widget-title{font-size:20px}.tf-city-widget{width:100%}.tf-city-info h3{font-size:15px}.tf-city-info p{font-size:13px}}@media (max-width:480px){.tf-city-grid{grid-template-columns:1fr}}