@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/templates/ifreework_com/glav26/fonts/OpenSans-Light-cyr.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url(/assets/templates/ifreework_com/glav26/fonts/OpenSans-Light-lat.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/templates/ifreework_com/font/OpenSans-Regular.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/templates/ifreework_com/font/OpenSans-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/templates/ifreework_com/font/OpenSans-Bold.woff2) format("woff2")}
@font-face{font-family:BodoniC;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/templates/ifreework_com/font/Bodoni-Bold.woff2) format("woff2")}
/* Шапка и подвал advokat-malov.ru (15.10.2026). Общие для всего сайта: свои классы .mh-* / .mf-*,
   токены — те же, что у новой главной (.gl). Защищено от общего CSS сайта (*{margin:0;padding:0},
   p{padding-bottom:20px}, ul{list-style:none}, a{color:…}): все отступы и цвета заданы явно. */
.mh,.mh-verh,.mh-panel,.mf{
  --navy:#1a3c6e; --navy-deep:#132c52; --ink:#17202e; --accent:#4475c9; --cream:#f6f8fc; --sky:#ebf1f9;
  --muted:#647089; --line:#e2e8f1; --gold:#c08a2e; --gold-grad:linear-gradient(90deg,#ffd188 0%,#ffe5c4 50%,#ffd188 100%); --gold-text:#6d5a43;
  --serif:"BodoniC",Georgia,"Times New Roman",serif; --sans:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --e:cubic-bezier(0.23,1,0.32,1);
  font-family:var(--sans);-webkit-font-smoothing:antialiased;box-sizing:border-box}
.mh *,.mh-verh *,.mh-panel *,.mf *{box-sizing:border-box}
.mh ul,.mh-panel ul,.mf ul{list-style:none;margin:0;padding:0}
.mh p,.mh-panel p,.mf p{margin:0;padding:0}
.mh-wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.mh .mh-in,.mh-verh-in{max-width:1320px}   /* шапке нужно чуть больше места, чем контенту: 6 пунктов + телефон + кнопка */
.mh .gl-zv4,.mh-verh .gl-zv4,.mh-panel .gl-zv4,.mf .gl-zv4{display:block;fill:currentColor}

