#map-container { padding: 6px;  border: 2px solid #E40428; background-color: white; }
#map { width: 100%; height: 400px; z-index: 0; background: #eee; }
.branch { margin-top: 20px; margin-bottom: 20px; display: flex; flex-direction: column; padding: 10px 15px; box-sizing: border-box; }
.branch-title { display: flex; font-size: 16px; font-weight: 700; gap: 7px; margin-bottom: 10px; }
.address, .phone { font-size: 14px; font-weight: 400; line-height: 27px; } 
.address { flex: 1; } 
.route a { display: flex; align-items: center; color: #0460E4; font-size: 14px; font-weight: 600; line-height: 30px; margin-top: 10px; gap: 5px; text-decoration: none; }
.route a:hover { text-decoration: none; }
.contact { display: none; }

@media (max-width: 1100px) {
    .branch { width: 100%; margin: 5px; }
    .branch .info { background: #F9F9F9; border-radius: 5px; padding: 10px 15px 5px; }
    .route { display: none; }
    .contact { display: flex; gap: 15px; margin-top: 10px; }
    .contact > div { flex: 1; }
    .contact > div a { background-color: #F9F9F9; border-radius: 5px; padding: 10px; display: flex; justify-content: center; }
}

.frm-message { background: white; padding: 16px; border-radius: 12px; }
.message-header { font-size: 16px; font-weight: bold; margin: 10px 0 20px; }
.items { display: flex; gap: 16px; margin: 16px 0; }
.items .item { flex: 1; }

.alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: .25rem; }
.alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }