/* cs-contacts-layout-v4: keep only map styles; width/layout is Tailwind like homepage */
.cs-map{ margin-top: 16px; }
.cs-map__label{ font-weight: 600; margin-bottom: 8px; }
.cs-map__wrap{
 position: relative;
 width: 100%;
 padding-bottom: 56.25%;
 border-radius: 16px;
 overflow: hidden;
 border: 1px solid rgba(203,205,210,0.25);
 background: rgba(0,0,0,0.08);
}
.cs-map__wrap iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.cs-map__links{
 margin-top: 8px;
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 font-size: 14px;
}
.cs-map__links a{ text-decoration: underline; }
main.cs-contacts-main .card{
 width: 100%;
 max-width: none;
 min-width: 0;
 display: block;
 box-sizing: border-box;
}
main.cs-contacts-main .cs-contacts-grid{
 align-items: start !important;
 grid-auto-rows: auto !important;
}
main.cs-contacts-main .card{
 height: auto !important;
 min-height: 0 !important;
 align-self: start !important;
}


/* cs-contacts-hardfix-v1 */
/* Полностью задаём раскладку контактов без Tailwind */

main.cs-contacts-main {
 width: 100%;
 max-width: 1100px;
 margin: 0 auto;
 padding: 24px 16px 40px;
 box-sizing: border-box;
}

main.cs-contacts-main .cs-contacts-grid {
 display: grid !important;
 grid-template-columns: 1fr !important;
 gap: 24px !important;
 align-items: start !important;
}

@media (min-width: 900px) {
 main.cs-contacts-main .cs-contacts-grid {
 grid-template-columns: 1fr 1fr !important;
 }
}

main.cs-contacts-main .card {
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 height: auto !important;
 min-height: 0 !important;
 box-sizing: border-box !important;
 overflow: hidden;
}

main.cs-contacts-main .card,
main.cs-contacts-main .cs-map__wrap {
 border-radius: 16px;
}

main.cs-contacts-main .card {
 background: #ffffff;
}

main.cs-contacts-main .cs-map {
 margin-top: 16px;
}

/* cs-contacts-form-width-v1 */
main.cs-contacts-main form { min-width: 0; }
main.cs-contacts-main input,
main.cs-contacts-main textarea,
main.cs-contacts-main select {
 width: 100% !important;
 max-width: 100% !important;
 display: block !important;
 box-sizing: border-box !important;
}