.centres-container { max-width: 760px; }
.top-action-centres { background: rgba(255, 255, 255, 0.35); }
.centres-privacy { background: #f8f9fa; border-left: 4px solid #667eea; color: #555; padding: 12px; line-height: 1.5; }
.centres-form { margin-top: 24px; }
.centres-form label { display: block; color: #333; font-weight: 600; margin-bottom: 8px; }
.centres-search-row { display: flex; gap: 12px; align-items: stretch; }
.centres-search-row input { min-width: 0; flex: 1; border: 2px solid #ddd; border-radius: 8px; padding: 12px; font-size: 1rem; }
.centres-search-row input:focus { outline: 3px solid rgba(102, 126, 234, 0.25); border-color: #667eea; }
.centres-search-row .btn-continue { width: auto; margin: 0; white-space: nowrap; }
.centres-status { min-height: 24px; color: #555; margin: 20px 0 8px; }
.centres-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 12px; }
.centres-column { min-width: 0; }
.centres-column > h3 { color: #4d3b88; font-size: 1.15rem; margin-bottom: 12px; }
.centres-empty { background: #fff3cd; border-left: 4px solid #ffc107; border-radius: 6px; color: #856404; line-height: 1.5; padding: 12px; }
.centre-result { border: 1px solid #e1e4ea; border-radius: 10px; padding: 16px; background: #fff; }
.centre-result h3 { color: #4d3b88; margin-bottom: 8px; font-size: 1.1rem; }
.centre-result p { color: #444; line-height: 1.5; margin: 4px 0; }
.centre-result a { color: #4d3b88; font-weight: 600; }
@media (max-width: 560px) { .centres-search-row { flex-direction: column; } .centres-search-row .btn-continue { width: 100%; } }
@media (max-width: 560px) { .centres-results { grid-template-columns: 1fr; } }