/* логотип */
.mh-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);flex:none}
.mh-logo-zn{width:34px;height:42px;flex:none;color:#3f5a82}
.mh-logo-t{display:flex;flex-direction:column;line-height:1}
.mh-logo-t b{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:.005em;white-space:nowrap}
.mh-logo-t b i{font-style:normal;font-size:1.18em}
.mh-logo-t b em{font-style:normal;font-size:.86em;margin:0 1px}
/* слоган: золотая мерцающая звезда + «Искусство Побеждать» тем же шрифтом с засечками (15.10) */
.mh-logo-sl{display:flex;align-items:center;gap:7px;margin-top:6px}
.mh-logo-t small{font-family:var(--serif);font-size:15px;line-height:1.1;letter-spacing:.01em;color:var(--navy);white-space:nowrap}
.mh-logo-zv{flex:none;width:13px;height:13px;color:#d2a76f;filter:drop-shadow(0 0 4px rgba(238,209,159,.9));
  animation:mhZv 3.6s cubic-bezier(0.37,0,0.63,1) infinite}
.mh-logo-zv .gl-zv4{width:100%;height:100%}
@keyframes mhZv{0%,100%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.45;transform:scale(.7) rotate(25deg)}}
/* шапка на ПК: в одну строку, слоган справа за тонкой золотой чертой и крупнее */
.mh-logo--stroka .mh-logo-t{flex-direction:row;align-items:center}
.mh-logo--stroka .mh-logo-sl{margin:0 0 0 16px;padding-left:16px;border-left:1px solid rgba(192,138,46,.45);gap:9px}
.mh-logo--stroka .mh-logo-t small{font-size:19px}
.mh-logo--stroka .mh-logo-zv{width:15px;height:15px}
.mh-logo--svet{color:#fff}
.mh-logo--svet .mh-logo-zn{color:#dbe5f5}
.mh-logo--svet .mh-logo-t small{color:#eed19f}

/* кнопка записи */
.mh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap;
  background:var(--gold-grad);color:var(--gold-text);font:600 15px/1.2 var(--sans);box-shadow:0 12px 26px -16px rgba(192,138,46,.75);
  text-decoration:none;transition:filter .18s ease,box-shadow .18s ease}
.mh-btn:hover{filter:brightness(1.04);box-shadow:0 14px 30px -14px rgba(192,138,46,.85)}
.mh-btn:focus-visible,.mh a:focus-visible,.mh button:focus-visible,.mh-panel a:focus-visible,.mh-panel button:focus-visible,.mf a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

/* ---------- верхняя полоса ---------- */
.mh-verh{background:var(--navy-deep);color:#c7d3e6;font-size:13.5px}
.mh-verh-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:40px}
.mh-adres{display:inline-flex;align-items:center;gap:7px;color:#c7d3e6;text-decoration:none}
.mh-adres svg{width:16px;height:16px;color:#eed19f;flex:none}
.mh-verh-pr{display:flex;align-items:center;gap:20px}
.mh-besplat{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;text-decoration:none}
.mh-besplat .gl-zv4{width:11px;height:11px;color:#eed19f;filter:drop-shadow(0 0 4px rgba(238,209,159,.8))}
.mh-msg{display:flex;gap:6px}
.mh-verh-tel{display:none;align-items:center;gap:8px;color:#fff;text-decoration:none;font:700 17px/1 var(--sans);white-space:nowrap}
.mh-verh-tel svg{width:17px;height:17px;color:#eed19f}
.mh-msg-a img{width:22px;height:22px;display:block;transition:transform .2s var(--e)}
@media (hover:hover) and (pointer:fine){
  .mh-adres:hover,.mh-besplat:hover{color:#eed19f}
  .mh-msg-a:hover img{transform:translateY(-1px) scale(1.06)}
}

/* ---------- шапка (закрепляется) ---------- */
.mh{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);
  transition:box-shadow .25s ease,background-color .25s ease}
@supports (backdrop-filter:blur(8px)){.mh{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(12px)}}
.mh.is-skroll{box-shadow:0 10px 30px -18px rgba(11,20,71,.35)}
.mh-in{display:flex;align-items:center;gap:24px;min-height:78px;transition:min-height .25s var(--e)}
.mh.is-skroll .mh-in{min-height:64px}
.mh-nav{flex:1;min-width:0}
.mh-nav ul{display:flex;align-items:center;justify-content:center;gap:2px}
.mh-nav a,.mh-nav-kn{position:relative;display:inline-flex;align-items:center;gap:5px;padding:10px 9px;border:0;background:none;cursor:pointer;
  font:600 15px/1.2 var(--sans);color:var(--ink);text-decoration:none;white-space:nowrap;border-radius:10px;transition:color .15s ease}
.mh-nav a::after,.mh-nav-kn::after{content:"";position:absolute;left:9px;right:9px;bottom:4px;height:2px;border-radius:2px;background:#d2a76f;
  transform:scaleX(0);transform-origin:left;transition:transform .25s var(--e)}
.mh-str{width:16px;height:16px;transition:transform .25s var(--e)}
.mh-nav-kn[aria-expanded="true"]{color:var(--navy)}
.mh-nav-kn[aria-expanded="true"] .mh-str{transform:rotate(180deg)}
.mh-nav-kn[aria-expanded="true"]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){
  .mh-nav a:hover,.mh-nav-kn:hover{color:var(--navy)}
  .mh-nav a:hover::after{transform:scaleX(1)}
}
.mh-pr{display:flex;align-items:center;gap:16px;flex:none}
.mh-tel{display:inline-flex;align-items:center;gap:8px;color:var(--navy);text-decoration:none;font:700 17px/1 var(--sans);white-space:nowrap}
.mh-tel svg{width:18px;height:18px;color:var(--gold)}
.mh-tel-ik,.mh-burger{display:none}
@media (hover:hover) and (pointer:fine){.mh-tel:hover{color:var(--accent)}}

/* мегаменю (вариант Б) */
.mh-mega{position:absolute;left:0;right:0;top:100%;max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 30px 60px -30px rgba(11,20,71,.35);animation:mhMega .22s var(--e)}
@keyframes mhMega{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mh-mega-in{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;padding-top:24px;padding-bottom:28px}
.mh-mega-tabs{display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:#e9eff8;margin:0 0 18px}
.mh-mega-tab{border:0;background:none;cursor:pointer;padding:9px 22px;border-radius:999px;font:600 14.5px/1.2 var(--sans);color:var(--muted)}
.mh-mega-tab.is-on{background:#fff;color:var(--navy);box-shadow:0 6px 16px -8px rgba(11,20,71,.3)}
.mh-mega-pan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px}
.mh-mega-pan[hidden]{display:none}
.mh-mega-kat b{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-family:var(--serif);font-weight:400;font-size:17px;line-height:1.25;color:var(--navy)}
.mh-mega-ik{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--sky);color:var(--navy)}
.mh-mega-ik svg{width:18px;height:18px}
.mh-mega-kat ul{padding-left:42px !important}
.mh-mega-kat a{display:block;padding:4px 0;font-size:14px;line-height:1.4;color:#3d475a;text-decoration:none}
.mh-mega-kat li:first-child a{font-weight:600;color:var(--navy)}
@media (hover:hover) and (pointer:fine){.mh-mega-kat a:hover{color:var(--accent)}}
.mh-mega-cta{position:relative;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;border-radius:18px;color:#fff;
  background:radial-gradient(120% 140% at 85% 0%,#2b5182 0%,#1a3c6e 50%,#132c52 100%)}
.mh-mega-cta-zv{width:18px;height:18px;color:#eed19f;filter:drop-shadow(0 0 6px rgba(238,209,159,.9))}
.mh-mega-cta-zv .gl-zv4{width:100%;height:100%}
.mh-mega-cta b{font-family:var(--serif);font-weight:400;font-size:21px;line-height:1.25}
.mh-mega-cta p{font-size:14px;line-height:1.55;color:#c7d3e6}
.mh-mega-cta .mh-btn{margin-top:6px;align-self:stretch;white-space:normal;text-align:center;padding:12px 16px;line-height:1.25}   /* 15.10: кнопка шире колонки 280 px — растягиваем, разрешаем перенос */
.mh-mega-tel{color:#fff;font-weight:700;text-decoration:none;font-size:16px}
.mh-mega-vse{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#eed19f;font-size:14px;font-weight:600;text-decoration:none}
.mh-mega-vse .gl-us-str{position:static;width:16px;height:16px;margin:0;color:#eed19f}

/* ---------- мобильное меню ---------- */
.mh-panel{position:fixed;inset:0;z-index:100;background:rgba(11,20,40,.45);opacity:0;transition:opacity .25s ease}
.mh-panel.is-on{opacity:1}
.mh-panel-in{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);overflow-y:auto;overscroll-behavior:contain;background:#fff;
  padding:16px 20px 28px;transform:translateX(100%);transition:transform .32s var(--e)}
.mh-panel.is-on .mh-panel-in{transform:none}
.mh-panel-verh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.mh-zakr{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;background:var(--sky);color:var(--navy);cursor:pointer}
.mh-zakr svg{width:22px;height:22px}
.mh-panel-kn{display:grid;gap:10px;margin:18px 0 12px}
.mh-panel-kn .mh-btn{padding:15px 20px;font-size:16px}
.mh-p-tel{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:999px;border:1px solid var(--line);color:var(--navy);text-decoration:none;font-weight:700;font-size:17px}
.mh-p-tel svg{width:18px;height:18px;color:var(--gold)}
.mh-p-besplat{display:flex;align-items:center;gap:9px;margin:4px 0 10px;padding:12px 14px;border-radius:12px;background:#fdf6e8;color:#7a5418;font-weight:600;font-size:15px;text-decoration:none}
.mh-p-besplat .gl-zv4{width:12px;height:12px;color:#d2a76f}
.mh-p-spisok > li{border-bottom:1px solid var(--line)}
.mh-p-ssylka{display:block;padding:15px 4px;font-weight:600;font-size:17px;color:var(--ink);text-decoration:none}
.mh-p-gr{padding:12px 0 8px}
.mh-p-zag{display:block;padding:4px 4px 6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.mh-p-kat-kn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 4px;border:0;background:none;cursor:pointer;text-align:left;
  font:600 16px/1.35 var(--sans);color:var(--navy)}
.mh-p-kat-kn[aria-expanded="true"] .mh-str{transform:rotate(180deg)}
.mh-p-usl{padding:0 0 8px 12px !important;border-left:2px solid #f0e2c4;margin-left:4px !important}
.mh-p-usl a{display:block;padding:8px 10px;font-size:15px;line-height:1.4;color:#3d475a;text-decoration:none}
.mh-p-niz{display:grid;gap:14px;margin-top:20px}
.mh-p-msg{display:flex;gap:10px}
.mh-p-msg-a img{width:36px;height:36px;display:block}
.mh-p-adres{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5;color:var(--muted)}
.mh-p-adres svg{width:18px;height:18px;flex:none;color:var(--gold);margin-top:2px}
html.mh-zamok{overflow:hidden}

/* ---------- подвал ---------- */
.mf{position:relative;overflow:hidden;isolation:isolate;color:#c7d3e6;
  background:radial-gradient(70% 120% at 85% 0%,#1d4174 0%,#16325c 40%,#0f2346 78%,#0b1834 100%)}
.mf-nebo{position:absolute;inset:0;z-index:-1;pointer-events:none}
.mf-pyl{position:absolute;top:0;left:0;width:1px;height:1px;border-radius:50%}
.mf-verh{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,1.35fr);gap:36px;padding-top:64px;padding-bottom:44px}
.mf-brend{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.mf-reyting{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(199,214,238,.16);
  color:#dbe5f5;text-decoration:none;font-size:12.5px;line-height:1.35}
.mf-reyting svg{width:18px;height:18px;fill:#eed19f;flex:none}
.mf-reyting b{font-family:var(--serif);font-weight:400;font-size:24px;color:#eed19f}
.mf-soc{display:flex;gap:10px}
.mf-soc img{width:30px;height:30px;display:block;border-radius:50%;transition:transform .2s var(--e)}
.mf-zag{display:block;margin:4px 0 16px;font-family:var(--serif);font-weight:400;font-size:20px;color:#fff}
.mf-kol ul{display:grid;gap:10px}
.mf-kol a{color:#c7d3e6;text-decoration:none;font-size:15px;line-height:1.45}
.mf-kont{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:14px;line-height:1.5}
.mf-ofis{color:#fff !important;font-weight:600;font-size:15.5px !important;text-decoration:underline !important;text-decoration-style:dotted !important;text-underline-offset:4px}
.mf-tel{margin-top:10px;color:#fff !important;font-weight:700;font-size:20px !important}
.mf-tel2{display:inline-flex;align-items:center;gap:8px;color:#fff !important;font-weight:600;font-size:16px !important}
.mf-tel2 img{width:18px;height:18px;display:block}
.mf-mail{margin-top:8px;color:#eed19f !important;font-weight:600}
.mf-niz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;padding-top:22px;padding-bottom:28px;
  font-size:13px;color:#9fb3d3}
.mf-pol{display:flex;flex-wrap:wrap;gap:6px 18px}
.mf-niz a{color:#c7d3e6;text-decoration:none}
.mf-niz{background:linear-gradient(rgba(199,214,238,.16),rgba(199,214,238,.16)) 32px 0/calc(100% - 64px) 1px no-repeat}   /* линия по краю текста */
.mf-prod a{color:#eed19f}
@media (hover:hover) and (pointer:fine){
  .mf-kol a:hover,.mf-niz a:hover{color:#fff}
  .mf-soc a:hover img{transform:translateY(-2px)}
}

/* ---------- адаптив ---------- */
/* на ноутбуках номер сворачивается в кнопку-трубку (логотип со слоганом в строку занимает больше места) */
@media (max-width:1300px){
  .mh-tel span{display:none}
  .mh-tel{width:42px;height:42px;justify-content:center;border-radius:50%;background:var(--sky)}
  .mh-logo--stroka .mh-logo-t small{font-size:17px}
  .mh-logo--stroka .mh-logo-sl{margin-left:12px;padding-left:12px}
}
/* уже 1180 — слоган снова под названием */
@media (max-width:1180px){
  .mh-logo--stroka .mh-logo-t{flex-direction:column;align-items:flex-start}
  .mh-logo--stroka .mh-logo-sl{margin:6px 0 0;padding-left:0;border-left:0;gap:7px}
  .mh-logo--stroka .mh-logo-t small{font-size:15px}
  .mh-logo--stroka .mh-logo-zv{width:13px;height:13px}
}
@media (max-width:1180px){
  .mh-nav a,.mh-nav-kn{padding:10px 7px;font-size:14.5px}
  .mh-nav a::after,.mh-nav-kn::after{left:7px;right:7px}
  .mh-in{gap:16px}
  .mh-logo-t b{font-size:21px}
  .mh-tel span{display:none}
  .mh-tel{width:42px;height:42px;justify-content:center;border-radius:50%;background:var(--sky)}
}
/* вариант А на узких ноутбуках/планшетах: 6 пунктов в строку не помещаются — уходят в кнопку меню, «Записаться» остаётся */
@media (max-width:1100px){
  .mh--a .mh-nav{display:none}
  .mh--a .mh-in{justify-content:space-between}
  .mh--a .mh-burger{display:grid;place-items:center;align-content:center;gap:5px;width:44px;height:44px;padding:0;border-radius:12px;border:0;cursor:pointer;background:var(--sky)}
  .mh--a .mh-burger i{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy)}
}
@media (max-width:980px){
  .mh-nav,.mh-btn--sh,.mh-tel{display:none}
  /* верхняя полоса на телефоне: три мессенджера и номер — видны сразу, без меню (15.10) */
  .mh-adres,.mh-besplat{display:none}
  .mh-verh-in{min-height:48px}
  .mh-verh-pr{width:100%;justify-content:space-between;gap:12px}
  .mh-msg{gap:2px;margin-left:-8px}
  .mh-msg-a{display:grid;place-items:center;width:40px;height:40px}
  .mh-msg-a img{width:27px;height:27px}
  .mh-verh-tel{display:inline-flex}
  .mh-tel-ik,.mh-burger{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:0;cursor:pointer}
  .mh-tel-ik{background:var(--gold-grad);color:var(--gold-text)}
  .mh-tel-ik svg{width:20px;height:20px}
  .mh-burger{background:var(--sky);align-content:center;gap:5px;padding:0}
  .mh-burger i{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy)}
  .mh-in{justify-content:space-between;min-height:64px}
  .mh.is-skroll .mh-in{min-height:60px}
  .mh-pr{gap:8px}
  .mh-mega{display:none !important}
  .mf-verh{grid-template-columns:1fr 1fr;gap:32px 24px;padding-top:48px}
  .mf-brend,.mf-kont{grid-column:1 / -1}
}
@media (max-width:520px){
  .mh-wrap{padding-left:16px;padding-right:16px}   /* только бока: верх/низ задают .mf-verh и .mf-niz */
  .mh-logo-zn{width:28px;height:35px}
  .mh-logo-t b{font-size:20px}
  .mh-logo-t small,.mh-logo--stroka .mh-logo-t small{font-size:13.5px}
  .mh-logo-sl{margin-top:5px}
  .mf-niz{flex-direction:column;align-items:flex-start;background-position:16px 0;background-size:calc(100% - 32px) 1px}
}
@media (prefers-reduced-motion:reduce){
  .mh,.mh-in,.mh-panel,.mh-panel-in,.mh-str,.mh-nav a::after,.mh-nav-kn::after{transition:none}
  .mh-mega{animation:none}
  .mh-logo-zv{animation:none}
}

/* доступность (15.10): неактивная вкладка мегаменю контрастнее */
.mh-mega-tab:not(.is-on){color:#56617a}

/* ---- поверх общего CSS сайта (styles.min.css), 15.10.2026 ---- */
.gl h1,.gl h2,.gl h3,.gl h4,.mh h2,.mh h3,.mf h2,.mf h3{font-weight:400}
footer.mf{padding:0;background-repeat:no-repeat}
header.mh{position:sticky;top:0;z-index:60}
.gl button,.mh button,.mh-panel button{font-family:inherit}

/* ---- шапка и подвал поверх CSS шаблонов сайта (16.10.2026) ---- */
.mh-verh,.mh,.mh-panel,.mf{text-align:left;line-height:normal;letter-spacing:normal}
.mh a,.mh-verh a,.mh-panel a,.mf a{text-decoration:none}
.mh img,.mh-verh img,.mh-panel img,.mf img{max-width:none;border:0}
.mh button,.mh-panel button{text-transform:none;letter-spacing:normal}
/* ---- телефон: страница не шире экрана (16.10.2026). Широкие таблицы в текстах услуг (шаблон 269) и блок
   «Информация по делу» (практика, 284) раздвигали страницу до 434–473 px — и меню уезжало за край экрана ---- */
@media (max-width:767px){
  html,body{overflow-x:clip}
  .content-block table,.simple-text-block table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .practics_delo_main_wrapper{flex-wrap:wrap}
  .practics_delo_main_wrapper .practics_info_delo{margin-left:0;min-width:0}
}

/* ============================================================================================
   Окна сайта в стиле новой главной (16.10.2026).
   1) Запись на консультацию: .modal-step1 → .modal-step2 → #thanks_modal_zapis (чанк zapis_na_priem_tpl_new,
      обработчики assets/form/modal_main_step1/2.php — разметку и отправку не трогаем, только вид).
   2) Всплывающее окно на уход / по таймеру #lidogeneration1 (.modal-lidogeneration) — HTML отдаёт
      api.advokat-malov.ru, свои стили кладёт строкой в страницу; перебиваем их через #id.
   Только CSS: белая карточка, BodoniC в заголовке, поля как в формах главной, золотые кнопки-«пилюли»;
   окно на уход — «ночное небо» первого экрана с золотым номером.
   ============================================================================================ */
:is(.modal-step1,.modal-step2,#thanks_modal_zapis,#lidogeneration1){
  --ok-navy:#1a3c6e; --ok-ink:#17202e; --ok-accent:#4475c9; --ok-muted:#647089; --ok-line:#e2e8f1; --ok-cream:#f6f8fc;
  --ok-gold-grad:linear-gradient(90deg,#ffd188 0%,#ffe5c4 50%,#ffd188 100%); --ok-gold-text:#6d5a43;
  --ok-serif:"BodoniC",Georgia,"Times New Roman",serif;
  --ok-sans:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ok-ease:cubic-bezier(0.23,1,0.32,1);
  --ok-zv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23d2a76f' d='M10 0C10.6 6.2 13.8 9.4 20 10 13.8 10.6 10.6 13.8 10 20 9.4 13.8 6.2 10.6 0 10 6.2 9.4 9.4 6.2 10 0Z'/%3E%3C/svg%3E");
  --ok-zv-svet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23f3dcae' d='M10 0C10.6 6.2 13.8 9.4 20 10 13.8 10.6 10.6 13.8 10 20 9.4 13.8 6.2 10.6 0 10 6.2 9.4 9.4 6.2 10 0Z'/%3E%3C/svg%3E");
}

/* фон под окнами — тёмно-синий, как ночное небо первого экрана, а не чёрный */
.modal-backdrop{background:#0b1834}
.modal-backdrop.in{opacity:.62}

/* --- общее: размер, появление ------------------------------------------------------------- */
:is(.modal-step1,.modal-step2,#thanks_modal_zapis,#lidogeneration1) .modal-dialog{
  width:auto;max-width:520px;margin:max(16px,9vh) auto;padding:0 12px;box-sizing:content-box}
:is(.modal-step1,.modal-step2,#thanks_modal_zapis,#lidogeneration1).fade .modal-dialog{
  transform:translateY(14px) scale(.97);transition:transform .32s var(--ok-ease)}
:is(.modal-step1,.modal-step2,#thanks_modal_zapis,#lidogeneration1).in .modal-dialog{transform:none}
#lidogeneration1.fade{transform:none;opacity:0;transition:opacity .22s ease-out}
#lidogeneration1.fade.in{opacity:1}
/* у окна свои строчные стили: ширина 600 и top: calc(50% - 200px) — сдвигали окно вниз на 250px */
#lidogeneration1 .modal-dialog{max-width:440px;top:auto}
#thanks_modal_zapis .modal-dialog{max-width:500px}

/* крестик закрытия — кружок с двумя тонкими линиями вместо картинки */
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header .close,
#lidogeneration1 .modal-header .form-lidogeneration-close{
  position:absolute;top:14px;right:14px;z-index:2;float:none;width:40px;height:40px;margin:0;padding:0;
  border:1px solid var(--ok-line);border-radius:50%;background:#fff;opacity:1;cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease}
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header .close::before,
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header .close::after,
#lidogeneration1 .form-lidogeneration-close::before,
#lidogeneration1 .form-lidogeneration-close::after{
  content:"";position:absolute;left:50%;top:50%;width:15px;height:1.6px;border-radius:2px;background:var(--ok-navy);
  transform:translate(-50%,-50%) rotate(45deg)}
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header .close::after,
#lidogeneration1 .form-lidogeneration-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
@media (hover:hover) and (pointer:fine){
  :is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header .close:hover{border-color:#c9a161;background:#fffaf1}
}
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header .close:focus-visible,
#lidogeneration1 .form-lidogeneration-close:focus-visible{outline:2px solid var(--ok-accent);outline-offset:2px}

/* --- 1. Запись на консультацию ----------------------------------------------------------- */
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-content{
  position:relative;overflow:hidden;padding:34px 34px 30px;border:1px solid rgba(26,60,110,.08);border-radius:20px;background:#fff;
  box-shadow:0 40px 90px -30px rgba(11,24,52,.6);font-family:var(--ok-sans);color:var(--ok-ink)}
/* золотая нить сверху карточки — та же, что у карточек главной */
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-content::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ok-gold-grad)}
:is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-header{min-height:0;padding:0 46px 0 0;border:0}
:is(.modal-step1,.modal-step2) .modal-title{
  display:block;margin:0;font-family:var(--ok-serif);font-weight:400;font-size:26px;line-height:1.22;color:var(--ok-navy);letter-spacing:-.005em}
:is(.modal-step1,.modal-step2) .modal-title::before{
  content:"";display:inline-block;width:15px;height:15px;margin:0 10px 3px 0;vertical-align:middle;background:var(--ok-zv) center/contain no-repeat}
:is(.modal-step1,.modal-step2) .modal-body{padding:20px 0 0}

/* поля — как в формах главной: кремовый фон, скругление 12, синяя рамка в фокусе */
:is(.modal-step1,.modal-step2) .padding-input{
  display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:14px 16px;
  border:1px solid var(--ok-line);border-radius:12px;background:var(--ok-cream);
  font:400 16px/1.5 var(--ok-sans);color:var(--ok-ink);box-shadow:none;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
:is(.modal-step1,.modal-step2) input.padding-input{height:52px}
:is(.modal-step1,.modal-step2) textarea.padding-input{min-height:140px;resize:vertical}
:is(.modal-step1,.modal-step2) .padding-input::placeholder{color:#7f889c;opacity:1}
:is(.modal-step1,.modal-step2) .padding-input:focus{outline:0;border-color:var(--ok-accent);background:#fff;box-shadow:0 0 0 3px rgba(68,117,201,.13)}
:is(.modal-step1,.modal-step2) .padding-input:is(.control-error,.control-warning){border-color:#cc1121;background:#fff7f7}
:is(.modal-step1,.modal-step2) .modal_error{display:block;margin:-4px 0 10px;padding:0 2px;font-size:13.5px;line-height:1.4;color:#b3261e}
:is(.modal-step1,.modal-step2) .modal_error:empty{display:none}

:is(.modal-step1,.modal-step2) .modal_submit_block{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;margin-top:6px}

/* галочки «Срочный вопрос» и согласие — свой квадратик со скруглением и белой галкой */
:is(.modal-step1,.modal-step2) .radio_poll+label{
  margin:0 !important;padding:0 0 0 30px;position:relative;display:inline-block;
  font:400 14.5px/1.45 var(--ok-sans);color:var(--ok-muted);cursor:pointer}
:is(.modal-step1,.modal-step2) .radio_poll+label::before{
  content:"";position:absolute;left:0;top:0;width:19px;height:19px;box-sizing:border-box;
  border:1.5px solid #c3cbd9;border-radius:6px;background:#fff;transition:background-color .15s ease,border-color .15s ease}
:is(.modal-step1,.modal-step2) .radio_poll:checked+label{color:var(--ok-navy)}
:is(.modal-step1,.modal-step2) .radio_poll:checked+label::before{border-color:var(--ok-accent);background:var(--ok-accent)}
:is(.modal-step1,.modal-step2) .radio_poll:checked+label::after{
  content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;box-sizing:content-box;
  border:solid #fff;border-width:0 2px 2px 0;background:none;transform:rotate(45deg)}
:is(.modal-step1,.modal-step2) .radio_poll:focus-visible+label::before{box-shadow:0 0 0 3px rgba(68,117,201,.25)}
:is(.modal-step1,.modal-step2) .radio_poll:is(.control-error,.control-warning)+label::before{border-color:#cc1121}
:is(.modal-step1,.modal-step2) .radio_poll+label a,
:is(.modal-step1,.modal-step2) .agree_text a{color:var(--ok-accent);text-decoration:underline;text-underline-offset:2px}

/* кнопки «Далее» / «Отправить» — золотая пилюля, как «Записаться на консультацию» на главной */
:is(.modal-step1,.modal-step2) .blue-button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;margin:0;padding:0 34px;
  border:0;border-radius:999px;background:var(--ok-gold-grad);color:var(--ok-gold-text);
  font:600 16px/1 var(--ok-sans);letter-spacing:.01em;white-space:nowrap;cursor:pointer;
  box-shadow:0 14px 30px -16px rgba(192,138,46,.75);transition:filter .2s ease,box-shadow .2s ease,transform .16s ease-out}
:is(.modal-step1,.modal-step2) .blue-button::before{content:none;display:none;animation:none}
:is(.modal-step1,.modal-step2) .blue-button::after{
  content:"";width:15px;height:15px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
@media (hover:hover) and (pointer:fine){
  :is(.modal-step1,.modal-step2) .blue-button:hover{background:var(--ok-gold-grad);filter:brightness(1.04);box-shadow:0 16px 34px -14px rgba(192,138,46,.85)}
}
:is(.modal-step1,.modal-step2) .blue-button:active{transform:scale(.97)}
:is(.modal-step1,.modal-step2) .blue-button:focus-visible{outline:2px solid var(--ok-accent);outline-offset:3px}
:is(.modal-step1,.modal-step2) .agree_text{margin-top:16px;font-size:12.5px;line-height:1.5;color:#687187}

/* «Спасибо» — по центру, крупная золотая звезда над заголовком */
#thanks_modal_zapis .modal-header{padding:0}
#thanks_modal_zapis .modal-header::before{
  content:"";display:block;width:44px;height:44px;margin:6px auto 16px;background:var(--ok-zv) center/contain no-repeat;
  filter:drop-shadow(0 0 10px rgba(238,209,159,.75))}
#thanks_modal_zapis .modal-title{
  display:block;margin:0;padding:0 30px;font-family:var(--ok-serif);font-weight:400;font-size:26px;line-height:1.25;color:var(--ok-navy);
  text-transform:lowercase}
#thanks_modal_zapis .modal-title::first-letter{text-transform:uppercase}
#thanks_modal_zapis .modal-body{padding:12px 0 4px;font-size:17px !important;line-height:1.55;color:#4b5670}

/* --- 2. Окно на уход / по таймеру — «ночное небо» ----------------------------------------- */
#lidogeneration1 .modal-content{
  position:relative;overflow:hidden;padding:56px 32px 34px;border:1px solid rgba(238,209,159,.22);border-radius:22px;
  color:#dbe5f5;font-family:var(--ok-sans);text-align:center;
  background:
    radial-gradient(1.4px 1.4px at 14% 22%,rgba(255,255,255,.9) 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 86% 14%,rgba(255,255,255,.75) 50%,transparent 52%),
    radial-gradient(1px 1px at 70% 36%,rgba(255,255,255,.6) 50%,transparent 52%),
    radial-gradient(1.3px 1.3px at 24% 64%,rgba(255,255,255,.55) 50%,transparent 52%),
    radial-gradient(1px 1px at 90% 72%,rgba(255,255,255,.7) 50%,transparent 52%),
    radial-gradient(1.2px 1.2px at 8% 88%,rgba(255,255,255,.5) 50%,transparent 52%),
    radial-gradient(1px 1px at 52% 8%,rgba(255,255,255,.6) 50%,transparent 52%),
    radial-gradient(70% 55% at 50% 0%,rgba(68,117,201,.35) 0%,transparent 70%),
    radial-gradient(120% 95% at 82% 4%,#24497a 0%,#1a3c6e 36%,#122a52 68%,#0b1834 100%);
  box-shadow:0 40px 90px -30px rgba(5,12,28,.8)}
/* две мерцающие звезды — как на первом экране */
#lidogeneration1 .modal-content::before,
#lidogeneration1 .modal-content::after{
  content:"";display:block;position:absolute;z-index:0;pointer-events:none;background:var(--ok-zv-svet) center/contain no-repeat;
  filter:drop-shadow(0 0 8px rgba(238,209,159,.8));animation:okMerc 3.4s ease-in-out infinite}
#lidogeneration1 .modal-content::before{left:24px;top:24px;width:20px;height:20px}
#lidogeneration1 .modal-content::after{right:30px;bottom:26px;width:13px;height:13px;animation-delay:-1.7s}
@keyframes okMerc{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
/* шапка без позиционирования — крестик считается от карточки, а не от заголовка */
#lidogeneration1 .modal-header{position:static;padding:0;border:0;min-height:0}
#lidogeneration1 .modal-header .columns,#lidogeneration1 .modal-body{position:relative;z-index:1}
#lidogeneration1 .modal-header .columns{float:none;width:auto;padding:0}
#lidogeneration1 .modal-header :is(.alt,.mod,.modSectionHeader,.special-title){margin:0;padding:0;background:none;border:0}
#lidogeneration1 .special-title::before,#lidogeneration1 .special-title::after{content:none;display:none}
#lidogeneration1 .modal-header h2{
  margin:0;padding:0 14px;font-family:var(--ok-serif);font-weight:400;font-size:27px;line-height:1.22;color:#fff;
  text-align:center;text-transform:none;letter-spacing:-.005em}
#lidogeneration1 .modal-header h2::before,#lidogeneration1 .modal-header h2::after{content:none;display:none}
#lidogeneration1 .lidogeneration-image{margin:18px auto -6px;width:124px;height:124px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(238,209,159,.35),rgba(238,209,159,0))}
#lidogeneration1 .lidogeneration-image img{display:block;width:124px;height:124px;border-radius:50%;object-fit:contain}
#lidogeneration1 .modal-header .form-lidogeneration-close{border-color:rgba(214,226,245,.32);background:rgba(255,255,255,.04)}
#lidogeneration1 .form-lidogeneration-close::before,#lidogeneration1 .form-lidogeneration-close::after{background:#e7eefa}
@media (hover:hover) and (pointer:fine){
  #lidogeneration1 .modal-header .form-lidogeneration-close:hover{border-color:#eed19f;background:rgba(238,209,159,.1)}
}

#lidogeneration1 .modal-body{padding:18px 0 0}
#lidogeneration1 .modal-body h4{margin:0 0 4px;padding:0 6px;font-family:var(--ok-sans);font-weight:400;font-size:16px;line-height:1.6;color:#c9d6ec}
/* номер — крупно, золотом */
#lidogeneration1 .lidogeneration-phone{display:block;padding:10px 0 12px;font-size:inherit}
#lidogeneration1 .lidogeneration-phone a{
  display:inline-block;font:600 31px/1.15 var(--ok-sans);letter-spacing:.01em;white-space:nowrap;text-decoration:none;
  color:#f3d9a8 !important;background:linear-gradient(90deg,#ffd188 0%,#fff0d8 50%,#ffd188 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#lidogeneration1 .lidogeneration-messengers{height:auto;margin:20px 0 0;gap:16px;justify-content:center}
#lidogeneration1 .lidogeneration-messengers a{
  width:52px;height:52px;margin:0;padding:13px;border-radius:50%;background:#fff;
  box-shadow:0 12px 26px -14px rgba(0,0,0,.7),0 0 0 1px rgba(238,209,159,.4);transition:transform .2s var(--ok-ease),box-shadow .2s ease}
#lidogeneration1 .lidogeneration-messengers i{display:block;width:100%;height:100%;background-size:contain !important;background-position:center !important}
@media (hover:hover) and (pointer:fine){
  #lidogeneration1 .lidogeneration-messengers a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -14px rgba(0,0,0,.75),0 0 0 2px #eed19f}
}
#lidogeneration1 .lidogeneration-messengers a:focus-visible{outline:2px solid #eed19f;outline-offset:3px}

/* форма в окне по таймеру */
#lidogeneration1 .form-group{margin:0 0 12px}
#lidogeneration1 .form-lidogeneration-control{
  display:block;width:100%;height:52px;box-sizing:border-box;padding:14px 16px;
  border:1px solid rgba(214,226,245,.3);border-radius:12px;background:rgba(255,255,255,.07);box-shadow:none;
  font:400 16px/1.5 var(--ok-sans);color:#fff;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
#lidogeneration1 textarea.form-lidogeneration-control{height:auto;min-height:118px;resize:vertical}
#lidogeneration1 .form-lidogeneration-control::placeholder{color:#a9bad6;opacity:1}
#lidogeneration1 .form-lidogeneration-control:focus{outline:0;border-color:#eed19f;background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(238,209,159,.16)}
#lidogeneration1 .form-group div.error{padding:6px 2px 0;font-size:13.5px;line-height:1.4;color:#ffb8ab;text-align:left}
#lidogeneration1 .form-group div.error:empty{display:none}
#lidogeneration1 .form-lidogeneration-btn{
  display:inline-flex;align-items:center;justify-content:center;max-width:none;height:52px;margin-top:4px;padding:0 36px;
  border:0;border-radius:999px;background:var(--ok-gold-grad);color:var(--ok-gold-text);font:600 16px/1 var(--ok-sans);
  box-shadow:0 14px 30px -14px rgba(238,186,96,.7);cursor:pointer;transition:filter .2s ease,transform .16s ease-out}
@media (hover:hover) and (pointer:fine){
  #lidogeneration1 .form-lidogeneration-btn:hover{background:var(--ok-gold-grad);filter:brightness(1.05)}
}
#lidogeneration1 .form-lidogeneration-btn:active{background:var(--ok-gold-grad);box-shadow:none;transform:scale(.97)}
#lidogeneration1 .form-lidogeneration-btn:focus-visible{outline:2px solid #eed19f;outline-offset:3px}

/* --- телефон ------------------------------------------------------------------------------ */
@media (max-width:575px){
  :is(.modal-step1,.modal-step2,#thanks_modal_zapis,#lidogeneration1) .modal-dialog{margin:12px auto;padding:0 10px}
  :is(.modal-step1,.modal-step2,#thanks_modal_zapis) .modal-content{padding:28px 20px 22px;border-radius:18px}
  :is(.modal-step1,.modal-step2) .modal-title,#thanks_modal_zapis .modal-title{font-size:22px}
  :is(.modal-step1,.modal-step2) .modal_submit_block{flex-direction:column;align-items:stretch}
  :is(.modal-step1,.modal-step2) .blue-button{width:100%}
  #lidogeneration1 .modal-content{padding:58px 20px 26px;border-radius:20px}
  #lidogeneration1 .modal-header h2{font-size:23px;padding:0 8px}
  #lidogeneration1 .lidogeneration-phone a{font-size:27px}
  #lidogeneration1 .lidogeneration-image,#lidogeneration1 .lidogeneration-image img{width:104px;height:104px}
  #lidogeneration1 .form-lidogeneration-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  :is(.modal-step1,.modal-step2,#thanks_modal_zapis,#lidogeneration1).fade .modal-dialog{transform:none;transition:none}
  #lidogeneration1 .modal-content::before,#lidogeneration1 .modal-content::after{animation:none;opacity:.85}
  :is(.modal-step1,.modal-step2) .blue-button,#lidogeneration1 .lidogeneration-messengers a,#lidogeneration1 .form-lidogeneration-btn{transition:none}
}