.nearby-centres { margin-top: 24px; padding: 24px; border: 1px solid #d9e8ef; border-radius: 20px; background: linear-gradient(145deg, #ffffff, #f4fbff); box-shadow: 0 16px 34px rgba(8, 43, 61, .08); }
.nearby-centres-heading { display: flex; justify-content: space-between; margin-bottom: 16px; }
.nearby-eyebrow, .nearby-our-label { color: #0f7b7b; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.nearby-eyebrow { display: inline-flex; align-items: center; gap: 6px; }
.nearby-centres-heading h2 { margin: 6px 0 4px; color: #10243f; font-size: 23px; }
.nearby-centres-heading p { margin: 0; color: #50667f; font-size: 13px; }
.nearby-centres-list { display: grid; gap: 10px; margin-top: 12px; }
.nearby-centre-card { position: relative; display: flex; align-items: center; gap: 14px; padding: 16px; border: 1px solid #d5e4e6; border-radius: 15px; background: #ffffffd9; cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.nearby-centre-card:hover, .nearby-centre-card:focus-visible { border-color: #54b9c0; box-shadow: 0 12px 24px rgba(15, 123, 123, .14); outline: 0; transform: translateY(-2px); }
.nearby-centre-card--primary { padding: 20px; border-color: #8edbd1; background: linear-gradient(120deg, #edfffb, #f7fcff); box-shadow: 0 12px 26px rgba(15, 138, 95, .11); }
.nearby-centre-icon { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px; background: #dff7f2; color: #0f8a5f; font-size: 17px; }
.nearby-centre-card:not(.nearby-centre-card--primary) .nearby-centre-icon { background: #e8f1ff; color: #2563b8; }
.nearby-centre-main { min-width: 0; flex: 1; }
.nearby-centre-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.nearby-centre-title-row h3 { margin: 3px 0 6px; color: #10243f; font-size: 16px; }
.nearby-centre-card:not(.nearby-centre-card--primary) .nearby-centre-title-row h3 { margin-top: 0; }
.nearby-centre-address { display: flex; gap: 7px; margin: 0; color: #50667f; font-size: 12px; line-height: 1.45; }.nearby-centre-address i { margin-top: 2px; color: #0f7b7b; }
.nearby-centre-meta { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 9px; color: #71859a; font-size: 11px; }.nearby-centre-meta span, .nearby-call { display: inline-flex; align-items: center; gap: 5px; }.nearby-centre-meta i { color: #0f8a5f; }.nearby-call { color: #2563b8; text-decoration: none; }.nearby-call:hover { color: #0f7b7b; text-decoration: underline; }
.nearby-open-badge { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: #e6f8ef; color: #0f8a5f; font-size: 10px; font-weight: 800; }.nearby-open-badge.is-closed { background: #fff0e8; color: #c75421; }
.nearby-map-arrow { display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; border-radius: 50%; background: #eef8ff; color: #2571c5; font-size: 12px; }
@media (max-width: 560px) { .nearby-centres { padding: 18px 14px; border-radius: 16px; }.nearby-centre-card { align-items: flex-start; padding: 13px; }.nearby-centre-title-row { align-items: flex-start; flex-direction: column; gap: 4px; }.nearby-open-badge { order: -1; }.nearby-map-arrow { margin-left: auto; } }