/* =====================================================================
   dimafedorov.ru · дизайн v3 (26.09.2026)
   Слой поверх старых стилей. Подключается последним в <head> на всех
   страницах сайта, КРОМЕ /services/yandex-direct.html и кейсов на
   direct-flagship.css. Откат = убрать <link> на этот файл.
   Эталон: /files/target-vk-v2/ (лендинг VK Рекламы).
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

:root{
  --v3-bg:#F4F3EE; --v3-bg2:#EAEBE5; --v3-card:#FFFFFF; --v3-ink:#171B19; --v3-ink2:#5E6560; --v3-mute:#8C928E;
  --v3-line:rgba(23,27,25,.12); --v3-dark:#1B201D; --v3-dark2:#252B27; --v3-dline:rgba(255,255,255,.12); --v3-dink2:#A7AEA9;
  --v3-acc:#EE5E48; --v3-acc-d:#DD4F3A; --v3-lime:#D4EC6A;
  --v3-wrap:1760px; --v3-side:clamp(16px,4.2vw,88px);
  --v3-edge:max(var(--v3-side),calc((100vw - var(--v3-wrap))/2 + var(--v3-side)));
  --v3-gap:clamp(24px,4vw,96px);
  --v3-r:22px;
  --v3-sans:"IBM Plex Sans",Arial,sans-serif; --v3-mono:"IBM Plex Mono",ui-monospace,monospace;
  --v3-body:clamp(17px,1.15vw,21px);
  --v3-lead:clamp(18px,1.5vw,27px);
  --v3-h1:clamp(44px,min(7.2vw,10.2vh),150px);
  --v3-h2:clamp(38px,6.2vw,116px);
  --v3-h3:clamp(22px,2vw,38px);
  --v3-sec:clamp(72px,10vw,180px);
  /* старые токены перекрашиваем в новые, чтобы всё, что на них завязано, подтянулось само */
  --df-paper:var(--v3-bg); --df-paper-2:var(--v3-bg2); --df-ink:var(--v3-ink); --df-ink-2:#3A403C; --df-muted:var(--v3-ink2);
  --df-line:var(--v3-line); --df-dark:var(--v3-dark); --df-dark-2:var(--v3-dark2); --df-signal:var(--v3-acc); --df-signal-dark:var(--v3-acc);
  --df-lime:var(--v3-lime); --df-max:var(--v3-wrap);
}
html{-webkit-text-size-adjust:100%}
body{background:var(--v3-bg);color:var(--v3-ink);font-family:var(--v3-sans);font-size:var(--v3-body);-webkit-font-smoothing:antialiased}

/* ---------- единый край: контент на всю ширину экрана ---------- */
.df-wrap,.df-header-inner,body .wrap,.top-inner,.post-wrap,.tool-wrap,[data-indexable-cases] .wrap{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:var(--v3-edge)!important;padding-right:var(--v3-edge)!important}

/* ---------- метки разделов: моно-текст без черт ---------- */
.df-kicker,.df-service-kicker,.df-label,.eyebrow,.post-eyebrow,.svc-tag,.section-lede-eyebrow{font-family:var(--v3-mono)!important;font-weight:500!important;letter-spacing:.08em!important;text-transform:uppercase;font-size:clamp(12px,.8vw,15px)!important;color:var(--v3-acc)!important;gap:0!important}
.df-kicker::before,.df-service-kicker::before,.df-label::before,.eyebrow::before,.post-eyebrow::before,.df-kicker::after,.df-service-kicker::after,.eyebrow::after{content:none!important;display:none!important}
.df-section-dark .df-label,.df-section-dark .eyebrow,.df-footer .df-label{color:var(--v3-lime)!important}

