.contacts-page{display:flex;flex-direction:column;gap:32px}.contacts-content{display:flex;gap:32px;align-items:flex-start}.contacts-branches{display:flex;flex-direction:column;gap:24px;max-width:400px;flex:1 1}.city-section{display:flex;flex-direction:column;gap:16px}.contacts-branches-title{font-size:20px;line-height:24px;font-weight:400;color:#222;margin:0}.branch-card{background:#fff;border-radius:8px;padding:8px;box-shadow:0 4px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s}.branch-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.branch-card.selected{box-shadow:0 4px 12px rgba(0,70,56,.2);border:1px solid #004638}.branch-header{justify-content:space-between}.branch-address-wrapper,.branch-header{display:flex;align-items:center;gap:4px}.branch-address-wrapper{flex:1 1}.branch-marker-icon{width:24px;height:24px;flex-shrink:0}.branch-address{font-size:16px;line-height:20px;color:#222;flex:1 1}.branch-chevron-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);transition:transform .2s}.branch-card.selected .branch-chevron-icon{transform:rotate(90deg)}.branch-phone{font-size:16px;line-height:20px;color:#222;padding-left:28px}.branch-phone p{margin:4px 0}.phone-label{font-size:14px;color:#666;font-style:italic}.contacts-map{flex:1 1;min-width:0;width:825px}.map-container{width:825px;height:400px;border-radius:8px;overflow:hidden}@media (max-width:1200px){.contacts-content{flex-direction:column}.contacts-branches,.contacts-map{width:100%}.map-image{width:100%;height:auto}}