.row__contact-bottom{display: flex; justify-content: space-between}
.contact-bottom__contacts{width: 300px; padding: 40px 20px; background: #332E47; border-radius: 16px; color: #fff; display: flex; flex-direction: column; gap: 40px; flex-shrink: 0; height: 525px}
.contact-bottom__contacts-top{border-bottom: 2px solid #fff; padding-bottom: 20px}
.contact-bottom__list{display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none}
.contact-bottom__list li{display: flex; gap: 10px}
.contacts-list__title{font-weight: 500; font-size: 16px; line-height: 1.2; color: #FFFFFF}
.contacts-list__info{font-weight: 900; font-size: 16px; line-height: 1.2; color: #FFFFFF}
.contact-bottom__list-messager{padding: 16px 0 0; display: flex; align-items: center; gap: 10px}
.contact-bottom__list-messager .contact-messager__list{display: flex; gap: 10px; margin: 0; padding: 0; list-style: none}
.contact-bottom__list-messager .contact-messager__link{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; transition: opacity 0.3s ease}
.contact-bottom__list-messager .contact-messager__link:hover{opacity: 0.8}
.mess--whatsapp{background: #25D366}
.mess--telegram{background: #0088cc}
.contact-messager__icon{width: 16px; height: 16px; fill: white}
.contact-bottom__contacts-call{margin-top: auto; font-style: italic; font-size: 14px; line-height: 17px; color: #FFFFFF}
.contact-bottom__contacts .btn{width: 100%; text-align: center}
.contact-bottom__map{width: 960px}
.contact-bottom__list-messager{padding:16px 0 0; display:flex; align-items:center; gap:10px}
.contact-bottom__list-messager .contact-messager__list{gap:10px}
#map{width: 100%; height: 100%; border-radius: 16px; overflow: hidden; min-height: 525px; position: relative}
.map-loader{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: #f5f5f5; color: #666; font-size: 16px; border-radius: 16px}
.map-loader::after{content: ''; width: 20px; height: 20px; border: 3px solid #ddd; border-top-color: #332E47; border-radius: 50%; margin-left: 10px; animation: map-spin 1s linear infinite}
@keyframes map-spin{
	to{transform: rotate(360deg);}
}
.map-error{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f5f5f5; color: #666; text-align: center; padding: 20px; border-radius: 16px}
.map-error p{margin: 5px 0}
@media (min-width: 992px){
	.contact-bottom__list-messager .contact-messager__list a{width:36px; height:36px}
	.contact-bottom__list-messager .contact-messager__list a svg{width:16px; height:auto}
}
@media (min-width: 1400px){
	.contact-bottom__contacts .btn{font-size: 18px; line-height: 1}
}
@media (max-width: 1399px){
    .contact-bottom__contacts{width: 260px; padding: 30px 20px;height: 450px;gap: 30px;}
    .contacts-list__title, .contacts-list__info {font-size: 15px;}
    .contact-bottom__contacts-call{font-size: 13px;}
    .contact-bottom__map {width: 640px;}
    #map {min-height: 450px;}
}
@media (max-width: 991px){
    .contact-bottom__contacts {width: 240px;padding: 20px 15px;height: 400px;gap: 20px;}
    .contact-bottom__contacts-top {padding-bottom: 15px;}
    .contact-bottom__list {gap: 12px;}
	.contact-bottom__list-messager{padding-top:12px}
    .contacts-list__title, .contacts-list__info {font-size: 14px;}
    .contact-bottom__contacts-call {font-size: 12px;}
    .contact-bottom__map {width: 430px;}
    #map {min-height: 400px;}
}
@media (max-width: 767px){
	.row__contact-bottom{flex-direction:column; gap:25px}
    .contact-bottom__contacts{width: 100%; padding: 20px; height: auto; gap: 15px;}
    .contact-bottom__map {width: 100%;}
    #map {min-height: 350px;}
}
@media (max-width: 767px) and (min-width:500px){
    .contact-bottom__contacts{flex-direction:row; flex-wrap:wrap}
	.contact-bottom__contacts-top{width:100%}
	.contact-bottom__contacts-call, .contact-bottom__contacts .btn{width:calc((100% - 15px) / 2)}
	.contact-bottom__contacts .btn{display: flex;align-items: center;justify-content: center;}
}
@media (max-width: 575px){
    #map {min-height: 300px;}
}