/* v55 (макет): подвал из пяти блоков на сетке 12 колонок: 3 + 2 + 2 + 2 + 3. */
.f4 .f2-top>*{padding-right:16px}
.f4 .f2-top>.f4-acc{grid-column:span 3!important;padding-right:40px}
.f4 .f2-top>.f4-c{grid-column:span 2!important}
.f4 .f2-top>.f4-contacts{grid-column:span 3!important}
.f4 .f4-c button{white-space:nowrap}
.f4-contacts .f3-mail{margin-top:2px}
.f4 .f4-hours{margin:2px 0 4px 28px}
.f4 .f4-prefs{display:block!important;margin:10px 0 0!important}
.f4 .f3-acc-t{margin-bottom:14px}
.f4-bottom{display:block!important;margin-top:56px!important}
.f4-bottom .f2-legal{max-width:none}
/* 761–1180: аккаунт и контакты по 6, три колонки ссылок по 4 */
@media(min-width:761px) and (max-width:1180px){
 .f4 .f2-top>.f4-acc,.f4 .f2-top>.f4-contacts{grid-column:span 6!important}
 .f4 .f2-top>.f4-c{grid-column:span 4!important;order:2}
}
/* телефон: аккаунт во всю ширину, ссылки в две колонки, контакты во всю ширину */
@media(max-width:760px){
 .f4 .f2-top>.f4-acc,.f4 .f2-top>.f4-contacts{grid-column:1 / -1!important;padding-right:0}
 .f4 .f2-top>.f4-c{grid-column:span 1!important}
 .f4 .f2-top>.f4-c:nth-of-type(3){grid-column:1 / -1!important}
 .f4-bottom .f2-legal{text-align:center!important}
}
.f4-bottom{text-align:center}.f4-bottom .f2-legal{margin:0 auto!important;width:auto!important;text-align:center!important}
.f4 .f4-prefs .f3-prefs-row{gap:28px}
.f4 .f4-prefs .pd-lang-btn{padding-left:0!important;margin-left:0!important}
@media(max-width:760px){.f4-bottom .f2-legal{margin:0 auto!important}}
/* v55.3: отступы аккаунта как у колонок; «О компании» — один заголовок, две колонки; вариант для вошедшего */
.f4 .f3-acc h2,.f4 .f4-in h2{margin:0 0 18px!important}
.f4 .f3-acc-t{margin:0 0 12px!important;font:13px/1.35 var(--sans)!important;color:var(--muted)}
.f4 .f3-field{margin-top:0}
.f4 .f3-btn{margin-top:12px}
.f4 .f2-top>.f4-co{grid-column:span 4!important}
.f4-co-cols{display:grid;grid-template-columns:1fr 1fr;column-gap:8px}
.f4-co .f2-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.f4 .f4-co .f2-col button{font:13px/1.35 var(--sans);color:var(--muted)!important;background:none;border:0;padding:0;cursor:pointer;text-align:left;white-space:nowrap}
.f4 .f4-co .f2-col button:hover{color:var(--ink)!important}
.f4-in{display:none}
body.f4-inA .f4-acc,body.f4-inB .f4-acc{display:none}
body.f4-inA .f4-inA,body.f4-inB .f4-inB{display:block}
.f4 .f2-top>.f4-in{grid-column:span 3!important;padding-right:40px}
.f4-in .f2-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px}
.f4-in .f2-col button{font:13px/1.35 var(--sans);color:var(--muted)!important}
.f4-nowrap{white-space:nowrap;color:var(--ink)}
.f4-outline{border:1px solid var(--ink);border-radius:var(--radius,4px);padding:9px 14px;font:11px var(--sans);display:inline-flex;gap:20px;margin-top:4px}
@media(min-width:761px) and (max-width:1180px){.f4 .f2-top>.f4-co{grid-column:span 8!important;order:2}.f4 .f2-top>.f4-in{grid-column:span 6!important}}
@media(max-width:760px){.f4 .f2-top>.f4-co,.f4 .f2-top>.f4-in{grid-column:1 / -1!important}}
@media(max-width:760px){.f4 .f2-top>.f4-c{grid-column:1 / -1!important}}
.f4 .f3-acc h2,.f4 .f4-in h2,.f4 .f4-co h2{margin:0 0 30px!important}
.f4-in .f2-col{margin-top:0}
