/* st-contacts v1 — страница «Контакты» (#contacts, .map, реквизиты). Только стили. После adaptiv.css */
#content{--ct-or:#FD8900;--ct-sl:#2D3440;--ct-bd:#E3E3E3;--ct-cream:#FFF7EC;--ct-cb:#F0DEC6}
#content #contacts{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;align-items:start;margin:24px 0 40px!important}
#content #contacts>.left,#content #contacts>.right{width:auto!important;float:none!important;margin:0!important;padding:0!important;box-sizing:border-box}
/* — строки контактов — */
#content #contacts .left p{position:relative;margin:0 0 12px!important;padding:15px 18px 15px 80px!important;min-height:76px;display:block;background:#fff;border:1px solid var(--ct-bd);border-radius:14px;box-shadow:0 4px 14px rgba(45,52,64,.06);font-size:17px!important;line-height:1.5!important;color:var(--ct-sl);box-sizing:border-box;transition:box-shadow .2s,border-color .2s}
@media (hover:hover){#content #contacts .left p:hover{box-shadow:0 10px 24px rgba(45,52,64,.12);border-color:var(--ct-cb)}}
#content #contacts .left p>i{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%);width:46px!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0!important;border-radius:50%;background:var(--ct-cream)!important;border:1px solid var(--ct-cb);color:var(--ct-or)!important;font-size:22px!important;line-height:46px!important;text-align:center;float:none!important}
#content #contacts .left p a{color:var(--ct-or)!important;font-weight:700;text-decoration:none!important;border-bottom:1px solid rgba(253,137,0,.35);transition:border-color .2s}
@media (hover:hover){#content #contacts .left p a:hover{border-bottom-color:var(--ct-or)}}
#content #contacts .left p a[href^="tel:"]{font-size:20px;font-weight:800;border-bottom:0}
/* — форма — */
#content #contacts #form_contacts{margin:0!important;padding:28px!important;background:#fff!important;border:1px solid var(--ct-bd)!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(45,52,64,.10)!important;box-sizing:border-box;width:auto!important}
#content #contacts #form_contacts .title{margin:0 0 18px!important;padding:0!important;font-size:24px!important;line-height:1.25!important;font-weight:800!important;color:var(--ct-sl)!important;text-align:left!important}
#content #contacts #form_contacts form{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;margin:0!important;padding:0!important;border:0!important;background:none!important}
#content #contacts #form_contacts form input[type=text],#content #contacts #form_contacts form textarea{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box;padding:12px 16px!important;background:#fff!important;border:2px solid var(--ct-bd)!important;border-radius:10px!important;font-size:16px!important;color:var(--ct-sl);box-shadow:none!important;transition:border-color .2s}
#content #contacts #form_contacts form input[type=text]{height:52px}
#content #contacts #form_contacts form textarea{grid-column:1/-1;min-height:110px;resize:vertical}
#content #contacts #form_contacts form input:focus,#content #contacts #form_contacts form textarea:focus{outline:0;border-color:var(--ct-or)!important}
#content #contacts #form_contacts .garant{grid-column:1/-1;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-align:left!important}
#content #contacts #form_contacts .garant label{font-size:14px!important;line-height:1.4!important;color:#4A5260!important;margin:0!important;padding:0!important;cursor:pointer;flex:1 1 0;min-width:0}
#content #contacts #form_contacts .garant input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:0 0 20px;width:20px;height:20px;margin:0!important;border:2px solid #C4C9D1;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
#content #contacts #form_contacts .garant input[type=checkbox]:checked{border-color:var(--ct-or);background:var(--ct-or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
#content #contacts #form_contacts .garant input[type=checkbox]:focus-visible{outline:2px solid var(--ct-or);outline-offset:2px}
#content #contacts #form_contacts #garant_error_contacts{flex:0 0 100%}
#content #contacts #form_contacts form .button{grid-column:1/-1;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:54px;margin:4px 0 0!important;padding:0 24px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#FE5248,#FD8507)!important;color:#fff!important;font-size:17px!important;font-weight:800!important;text-transform:none!important;box-shadow:0 8px 20px rgba(254,82,72,.3)!important;cursor:pointer;transition:transform .2s,filter .2s}
@media (hover:hover){#content #contacts #form_contacts form .button:hover{transform:translateY(-2px);filter:brightness(1.06)}}
#content #contacts #form_contacts #titlepop_contacts{grid-column:1/-1}
/* — карта — */
#content .map{margin:0 0 32px!important}
#content .map h3{margin:0 0 16px!important;font-size:26px!important;line-height:1.25!important;font-weight:800!important;color:var(--ct-sl)!important}
#content .map iframe{display:block;box-sizing:border-box;width:100%!important;height:460px!important;border:1px solid var(--ct-bd)!important;border-radius:18px;box-shadow:0 10px 30px rgba(45,52,64,.10)}
/* — реквизиты — */
#content #contacts~h3{margin:0 0 14px!important;font-size:26px!important;line-height:1.25!important;font-weight:800!important;color:var(--ct-sl)!important}
#content #contacts~ul{list-style:none!important;margin:0 0 12px!important;padding:0!important;display:flex;flex-wrap:wrap;gap:10px}
#content #contacts~ul li{margin:0!important;padding:10px 16px!important;background:var(--ct-cream)!important;border:1px solid var(--ct-cb);border-radius:12px;font-size:16px;color:var(--ct-sl)}
#content #contacts~ul li:empty,#content #contacts~noindex ul li:empty{display:none}
/* — мобильная — */
@media (max-width:900px){
 #content #contacts{grid-template-columns:minmax(0,1fr);gap:20px;margin:16px 0 28px!important}
 #content #contacts .left p{padding:12px 14px 12px 72px!important;font-size:16px!important;min-height:68px}
 #content #contacts .left p>i{left:14px!important;width:42px!important;height:42px!important;min-height:42px!important;line-height:42px!important;font-size:20px!important}
 #content #contacts #form_contacts{padding:20px 16px!important}
 #content #contacts #form_contacts .title{font-size:21px!important}
 #content #contacts #form_contacts form{grid-template-columns:minmax(0,1fr)}
 #content .map h3,#content #contacts~h3{font-size:22px!important}
 #content .map iframe{height:340px!important;border-radius:14px}
}