/* EN-сайт: то немногое, чего нет в style.css / home.css (13.10.2026) */
.en-cta{background:var(--paper-2);border-top:1px solid var(--line)}
.en-cta__in{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.en-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.en-cta__btns .btn{min-width:150px;justify-content:center}
.lm__msg-grid{grid-template-columns:repeat(3,1fr)}
.footer__bottom span+span{opacity:.75}
@media (max-width:860px){
  .en-cta__in{grid-template-columns:1fr;gap:20px}
  .en-cta__btns{justify-content:flex-start}
  .en-cta__btns .btn{flex:1 1 140px}
}
.en-cta{text-align:left}
.en-cta .eyebrow{justify-content:flex-start;text-align:left}
.en-cta .ctaq__lead{margin:0;padding:0}
.en-cta__btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.en-cta__btns .btn--rust{grid-column:1/-1}
.footer--v3 .footer__grid{padding-top:64px}
@media (max-width:860px){.footer--v3 .footer__grid{padding-top:44px}}
.en-cta__btns .btn{display:flex;align-items:center;justify-content:center;text-align:center}
/* Демо кейса: форма «I want one like this» внутри боковой панели */
.cdemo__more{display:inline-block;margin-top:16px;color:#F59E6B;font-size:13px;text-decoration:none;border-bottom:1px solid rgba(245,158,107,.4)}
.cdemo__more:hover{color:#fff;border-color:#fff}
.cdemo__more[hidden]{display:none}
.cdf{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;gap:10px}
.cdf[hidden],.cdf__done[hidden],.cdemo__want[hidden]{display:none}
.cdf__t{margin:0;color:#fff;font-size:15px;font-weight:600;line-height:1.3}
.cdf__s{margin:0 0 4px;color:rgba(255,255,255,.55);font-size:12.5px;line-height:1.45}
.cdf__in{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#0E1113;color:#fff;font:400 14px/1.2 inherit}
.cdf__in::placeholder{color:rgba(255,255,255,.38)}
.cdf__in:focus{outline:none;border-color:#C2410C}
.cdf__err{margin:0;min-height:0;color:#F87171;font-size:12.5px}
.cdf__err:empty{display:none}
.cdf__btn{width:100%;margin-top:2px}
.cdf__c{margin:0;color:rgba(255,255,255,.38);font-size:11.5px;line-height:1.4}
.cdf__c a{color:inherit}
.cdf__done{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}
.cdf__ok{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#C2410C;color:#fff;font-size:15px;margin-bottom:10px}
/* 15.10: мобильный подвал «Плитки услуг» — на EN связь в 3-й колонке, делаем кнопками */
@media(max-width:700px){
.footer--v3 .footer__grid{padding-top:30px}
.footer--v3 .footer__grid>div:nth-child(3){display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
.footer--v3 .footer__grid>div:nth-child(3) .footer__h{grid-column:1/-1;flex:none;margin-bottom:2px}
.footer--v3 .footer__grid>div:nth-child(3) a{display:flex;align-items:center;justify-content:center;border-radius:10px!important;padding:14px 10px!important;font-weight:700;font-size:14.5px!important;border:1px solid rgba(255,255,255,.22)!important;color:var(--on-ink)}
.footer--v3 .footer__grid>div:nth-child(3) a[href*="wa.me"]{background:var(--rust);border-color:var(--rust)!important;color:#fff}
.footer--v3 .footer__grid>div:nth-child(3) a[href^="mailto"]{grid-column:1/-1;font-weight:600;font-size:14px!important}
}
/* 15.10 правки ОАЭ */
.kab__stack{margin:22px 0 0;font-size:14px;color:var(--text-2);max-width:760px}
.sup__free{margin:14px 0 0;font-size:15px;color:var(--rust)}
.dz .pc__sw i{display:none}
.cc__en{display:inline-block;margin-left:8px;padding:1px 6px;border:1px solid currentColor;border-radius:4px;font:600 10px/1.5 var(--sans);letter-spacing:.06em;color:var(--rust);vertical-align:1px}
.cc-note{margin:0 0 8px;font-size:14px;color:var(--muted);max-width:720px}
.ofr--short .ofr__top{padding-bottom:8px}
.ofr__more{font-weight:600;color:var(--ink);border-bottom:1px solid var(--rust);text-decoration:none}
.ofr__top--short{grid-template-columns:1fr}
.calc__gift--plain{max-width:190px}.calc__gift--plain b{white-space:normal}
.en:not(.home) .fs__h .em{white-space:normal}

/* 15.10: цены на первом экране — левая колонка не центрируется по высокому квизу */
@media(min-width:861px){.en .fs__in{align-items:start;padding-top:44px}.en .fs__lead{margin-top:14px}.en .fs__price{margin-top:18px}}

/* 15.10: корп. первый экран — 3 цены + плитка с проектами */
.fs__price--plans .fs__proj{padding:0;background:var(--ink);border-bottom:0}
.fs__price--plans .fs__proj a{display:flex;flex-direction:column;gap:6px;height:100%;padding:13px 16px;text-decoration:none;color:#fff}
.fs__price--plans .fs__proj b{color:rgba(255,255,255,.72)}
.fs__thumbs{display:flex;align-items:center;height:42px;margin:2px 0 1px;white-space:normal!important}
.fs__thumbs img{width:66px;height:42px;object-fit:cover;object-position:top;border-radius:5px;border:2px solid var(--ink);box-shadow:0 4px 10px -4px rgba(0,0,0,.5);transition:transform .25s}
.fs__thumbs img+img{margin-left:-14px}
.fs__proj a:hover .fs__thumbs img:nth-child(1){transform:translateX(-3px) rotate(-3deg)}
.fs__proj a:hover .fs__thumbs img:nth-child(3){transform:translateX(3px) rotate(3deg)}
.fs__price--plans .fs__proj i{color:rgba(255,255,255,.62);display:flex;flex-wrap:wrap;gap:2px 8px}
.fs__price--plans .fs__proj em{color:#f3a77c;font-style:normal;font-weight:600}
.fs__proj a:focus-visible{outline:2px solid var(--rust);outline-offset:-2px}
.fs__pricenote span:last-child{color:var(--text-2)}

/* 15.10: «Not sure yet» — в свободную ячейку сетки, а не на всю ширину */
.en .opt--wide{grid-column:auto}

/* ============================================================
   15.10 Каналы связи плитками (CTA внизу и подвал)
   Цвет мессенджера — только в круглом значке, плитка нейтральная:
   рыжий акцент сайта не спорит с зелёным и голубым.
   ============================================================ */
.en-cta__btns .chan{grid-column:1/-1}
.chan{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.chan__i{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.62);color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.chan__ico{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff}
.chan__ico .msi{width:18px;height:18px}
.chan__i--wa .chan__ico{background:#25D366}
.chan__i--tg .chan__ico{background:#29A9EB}
.chan__i--em .chan__ico{background:#3F3A36}
.chan__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.chan__t b{font:600 14.5px/1.15 var(--sans);color:var(--ink)}
.chan__t small{font-size:12px;line-height:1.2;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chan__i:hover{background:#fff;transform:translateY(-1px)}
.chan__i--wa:hover{border-color:#25D366}
.chan__i--tg:hover{border-color:#29A9EB}
.chan__i--em:hover{border-color:#8A817A}
.chan__i:focus-visible{outline:2px solid var(--rust);outline-offset:2px}
@media(max-width:560px){
  .chan{gap:8px}
  .chan__i{flex-direction:column;justify-content:center;text-align:center;gap:7px;padding:13px 6px}
  .chan__t small{display:none}
}
@media(prefers-reduced-motion:reduce){.chan__i{transition:none}.chan__i:hover{transform:none}}

/* --- подвал EN: быстрые ссылки + каналы --- */
.footer--en .fen{display:grid;grid-template-columns:1.25fr 1.3fr .95fr 1.1fr;gap:40px;padding:64px 0 44px}
.footer--en .fen__lead{margin:18px 0 0;max-width:320px;color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.6}
.footer--en .fen__sub{margin:10px 0 0;max-width:320px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.5)}
.footer--en .footer__h{margin-bottom:16px}
.footer--en .fen__links{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.footer--en .fen__links--2{grid-template-columns:auto auto;justify-content:start;column-gap:36px}
.footer--en .fen__links a{white-space:nowrap}
.footer--en .chan__i{display:flex!important;flex-direction:row;align-items:center;margin:0}
.footer--en .fen__links a{color:rgba(255,255,255,.72);text-decoration:none;font-size:15px;transition:color .2s}
.footer--en .fen__links a:hover{color:#fff}
.footer--en .fen__links a[href="#quote"]{color:#F2A97E}
.footer--en .fen__links a[href="#quote"]:hover{color:#FFC6A3}
.chan--dark{grid-template-columns:1fr;gap:8px}
.chan--dark .chan__i{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.13);padding:9px 11px}
.chan--dark .chan__i:hover{background:rgba(255,255,255,.08)}
.chan--dark .chan__ico{flex-basis:32px;width:32px;height:32px}
.chan--dark .chan__i--em .chan__ico{background:#57504A}
.chan--dark .chan__t b{color:#fff;font-size:14px}
.chan--dark .chan__t small{color:rgba(255,255,255,.55)}
@media(max-width:1000px){.footer--en .fen{grid-template-columns:1fr 1fr;gap:36px 28px}}
@media(max-width:700px){
  .footer--en .fen{grid-template-columns:1fr 1fr;padding:40px 0 28px;gap:30px 20px}
  .footer--en .fen__brand,.footer--en .fen__col--contact{grid-column:1/-1}
  .footer--en .fen__links--2{grid-template-columns:1fr}
  .chan--dark{grid-template-columns:repeat(3,1fr)}
  .footer--en .chan--dark .chan__i{flex-direction:column;text-align:center;gap:7px;padding:12px 6px}
  .chan--dark .chan__t small{display:none}
}

/* 15.10 Цены на первом экране: наведение в стиле сайта —
   рыжая кромка проводится от центра, плитка теплеет, цена становится рыжей. */
.fs__price li{position:relative}
@media (hover:hover) and (min-width:761px){
  .fs__price li:not(.fs__proj){transition:background .35s ease}
  .fs__price li:not(.fs__proj)::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--rust,#C2410C);transform:scaleX(0);transform-origin:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
  .fs__price li:not(.fs__proj) span{display:inline-block;transition:color .3s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
  .fs__price li:not(.fs__proj) i{transition:color .3s ease}
  .fs__price li:not(.fs__proj):hover{background:#FCF6F1}
  .fs__price li:not(.fs__proj):hover::before{transform:scaleX(1)}
  .fs__price li:not(.fs__proj):hover span{color:var(--rust,#C2410C);transform:translateX(3px)}
  .fs__price li:not(.fs__proj):hover i{color:var(--ink)}
  .fs__price--plans .fs__proj a{transition:background .35s ease}
  .fs__price--plans .fs__proj a:hover{background:#2A2420}
}
@media (prefers-reduced-motion:reduce){
  .fs__price li::before,.fs__price li span{transition:none!important}
  .fs__price li:hover span{transform:none!important}
}

/* ============================================================
   15.10 Мобильное меню EN (скилл дизайнера)
   — без реквизитов ИП (русские данные на англ. сайте не нужны);
   — мессенджеры одной строкой плитками с фирменными кружками, как в CTA и подвале;
   — кнопка «Get a quote» сразу под ними, без пустой полосы;
   — значки в шапке ближе к бургеру.
   ============================================================ */
.nav__chan{display:none}
@media (max-width:900px){
  .en .nav.is-open::after{content:none!important;display:none!important}
  .en .header .nav.is-open{padding-top:96px;justify-content:flex-start}
  .en .header .nav.is-open > a:not(.nav__cta-mobile){font-size:28px;padding:19px 2px}
  .en .nav.is-open .nav__chan{display:block;margin:22px 0 0;opacity:0;animation:navItem .4s cubic-bezier(.22,.61,.36,1) .26s forwards}
  .en .nav__chan .chan__i{flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:14px 6px;background:#fff}
  .en .nav__chan .chan__t small{display:none}
  .en .nav__chan .chan__t b{font-size:14px}
  .en .header .nav.is-open .nav__cta-mobile{margin-top:14px!important;min-height:56px;padding:0 24px}
  .en .nav-toggle{margin-left:-12px}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.en .nav.is-open .nav__chan{animation:none;opacity:1}}