/* ---------- кнопки-таблетки ---------- */
.df-btn,.btn,.button{border-radius:999px!important;font-family:var(--v3-sans)!important;font-weight:500!important;font-size:clamp(15px,1.05vw,19px)!important;min-height:0!important;padding:clamp(15px,1.15vw,21px) clamp(22px,1.7vw,32px)!important;line-height:1.1!important}
.df-btn-primary,.btn-primary,.button-primary{background:var(--v3-acc)!important;color:#fff!important;border-color:transparent!important}
.df-btn-primary:hover,.btn-primary:hover,.button-primary:hover{background:var(--v3-acc-d)!important}
.df-btn-dark,.button-dark{background:var(--v3-dark)!important;color:#fff!important}
.df-btn-quiet,.btn-ghost{background:transparent!important;color:var(--v3-ink)!important;border:0!important;box-shadow:inset 0 0 0 1px var(--v3-line)!important}
.df-btn-quiet:hover,.btn-ghost:hover{background:#fff!important}

/* ---------- меню-таблетка (все три вида шапок) ---------- */
.df-header,header.top,header.header{position:fixed!important;top:14px!important;left:max(10px,calc(var(--v3-edge) - 12px))!important;right:max(10px,calc(var(--v3-edge) - 12px))!important;width:auto!important;z-index:60!important;border:1px solid var(--v3-line)!important;border-radius:999px!important;background:rgba(255,255,255,.8)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(23,27,25,.07)!important;padding:0!important}
.df-header-inner,.top-inner,header.header .header-in{min-height:58px!important;padding:6px 6px 6px 10px!important;display:flex!important;align-items:center!important;gap:clamp(8px,1.2vw,24px)!important}
.df-brand-mark{width:40px!important;height:40px!important;background:var(--v3-dark)!important;font-size:14px!important;letter-spacing:0!important}
.df-brand-role{border-left:0!important;padding-left:0!important}
.df-nav{gap:2px!important;font-size:15px!important}
.df-nav a,header.top nav a,header.header nav a{padding:9px 13px;border-radius:999px;color:var(--v3-ink2)!important;text-decoration:none}
.df-nav a:hover,header.top nav a:hover,header.header nav a:hover{background:var(--v3-bg2);color:var(--v3-ink)!important}
.df-phone{font-size:15px!important;font-weight:500;color:var(--v3-ink)!important}
.df-header .df-btn,header.top .btn,header.header .button{padding:12px 18px!important;font-size:15px!important}
.df-menu{border-radius:50%!important;border-color:var(--v3-line)!important}
/* место под плавающее меню у страниц без первого экрана на всю высоту */
body:not(.df-home) main>*:first-child,body.df-content-page>section:first-of-type,.svc-hero,.legal-hero,.tool-hero,.blog-hero,.cases-hero{padding-top:clamp(110px,12vh,150px)!important}

/* ---------- заголовки и текст ---------- */
.df-section h2,.df-faq-intro h2,.df-contact h2,.section-title h2,.svc-section h2,.cluster-heading h2,.contact-section h2,.post-related h2,[data-indexable-cases] h2{font-size:var(--v3-h2)!important;letter-spacing:-.035em!important;line-height:.98!important;font-weight:500!important;max-width:none!important;text-wrap:balance}
.df-section h2 span{color:var(--v3-mute)}
.df-section-dark h2 span{color:#7D857F}
.df-section-intro,.df-service-split-lede,.df-content-lede p,.df-faq-intro p,.df-method-lead p,.df-plan-lede,.df-contact-lede,.df-service-articles-lede p,.svc-lede,.section-lede{font-size:var(--v3-lead)!important;line-height:1.45!important;max-width:720px!important}
.df-mono-num{font-family:var(--v3-mono)}

/* ---------- секции ---------- */
.df-section,.svc-section,.contact-section,.blog-clusters,.blog-listing,[data-indexable-cases]{padding-top:var(--v3-sec)!important;padding-bottom:var(--v3-sec)!important}
.df-section-dark{background:var(--v3-dark)!important}
.df-section-paper-2{background:var(--v3-bg2)!important}
.df-section-head,.df-answer-grid,.df-plan-grid,.df-method,.df-content-grid,.df-faq-grid,.df-service-split,.df-service-steps,.df-service-articles{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important;row-gap:32px!important}
.df-section-head{align-items:end;margin-bottom:clamp(36px,4vw,72px)!important}

/* ---------- подвал с крупной надписью ---------- */
.df-footer,footer.site-foot,body>footer{background:var(--v3-dark)!important;color:#fff;padding-top:clamp(56px,7vw,96px)!important;padding-bottom:28px!important;overflow:hidden}
.df-footer p,.df-footer li,.df-footer a,.site-foot a,.site-foot li,.site-foot p{font-size:clamp(15px,1vw,18px)!important}
.df-footer h4,.site-foot h4{font-family:var(--v3-mono)!important;font-weight:500!important;letter-spacing:.08em!important;font-size:12px!important;color:var(--v3-dink2)!important}
/* надпись «Фёдоров.»: одним элементом, кегль от ширины строки (слово = 4,3 кегля), рамка шире глифов, чтобы «в» не срезалась */
.df-footer-bottom::before,.site-foot .foot-bottom::before,body>footer .footer-bottom::before{content:"Фёдоров.";display:block;order:-1;flex:0 0 auto;width:max-content;box-sizing:content-box;padding:0 .14em 0 0;margin:clamp(40px,6vw,72px) 0 18px -.04em;font-family:var(--v3-sans);font-weight:500;letter-spacing:-.04em;line-height:1.05;white-space:nowrap;
  font-size:min(400px,calc((100vw - 2 * var(--v3-edge)) / 4.6));
  background:linear-gradient(90deg,#fff calc(100% - .36em),var(--v3-acc) calc(100% - .36em));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.df-footer-bottom::after,.site-foot .foot-bottom::after,body>footer .footer-bottom::after{content:none!important}
.df-footer-bottom,.site-foot .foot-bottom,body>footer .footer-bottom{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline;justify-content:space-between!important;gap:0 24px!important}
.df-footer-bottom>*,.site-foot .foot-bottom>*,body>footer .footer-bottom>*{order:1}
@media (max-width:640px){.df-footer-bottom>*,.site-foot .foot-bottom>*,body>footer .footer-bottom>*{flex:1 1 100%!important}}

/* узкие экраны: шапка помещается, заголовки не рвут слова (самое длинное слово = 10,1 кегля) */
@media (max-width:600px){
  .post-title,.legal-hero h1,.tool-hero h1,h1.svc-title,body.df-content-page .blog-hero h1,body.df-content-page .cases-hero h1,.hero h1{font-size:min(clamp(28px,8.4vw,48px),calc((100vw - 2 * var(--v3-edge)) / 10.3))!important}
  .df-section h2,.df-faq-intro h2,.section-title h2,.svc-section h2,.svc-content h2,.post-body h2,.contact-text h2,.cluster-heading h2,.post-related h2,.section h2,.contact h2{font-size:min(var(--v3-h2),calc((100vw - 2 * var(--v3-edge)) / 9))!important}
}
@media (max-width:480px){
  .df-brand-name,.df-brand-role,header.top .role,header.top .sep,header.top .phone,.df-header .df-phone,header.header .brand small{display:none!important}
  header.top .brand .logo{font-size:0!important;gap:0}
  header.top .brand .logo::before{font-size:14px}
  .df-header .df-btn,header.top .btn,header.header .button,header.header .header-cta{padding:11px 16px!important;font-size:14px!important;white-space:nowrap}
  .df-header-inner,.top-inner,header.header .header-in{gap:8px!important}
  .top-actions,.df-header-actions{gap:6px!important;flex-wrap:nowrap}
}
.df-footer-bottom,.site-foot .foot-bottom,body>footer .footer-bottom{flex-wrap:wrap!important;border-top:0!important;font-size:14px!important;color:var(--v3-dink2)!important;padding-top:0!important}
.df-footer-bottom>*,.site-foot .foot-bottom>*,body>footer .footer-bottom>*{border-top:1px solid var(--v3-dline);padding-top:18px}
.df-footer-bottom>*:first-child{flex:1 1 auto}

/* =====================================================================
   ШАБЛОН df-*: главная, основные и отраслевые услуги
   ===================================================================== */
body.df-home{font-size:var(--v3-body)}

/* --- первый экран услуги: текст слева, фото справа на всю высоту --- */
.df-service-hero{position:relative;padding:0!important;border-bottom:0!important;background:var(--v3-bg)!important;min-height:100vh;min-height:100svh;display:flex}
.df-service-hero::before{content:"";position:absolute;top:0;right:0;bottom:0;width:50%;background:#2a2320 url(/assets/v3/svc-hero.webp) 50% 25%/cover no-repeat}
.df-service-hero-grid{position:relative;z-index:1;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important;align-items:stretch!important;padding-top:clamp(100px,12vh,150px)!important;padding-bottom:clamp(20px,3vw,40px)!important}
.df-service-hero-grid>div:first-child{align-self:center;padding-bottom:clamp(24px,4vh,48px)}
.df-service-hero h1{font-size:var(--v3-h1)!important;letter-spacing:-.045em!important;line-height:.93!important;max-width:none!important;margin:22px 0 28px!important;text-wrap:balance}
.df-service-hero h1 em{color:var(--v3-acc)!important}
.df-service-lede{font-size:var(--v3-lead)!important;max-width:680px!important;margin-bottom:clamp(24px,3vh,36px)!important}
.df-service-meta{margin-top:clamp(24px,4vh,48px)}
.df-service-meta b{font-family:var(--v3-mono);font-weight:500!important;font-size:12px!important;letter-spacing:.06em!important}
.df-service-meta span{font-size:clamp(18px,1.4vw,26px)!important}
.df-service-console{align-self:end;justify-self:stretch;max-width:600px;min-height:0!important;margin-left:clamp(0px,1vw,16px);background:rgba(27,32,29,.88)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)!important;border-radius:24px;padding:clamp(20px,1.8vw,30px)!important}
.df-service-console-top strong{font-size:clamp(20px,1.5vw,28px)!important}
.df-service-console-top small{font-family:var(--v3-mono);font-weight:500!important;font-size:12px!important}
.df-service-console-list{background:transparent!important;gap:10px!important;margin-top:18px!important}
.df-service-console-list div{min-height:0!important;border-radius:14px;background:var(--v3-dark2)!important;border:1px solid var(--v3-dline);padding:14px!important}
.df-service-console-list b{font-size:clamp(24px,2vw,34px)!important;margin-bottom:6px!important}
.df-service-console-list span{font-size:13px!important}
.df-service-console-note{font-size:13px!important;padding-top:16px!important}

/* --- списки, шаги, результаты услуг --- */
.df-service-list{background:transparent!important;border:0!important;gap:14px!important}
.df-service-list article{border-radius:var(--v3-r);background:var(--v3-card)!important;border:1px solid var(--v3-line);min-height:clamp(200px,17vw,320px)!important;padding:clamp(22px,2.2vw,40px)!important}
.df-service-list b{font-family:var(--v3-mono);font-weight:500;font-size:13px!important;margin-bottom:clamp(20px,2.4vw,44px)!important}
.df-service-list h3{font-size:var(--v3-h3)!important;line-height:1.06!important;letter-spacing:-.025em!important}
.df-service-list p{font-size:clamp(15px,1.05vw,19px)!important}
.df-step{grid-template-columns:clamp(42px,4vw,80px) 1fr 34px!important;padding:clamp(22px,2vw,36px) 0!important}
.df-step-num{font-family:var(--v3-mono);font-size:clamp(13px,.9vw,16px)!important;color:var(--v3-acc)!important}
.df-step h3{font-size:var(--v3-h3)!important;letter-spacing:-.025em!important;line-height:1.08!important}
.df-step p{font-size:clamp(15px,1.05vw,19px)!important;max-width:60ch!important}
.df-service-results,.df-result-grid{gap:14px!important}
.df-service-result,.df-result{border-radius:var(--v3-r);border:1px solid var(--v3-dline);min-height:clamp(260px,20vw,380px)!important;padding:clamp(22px,2.2vw,40px)!important}
.df-service-result small,.df-result-source{font-family:var(--v3-mono);font-weight:500!important;font-size:12px!important}
.df-service-result p,.df-result p{font-size:clamp(15px,1.1vw,20px)!important;max-width:40ch!important}
.df-service-result strong,.df-result-metric{font-size:clamp(34px,3.8vw,72px)!important;line-height:1!important;letter-spacing:-.03em!important}
.df-service-result strong span,.df-result-metric small{font-size:clamp(12px,.9vw,16px)!important;margin-top:8px!important}
.df-service-cta-note p,.df-results-cta p{font-size:clamp(15px,1.1vw,20px)!important;max-width:60ch!important}
.df-service-article-list a,.df-article{padding:clamp(18px,1.6vw,28px) 0!important}
.df-service-article-list h3,.df-article h3{font-size:clamp(20px,1.7vw,32px)!important;letter-spacing:-.02em}
.df-service-article-list p,.df-article p{font-size:clamp(14px,1vw,18px)!important}
.df-article{grid-template-columns:clamp(90px,8vw,150px) 1fr 22px!important}
.df-article-meta{font-family:var(--v3-mono);font-size:12px!important}

/* --- вопросы --- */
.df-faq summary{font-size:clamp(19px,1.7vw,32px)!important;letter-spacing:-.015em;line-height:1.2;padding:clamp(20px,1.8vw,32px) 0!important}
.df-faq summary::after{color:var(--v3-acc)!important}
.df-faq .df-answer{font-size:clamp(16px,1.2vw,22px)!important;max-width:900px!important}

/* --- заявка: коралловый блок на весь экран --- */
.df-contact{background:var(--v3-acc)!important;padding:clamp(72px,8vw,160px) 0!important;min-height:min(100vh,1100px);display:flex;align-items:center}
.df-contact>.df-wrap{flex:1}
.df-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important;align-items:center!important}
.df-contact h2{font-size:clamp(38px,6.2vw,120px)!important;line-height:.95!important;letter-spacing:-.04em!important;max-width:none!important}
.df-contact-lede{font-size:var(--v3-lead)!important;max-width:620px!important}
.df-contact-list{font-size:clamp(15px,1.1vw,20px)!important}
.df-contact-form{border-radius:26px!important;padding:clamp(22px,2.4vw,44px)!important;max-width:680px;width:100%}
.df-contact-form label{font-family:var(--v3-mono);font-weight:500!important;letter-spacing:.06em;font-size:12px!important}
.df-contact-form input,.df-contact-form select,.df-contact-form textarea{border-radius:12px!important;font-size:16px!important;padding:14px!important;border:1px solid var(--v3-line)!important}
.df-contact-form button{border-radius:999px!important;background:var(--v3-dark)!important;padding:18px!important}

/* --- главная: первый экран на всю высоту, фото на правую половину --- */
.df-hero{padding:0!important;border-bottom:0!important;min-height:100vh;min-height:100svh;display:flex;overflow:hidden}
.df-hero>.df-wrap{flex:1}
.df-hero>.df-wrap.df-hero-grid{display:grid!important}
.df-hero-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important;align-items:stretch!important}
.df-hero-grid>div:first-child{align-self:center;padding:clamp(100px,12vh,150px) 0 clamp(24px,4vh,48px)}
.df-hero h1{font-size:var(--v3-h1)!important;letter-spacing:-.045em!important;line-height:.93!important;max-width:none!important;margin:22px 0 28px!important}
.df-hero h1 em{color:var(--v3-acc)!important}
.df-hero-lede{font-size:var(--v3-lead)!important;max-width:680px!important}
.df-proof-line b{font-size:clamp(18px,1.4vw,26px)!important}
.df-proof-line span{font-size:clamp(12px,.85vw,15px)!important}
.df-console{position:relative;margin:0 calc(-1 * var(--v3-edge)) 0 calc(var(--v3-gap) / -2);min-height:100%!important;max-width:none!important;padding:0!important;background:#2a2320!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;justify-content:flex-end}
.df-console::before{display:none!important}
.df-console-photo{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:auto!important;aspect-ratio:auto!important;margin:0!important;background:#2a2320!important}
.df-console-photo img{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover;object-position:50% 25%}
.df-console-caption{top:clamp(90px,11vh,130px)!important;right:var(--v3-edge)!important;left:auto!important;bottom:auto!important;text-align:right;flex-direction:column;gap:2px!important;z-index:2}
.df-console-caption strong{font-size:clamp(18px,1.3vw,24px)!important}
.df-console-metrics,.df-console-foot{position:relative;z-index:2;margin-left:clamp(16px,2.4vw,40px)!important;margin-right:var(--v3-edge)!important;max-width:620px}
.df-console-metrics{background:transparent!important;gap:8px!important;margin-top:0!important}
.df-metric{border-radius:14px;background:rgba(27,32,29,.86)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:0!important;padding:14px!important}
.df-metric b{font-size:clamp(22px,1.8vw,32px)!important}
.df-metric span{font-size:12px!important}
.df-console-foot{margin-bottom:clamp(16px,2.4vw,40px)!important;margin-top:8px!important;padding:12px 14px;border-radius:14px;background:rgba(27,32,29,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px!important}

/* --- карточки главной --- */
.df-fit-grid{background:transparent!important;gap:14px!important}
.df-fit-card{border-radius:var(--v3-r);border:1px solid var(--v3-line);background:var(--v3-card)!important;min-height:clamp(240px,20vw,360px)!important;padding:clamp(22px,2.2vw,40px)!important}
.df-fit-number{font-family:var(--v3-mono);font-size:13px!important;color:var(--v3-acc)!important}
.df-fit-card h3,.df-offer h3,.df-plan-list h3{font-size:var(--v3-h3)!important;letter-spacing:-.025em!important;line-height:1.06!important;max-width:none!important}
.df-fit-card p,.df-offer p,.df-plan-list p,.df-answer-copy p{font-size:clamp(15px,1.1vw,20px)!important;max-width:60ch!important}
.df-offer{border-radius:var(--v3-r);border:1px solid var(--v3-line);min-height:clamp(340px,26vw,480px)!important;padding:clamp(22px,2.2vw,40px)!important}
.df-offer-tag{font-family:var(--v3-mono);font-size:12px!important}
.df-offer-price{font-size:clamp(22px,2vw,38px)!important}
.df-plan-list>div{padding:clamp(20px,1.8vw,32px) 0!important}
.df-plan-list>div>span{font-family:var(--v3-mono);font-size:clamp(16px,1.3vw,24px)!important;color:var(--v3-acc)}

/* --- мобильные --- */
@media (max-width:1000px){
  .df-section-head,.df-answer-grid,.df-plan-grid,.df-method,.df-content-grid,.df-faq-grid,.df-service-split,.df-service-steps,.df-service-articles,.df-contact-grid{grid-template-columns:1fr!important}
  .df-contact{min-height:0}
  .df-contact-form{max-width:none}
  /* услуга: текст, затем фото, карточка поверх низа фото */
  .df-service-hero{display:flex;flex-direction:column;min-height:0}
  .df-service-hero::before{display:none}
  .df-service-hero-grid{display:contents!important}
  .df-service-hero-grid>div:first-child{order:1;padding:clamp(100px,14vh,130px) var(--v3-edge) 32px}
  .df-service-hero::after{content:"";order:2;display:block;height:min(118vw,900px);background:#2a2320 url(/assets/v3/svc-hero-sm.webp) 50% 22%/cover no-repeat}
  .df-service-console{order:3;margin:-72px 16px 16px!important;max-width:none;position:relative;z-index:2}
  /* главная: то же самое */
  .df-hero{min-height:0}
  .df-hero-grid{grid-template-columns:1fr!important}
  .df-hero-grid>div:first-child{padding:clamp(100px,14vh,130px) 0 32px}
  .df-console{display:block!important;margin:0 calc(-1 * var(--v3-edge))!important;min-height:0!important;padding-bottom:16px!important;background:var(--v3-dark)!important}
  .df-console-photo{position:relative!important;height:min(112vw,860px)!important;bottom:auto!important}
  .df-console-caption{top:20px!important}
  .df-console-metrics{margin:-64px 16px 0!important;max-width:none}
  .df-console-foot{margin:8px 16px 0!important;max-width:none}
}
@media (max-width:640px){
  .df-header .df-phone,.df-brand-role{display:none!important}
  .df-service-list,.df-service-results,.df-fit-grid,.df-offer-grid,.df-result-grid{grid-template-columns:1fr!important}
  .df-service-console-list{grid-template-columns:1fr 1fr!important}
  .df-console-metrics{grid-template-columns:1fr 1fr!important}
  .df-step{grid-template-columns:36px 1fr 20px!important}
  .df-article{grid-template-columns:1fr 22px!important;column-gap:8px!important}
  .df-article-meta{grid-column:1/-1}
}
@media (max-width:360px){
  :root{--v3-h1:36px;--v3-h2:30px}
  .df-contact h2{font-size:30px!important}
}

/* =====================================================================
   _brand.css: статьи, старые кейсы, отраслевые подборки, 404, политика
   ===================================================================== */
:root{--bg:var(--v3-bg);--bg-soft:var(--v3-bg2);--bg-card:#fff;--ink:var(--v3-ink);--ink-2:#3A403C;--ink-3:var(--v3-ink2);--ink-4:var(--v3-mute);
  --teal:var(--v3-acc);--teal-2:var(--v3-acc-d);--teal-soft:#F7DDD5;--teal-bg:#F3E6DF;--teal-line:rgba(238,94,72,.4);--coral:var(--v3-acc);--coral-deep:var(--v3-acc-d);
  --rule:var(--v3-line);--rule-2:rgba(23,27,25,.18);--body:var(--v3-sans);--mono:var(--v3-sans)}
body.df-content-page{--paper:var(--v3-bg);--paper-2:var(--v3-bg2);--ink:var(--v3-ink);--muted:var(--v3-ink2);--line:var(--v3-line);--dark:var(--v3-dark);--signal:var(--v3-acc);--signal-dark:var(--v3-acc);--lime:var(--v3-lime)}
header.top .brand,header.header .brand{text-decoration:none}
header.top .phone{width:auto!important;border:0!important;background:transparent!important;color:var(--v3-ink)!important;font-weight:500}
header.top .top-actions .btn-primary{display:inline-flex!important}

/* --- статья --- */
.post-wrap{padding-top:clamp(110px,12vh,150px)!important;padding-bottom:var(--v3-sec)!important}
.post-crumb{font-family:var(--v3-mono);font-size:12px!important;letter-spacing:.04em;margin-bottom:clamp(20px,2.4vw,40px)!important}
.post-title{font-size:clamp(40px,6vw,112px)!important;letter-spacing:-.04em!important;line-height:.97!important;font-weight:500!important;max-width:18ch!important;text-wrap:balance}
.post-meta{font-family:var(--v3-mono);font-size:13px!important;margin-bottom:clamp(28px,3vw,56px)!important}
.post-cover{max-width:none!important;margin:0 0 clamp(40px,5vw,88px)!important;border-radius:var(--v3-r);overflow:hidden}
.post-cover img{width:100%;max-height:78vh;object-fit:cover}
.post-body,.post-copy,.post-faq,.post-cta,.post-nav{max-width:820px!important;margin-left:clamp(0px,calc((100vw - 2 * var(--v3-edge)) * .18),320px)!important;margin-right:auto!important}
.post-body{font-size:clamp(18px,1.25vw,22px)!important;line-height:1.65!important}
.post-body h2{font-size:clamp(28px,2.8vw,52px)!important;letter-spacing:-.03em!important;line-height:1.05!important;font-weight:500!important;margin:clamp(48px,5vw,88px) 0 20px!important;padding-top:0!important;border-top:0!important}
.post-body h3{font-size:clamp(21px,1.7vw,30px)!important;letter-spacing:-.015em;font-weight:500!important}
.post-body blockquote{border-left:0!important;border-radius:16px;background:var(--v3-bg2)!important;padding:clamp(18px,2vw,32px)!important}
.post-body table{font-size:clamp(14px,1vw,17px)!important}
.post-cta{border-radius:24px!important;background:var(--v3-dark)!important;color:#fff!important;padding:clamp(24px,3vw,56px)!important;margin-top:clamp(48px,5vw,88px)!important}
.post-cta h3{font-size:clamp(26px,2.6vw,48px)!important;letter-spacing:-.03em;line-height:1.05;font-weight:500!important;color:#fff!important}
.post-cta p{color:var(--v3-dink2)!important;font-size:clamp(16px,1.2vw,21px)!important}
.post-cta a{border-radius:999px!important;background:var(--v3-acc)!important;color:#fff!important;padding:16px 26px!important;font-size:16px!important}
.post-related{max-width:none!important;padding:0 var(--v3-edge) var(--v3-sec)!important}
.post-related-grid{gap:14px!important}
.post-related-grid>a,.post-related .svc-article-card{border-radius:var(--v3-r)!important;overflow:hidden;background:#fff!important;border:1px solid var(--v3-line)!important}
.post-copy-button{border-radius:999px!important}

/* --- старые шаблоны кейсов и подборок (svc-*) --- */
.svc-hero{background:var(--v3-bg)!important;padding-bottom:clamp(56px,6vw,112px)!important}
.svc-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important;align-items:center}
h1.svc-title{font-size:var(--v3-h1)!important;letter-spacing:-.045em!important;line-height:.95!important;max-width:none!important;text-wrap:balance}
.svc-lede{font-size:var(--v3-lead)!important}
.svc-section.alt{background:var(--v3-bg2)!important}
.svc-content{font-size:clamp(17px,1.2vw,21px)!important}
.svc-content h2,.svc-intro h2,.svc-faq-section>h2,.svc-articles-section>div:first-child>h2{font-size:clamp(32px,4.2vw,80px)!important;letter-spacing:-.035em!important;line-height:1!important;font-weight:500!important;max-width:none!important}
.svc-content p,.svc-content li{max-width:760px!important}
.svc-content .svc-cases-list>li,.svc-content section section>div:nth-of-type(2)>div,.svc-content section section>ul:not(.svc-cases-list)>li,.did-card,.case-result{border-radius:var(--v3-r)!important}
details.svc-faq-item>summary{font-size:clamp(19px,1.7vw,32px)!important;letter-spacing:-.015em}
details.svc-faq-item>.svc-faq-a{font-size:clamp(16px,1.2vw,22px)!important}
.contact-section{background:var(--v3-acc)!important;color:#fff}
.contact-section .contact-text h2,.contact-section .contact-text p,.contact-section .contact-info,.contact-section .contact-info a,.contact-section .eyebrow{color:#fff!important}
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important;align-items:center}
.contact-text h2{font-size:clamp(38px,6.2vw,120px)!important;line-height:.95!important;letter-spacing:-.04em!important;max-width:none!important}
.contact-text p{font-size:var(--v3-lead)!important}
form.cf{border-radius:26px!important;padding:clamp(22px,2.4vw,44px)!important;color:var(--v3-ink)}
form.cf label{font-family:var(--v3-mono)!important;font-weight:500!important;letter-spacing:.06em!important;font-size:12px!important}
form.cf input,form.cf select,form.cf textarea{border-radius:12px!important;border:1px solid var(--v3-line)!important;font-size:16px!important}
form.cf button{border-radius:999px!important;background:var(--v3-dark)!important}
.status-line{border-radius:999px!important;background:rgba(255,255,255,.18)!important;color:#fff!important}
.status-line::before{color:var(--v3-lime)!important}
footer.site-foot .col-brand .name{font-size:clamp(20px,1.6vw,28px)!important}

/* --- блог и витрина кейсов (content-redesign) --- */
body.df-content-page .blog-hero h1,body.df-content-page .cases-hero h1,body.df-content-page .cases-hero h2{font-size:var(--v3-h1)!important;letter-spacing:-.045em!important;line-height:.95!important;max-width:none!important}
body.df-content-page .blog-hero p,body.df-content-page .cases-hero p{font-size:var(--v3-lead)!important;max-width:760px!important}
body.df-content-page .blog-grid,body.df-content-page .cluster-grid,body.df-content-page .cases-grid{gap:14px!important;background:transparent!important;border:0!important}
body.df-content-page .post-card,body.df-content-page .cluster-card,body.df-content-page .case-tile{border-radius:var(--v3-r)!important;border:1px solid var(--v3-line)!important;background:#fff!important;padding:clamp(22px,2vw,36px)!important}
body.df-content-page .post-card h3,body.df-content-page .cluster-card h3,body.df-content-page .case-tile h3{font-size:clamp(20px,1.6vw,30px)!important;letter-spacing:-.02em;line-height:1.1}
body.df-content-page .case-tile .res .r .n{font-size:clamp(28px,2.6vw,48px)!important}
body.df-content-page .post-card .meta,body.df-content-page .cluster-card .meta,body.df-content-page .case-tile .niche{font-family:var(--v3-mono)!important;font-size:12px!important}

/* --- калькуляторы, 404, политика --- */
.tool-hero h1,.legal-hero h1{font-size:clamp(40px,6vw,112px)!important;letter-spacing:-.04em!important;line-height:.97!important}
.tool-hero p,.legal-hero p{font-size:var(--v3-lead)!important}
.tool-card,.tool-link,.tool-result{border-radius:var(--v3-r)!important}
.legal-content article{max-width:820px!important;margin-left:0!important;font-size:clamp(16px,1.1vw,19px)!important}

@media (max-width:1000px){
  .svc-hero-grid,.contact-grid{grid-template-columns:1fr!important}
  .post-body,.post-copy,.post-faq,.post-cta,.post-nav{margin-left:0!important}
}
@media (max-width:640px){
  .post-related-grid,body.df-content-page .blog-grid,body.df-content-page .cluster-grid,body.df-content-page .cases-grid{grid-template-columns:1fr!important}
  header.top nav{display:none}
}

/* =====================================================================
   system-sales.css: «Система продаж», «Офис ИИ-агентов»
   ===================================================================== */
:root{--navy:var(--v3-dark);--navy-2:var(--v3-dark);--blue:var(--v3-acc);--red:var(--v3-acc);--paper:var(--v3-bg);--soft:var(--v3-bg2);--line:var(--v3-line);--muted:var(--v3-ink2);--wrap:var(--v3-wrap)}
header.header+div+main>.hero,body>main>.hero{padding-top:clamp(120px,14vh,170px)!important}
.hero h1{font-size:var(--v3-h1)!important;letter-spacing:-.045em!important;line-height:.95!important;max-width:none!important}
.hero .lead,.section-title>p,.prose p{font-size:var(--v3-lead)!important}
.hero-grid,.split,.price-grid,.support-grid,.contact-grid,.boundaries-grid,.qualify-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:var(--v3-gap)!important}
.section{padding-top:var(--v3-sec)!important;padding-bottom:var(--v3-sec)!important}
.section h2,.contact h2,.section-title h2{font-size:var(--v3-h2)!important;letter-spacing:-.035em!important;line-height:.98!important;font-weight:500!important;max-width:none!important}
.project-sheet,.case,.price-box,.problem-list>div,.scope-list>div,.support-table{border-radius:var(--v3-r)!important}
.contact{background:var(--v3-acc)!important;color:#fff}
.contact form{border-radius:26px!important;color:var(--v3-ink)}
@media (max-width:1000px){.hero-grid,.split,.price-grid,.support-grid,.contact-grid,.boundaries-grid,.qualify-cols{grid-template-columns:1fr!important}}

/* --- правки после первого просмотра --- */
h1,h2,h3,h4,h5,p,li,dd,dt,td,th,blockquote,label,input,select,textarea,button,.prose,.brand b{font-family:var(--v3-sans)!important}
header.top .brand .logo{display:inline-flex;align-items:center;gap:10px;font-weight:600}
header.top .brand .logo::before{content:"ДФ";display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--v3-dark);color:#fff;font-size:14px;font-weight:600;letter-spacing:0}
header.top .btn-primary,header.header .header-cta,header.header .button-primary{background:var(--v3-dark)!important;color:#fff!important}
.contact-section .contact-text h2 .grey,.contact-section .grey,.df-contact h2 span,.contact h2 span{color:rgba(255,255,255,.62)!important}

/* узкие экраны, дополнение 28.09: все заголовки страниц, кроме первых экранов главной и услуг */
@media (max-width:600px){
  body:not(.df-home) h1{font-size:min(clamp(28px,8.4vw,48px),calc((100vw - 2 * var(--v3-edge)) / 10.3))!important;overflow-wrap:normal}
  .svc-hero-grid>*,.contact-grid>*,.hero-grid>*,.svc-content>*{min-width:0}
  .svc-tag-row{flex-wrap:wrap!important;max-width:100%}
  .svc-tag-row>*{white-space:normal!important}
}

/* широкое содержимое статей не распирает страницу: таблицы и код прокручиваются внутри себя */
main table,article table,section table,.post-body table,.svc-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.post-body pre,.post-content article pre,.svc-content pre{max-width:100%;overflow-x:auto}
code.v3-tok,.post-body :not(pre)>code,.post-content article :not(pre)>code,.svc-content :not(pre)>code{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:bottom;white-space:nowrap;-webkit-overflow-scrolling:touch}
code.v3-tok{font:inherit;font-size:.92em;background:var(--v3-bg2);border-radius:6px;padding:0 .3em}
.post-body img,.post-body video,.post-body iframe,.post-content article img,.post-content article iframe{max-width:100%;height:auto}
.stack-item{min-width:0;max-width:100%;flex-wrap:wrap}
@media (max-width:600px){
  body:not(.df-home) h2,.case-section h2{font-size:min(clamp(26px,7.4vw,44px),calc((100vw - 2 * var(--v3-edge)) / 9.3))!important}
}

/* 28.09: ссылка «Перейти к содержанию» убрана по просьбе владельца сайта */
.skip-link,.df-skip,.skip,.yd-skip{display:none!important}

/* =====================================================================
   06.10.2026: доступность, контраст (WCAG AA). Основной коралловый --v3-acc
   остаётся для декора и графики. Для текста и фонов под белым текстом
   отдельные токены: проверено расчётом на #F4F3EE, #EAEBE5, #FFFFFF.
   ===================================================================== */
:root{
  --v3-acc-text:#B03624;   /* мелкий коралловый текст на светлом: 5,56:1 на #F4F3EE, 5,15:1 на #EAEBE5, 4,8:1 на плашках #F7DDD5 */
  --v3-acc-big:#E2503A;    /* крупный коралловый текст (от 24px): 3,47:1 на #F4F3EE, 3,22:1 на #EAEBE5 */
  --v3-acc-bg:#D1402A;     /* фон под белым текстом: 4,69:1 */
  --v3-acc-bg-d:#B83A27;   /* то же при наведении: 5,72:1 */
  --v3-mute-big:#7A817C;   /* приглушённая вторая половина крупных заголовков: 3,59:1 / 3,33:1 */
}
/* белый текст на коралловом: кнопки, блок связи, выделенная карточка */
.df-btn-primary,.btn-primary,.button-primary,.post-cta a,.df-contact,.contact-section,.contact,.df-offer.featured{background:var(--v3-acc-bg)!important}
.df-btn-primary:hover,.btn-primary:hover,.button-primary:hover{background:var(--v3-acc-bg-d)!important}
.df-offer.featured{border-color:var(--v3-acc-bg)!important}
.df-offer.featured .df-offer-tag,.df-offer.featured p,.df-offer.featured small,.df-offer.featured .df-offer-link,
.df-contact .df-label,.df-contact-lede,.df-contact-list,.df-contact-list a,.df-contact-list span{color:#fff!important}
.contact-section .contact-text h2 .grey,.contact-section .grey,.df-contact h2 span,.contact h2 span{color:rgba(255,255,255,.86)!important}
/* коралловый мелкий текст на светлом фоне */
.df-kicker,.df-label,.df-step-num,.df-offer-tag,.df-article-meta,.df-article-arrow,.df-fit-number,.df-plan-list>div>span{color:var(--v3-acc-text)!important}
/* крупный коралловый акцент в заголовках */
.df-hero h1 em,.df-service-hero h1 em{color:var(--v3-acc-big)!important}
/* приглушённые части заголовков и стрелки */
.df-section h2 span{color:var(--v3-mute-big)}
.df-section-dark h2 span{color:#7D857F}
.df-step-arrow{color:var(--v3-ink2)!important}
/* серый текст на тёмном фоне */
.df-results-cta p{color:var(--v3-dink2)!important}
/* текст мельче 12px */
.df-offer small,.df-offer-price small,.df-form-note,.df-console-caption span{font-size:12px!important}
/* шаблоны услуг, кейсов и служебных страниц */
.df-service-kicker,.df-service-list article b,.df-service-article-list a span,.svc-section .eyebrow,.cases-hero .eyebrow,
.case-tile .go,.res .n .s,.contact-success,.niche,.niche span{color:var(--v3-acc-text)!important}
.niche,.niche span{font-size:12px!important}
.contact-info .row b{color:rgba(255,255,255,.92)!important;font-size:12px!important}
.foot-grid h6{color:var(--v3-dink2)!important;font-size:12px!important}
.legal-hero h1{color:var(--v3-acc-big)}
/* шаблон отраслевых страниц, кейсов и статей красит текст через --teal: ярким кораллом он не проходит контраст.
   Фоном --teal служит только в выделении текста, наведении и цитате. */
:root{--teal:var(--v3-acc-text);--teal-2:#A63320;--teal-line:rgba(184,58,39,.4)}
h1.svc-title em{color:var(--v3-acc-big)}
.svc-title .grey,h1 .grey{color:var(--v3-mute-big)}
/* подписи и плашки в блоке связи на коралловом фоне */
.contact-info .row b{color:#fff!important}
.status-line{background:rgba(0,0,0,.22)!important;color:#fff!important}
.status-line b{color:#fff!important}
h1.svc-title .grey,h1.svc-title span.grey{color:var(--v3-mute-big)!important}
/* служебные страницы: метки над заголовком на белом */
.tool-hero .eyebrow,.report-head .eyebrow{color:var(--v3-acc-text)!important}
.post-eyebrow,.svc-tag{color:var(--v3-acc-text)!important}

/* =====================================================================
   06.10.2026 (б): контраст на шаблоне кейсов («Дело в игре» и аналоги),
   в отчёте OVIK PRO и на странице «Офис ИИ-агентов»
   ===================================================================== */
/* шапка кейсов: подложка светлая, имя и подпись тёмные */
header.top .brand b{color:var(--v3-ink)!important}
header.top .brand span{color:var(--v3-ink2)!important}
/* кейс: коралловый текст на светлом, фон под белым текстом, серый источник */
.kicker,.did .num,.did .sub,.lede a,.res .pair b,.stats .n{color:var(--v3-acc-text)!important}
.hero .kicker,.sec--dark .kicker,.pipe .st{color:#F47F6C!important}
.btn--red,.tag--red,.cta,.cf button{background:var(--v3-acc-bg)!important}
.cta .kicker,.cta .lede,.cta__info b,.cta__info a,.cta__info span{color:#fff!important}
.stats__src{color:#6B6B72!important}
/* отчёт OVIK PRO */
h1.report-title span,.report-head h2 span{color:var(--v3-mute-big)!important}
.metric b{color:var(--v3-acc-big)!important}
.work-card .num,.work-card .state,.flow-step b{color:var(--v3-acc-text)!important}
/* «Офис ИИ-агентов» */
.hero .eyebrow,.section-title .eyebrow,section.section:not(.process) .eyebrow,.dept-grid>div>span:first-child,section.section span.n,.demo-card small{color:var(--v3-acc-text)!important}
section.process .eyebrow,section.process .section-title .eyebrow{color:#F47F6C!important}
section.contact .eyebrow,section.contact .wrap>div>p{color:#fff!important}
.did article[style*="graphite"] .num,.did article[style*="graphite"] .sub{color:#F47F6C!important}

/* =====================================================================
   06.10.2026 (в): транскрипция звонков, чат «Ёлки Парк», «Система продаж»
   ===================================================================== */
.trc time,.dist s{color:#6B6B72!important}
.trc mark{color:var(--v3-acc-text)!important}
.dist b,.cmp td.up{color:var(--v3-acc-text)!important}
.cmp td.dn{color:#9F3120!important}
.hb__tr b{color:var(--v3-ink)!important}          /* значение на диаграмме: тёмный текст, цвет остаётся у столбца */
.chat .g{background:var(--v3-acc-bg)!important}
.problem-list>div>span{color:var(--v3-acc-text)!important}
.case-name small{color:var(--v3-acc-text)!important;font-size:12px!important}
.scope-list>div>span{color:var(--v3-acc-text)!important}

/* =====================================================================
   06.10.2026 (г): общий слой по результатам замера всех 140 страниц
   ===================================================================== */
/* серый токен: был #8C928E (2,9:1), теперь тот же серый, что у основного второго текста */
:root{--v3-mute:#5E6560}
/* коралловый текст на светлом */
.eyebrow,.mono.eyebrow,.b-num,.cluster-card .meta,.cluster-card .arr,.post-card .meta,.problem-item .x,.panel .tag,.arts i,
.kp-check-card small,.kp-step b,.kp-price-simple strong,.kp-market-row b,.kp-persona small,.step .mono,.case .mono,.b6-grid .mono,
.hero-text .mono,.sec-head .mono,.hero-text h1 em{color:var(--v3-acc-text)!important}
.hero-text h1 em{color:var(--v3-acc-big)!important}
h1 .grey,h1 .mute,h2 .mute,h2 .grey{color:var(--v3-mute-big)!important}
/* белый текст на коралловом */
.btn-accent,article.b .funnel div:nth-child(3),.cta-in,.kp-metric.is-accent{background:var(--v3-acc-bg)!important}
.btn-accent:hover{background:var(--v3-acc-bg-d)!important}
.kp-metric.is-accent,.kp-metric.is-accent *,.cta-in .eyebrow,.cta-in p,.cta-me b,.cta-me span,.cta-contacts a,article.b .funnel div:nth-child(3) span{color:#fff!important}
/* тёмные секции: возвращаем светлые тона (моя прошлая общая правка .df-label попадала и сюда) */
.kp-dark .df-label,.kp-dark .eyebrow,.kp-dark .mono{color:var(--v3-lime)!important}
/* тёмный подвал: подпись и логотип */
.col-brand .role,.footer-logo div,.foot .role{color:var(--v3-dink2)!important}
/* прочее */
.post-card .arr{color:var(--v3-acc-text)!important}
.kp-source-note,.kp-source-note a{color:var(--v3-ink2)!important}
.kp-section-title h2 span{color:var(--v3-mute-big)!important}

/* =====================================================================
   06.10.2026 (д): длина строки 65-72 знака (Impeccable: line-length, было медиана 91, до 195)
   36em даёт 66-72 знака при шрифте 14-19px; картинки, таблицы, заголовки и блоки на всю ширину не трогаем
   ===================================================================== */
article.post-body :is(p,li,blockquote,dd),
main.post-content article :is(p,li,blockquote),
.post-faq-item p,.faq details p,.faq .a p,
.svc-content :is(p,li),.svc-intro :is(p,li),.sec-head p,.lede,.hero-sub,.blog-hero p{max-width:36em!important}

/* 06.10.2026 (е): шаблон кейсов и статей. .hero и .post-hero идут сразу за header.top (вне main), а шапка fixed: теги и крошки уезжали под меню */
header.top+section.hero{padding-top:clamp(110px,12vh,150px)!important}
header.top+section.post-hero{padding-top:clamp(96px,10vh,120px)!important}

/* меню: пункт «Автоматизация» (07.10.2026), пункты меню не переносим, на узких десктопах сжимаем шапку */
header.top nav a,.df-nav a,.df-header .df-phone,.df-header .df-btn{white-space:nowrap}
@media (max-width:1399px){.df-nav a{padding:9px 9px!important}header.top nav a{padding:9px 10px}}
@media (max-width:1279px){.df-header .df-phone{display:none!important}}
@media (max-width:1179px){.df-header .df-brand-role{display:none!important}header.top nav a{padding:9px 7px}}

/* шапка: меню свёрнуто в кнопку, если не помещается (класс ставит скрипт, 08.10.2026) */
header.top.nav-tight .role,header.top.nav-tight .sep,header.top.nav-tight .phone{display:none!important}
header.top.nav-tight nav{gap:2px!important}
header.top.nav-tight nav a{padding:9px 6px!important}
.df-header.nav-tight .df-brand-role,.df-header.nav-tight .df-phone{display:none!important}
.df-header.nav-tight .df-nav a{padding:9px 6px!important}
.yd-header.nav-tight .yd-brand-role,.yd-header.nav-tight .yd-header-tel{display:none!important}
.yd-header.nav-tight .yd-nav{gap:12px!important}
header.top.nav-compact nav{display:none!important}
header.top.nav-compact .menu-btn{display:inline-flex!important}
.df-header.nav-compact .df-nav{display:none!important}
.df-header.nav-compact .df-menu{display:grid!important;place-items:center}
.yd-header.nav-compact .yd-nav{display:none!important}
.yd-header.nav-compact .yd-burger{display:inline-flex!important}

/* Шапка .top на 320-374px: кнопка меню не обрезается (08.10.2026) */
@media (max-width:374px){header.top .top-actions .btn{padding:10px 11px!important;font-size:12px!important}header.top .top-inner{gap:6px!important}header.top .top-actions{gap:4px!important}}