/* Калькуляторы /seo и /website (RU+DE). Логика: /assets/js/calc.js. Стиль сайта: Jost, navy, индиго; зелёный здесь не используется.
   Светящуюся кромку карточке даёт cta-glow.js (селектор .calc). */

.sec--calc .section-head{margin-bottom:clamp(24px,3vw,44px)}
.calc{position:relative;padding:clamp(20px,3vw,44px);border-radius:28px;border:1px solid var(--hl,rgba(255,255,255,.1));
  background:linear-gradient(170deg,rgba(22,22,58,.7),rgba(13,13,32,.5) 55%),rgba(255,255,255,.02);box-shadow:0 40px 80px -50px rgba(99,102,241,.6)}
.calc [hidden]{display:none!important}
.calc-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:start}
.calc-form{display:grid;gap:clamp(18px,2.2vw,26px);min-width:0}
.calc-f{border:0;padding:0;margin:0;min-width:0;display:grid;gap:8px}
.calc-f > label,.calc-f > legend{font:600 15.5px/1.3 var(--font-text);color:var(--text);padding:0;margin-bottom:2px}
.calc-f > legend{float:left;width:100%}
.calc-f > legend + *{clear:both}
.calc-f b{font-weight:700;color:#c7d2fe}
.calc-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:center}
.calc input[type="number"],.calc select{width:100%;min-height:46px;padding:9px 13px;border-radius:12px;border:1px solid var(--border-h);background:rgba(8,8,26,.7);color:var(--text);font:500 16px var(--font-text);
  color-scheme:dark;transition:border-color .2s,box-shadow .2s}
.calc select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23a5b4fc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:12px;cursor:pointer}
.calc input:focus-visible,.calc select:focus-visible,.calc-pill:focus-visible,.calc summary:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}
.calc input[type="number"]:hover,.calc select:hover{border-color:rgba(165,180,252,.5)}
.calc-hint{margin:0;font-size:13px;line-height:1.45;color:var(--text-3);max-width:none}
.calc-cpc{margin:0;font-size:14.5px;color:var(--text-2);max-width:none}
.calc-cpc b{color:#e0e7ff}
.calc-custom{display:grid;gap:6px;margin-top:4px}
.calc-custom label{font:500 14px var(--font-text);color:var(--text-2)}
.calc-custom input{max-width:160px}

/* ползунок */
.calc input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:none;margin:0;cursor:pointer;--p:0%}
.calc input[type="range"]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,#818cf8 var(--p),rgba(255,255,255,.14) var(--p))}
.calc input[type="range"]::-moz-range-track{height:5px;border-radius:5px;background:rgba(255,255,255,.14)}
.calc input[type="range"]::-moz-range-progress{height:5px;border-radius:5px;background:#818cf8}
.calc input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8.5px;border-radius:50%;background:#e0e7ff;border:3px solid #6366f1;box-shadow:0 0 14px rgba(129,140,248,.8);transition:transform .2s}
.calc input[type="range"]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#e0e7ff;border:3px solid #6366f1;box-shadow:0 0 14px rgba(129,140,248,.8)}
.calc input[type="range"]:hover::-webkit-slider-thumb{transform:scale(1.12)}
.calc input[type="range"]:focus-visible{outline:none}
.calc input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px solid #a5b4fc;outline-offset:3px}
.calc input[type="range"]:focus-visible::-moz-range-thumb{outline:2px solid #a5b4fc;outline-offset:3px}

/* раскрывашка «заказы» */
.calc-more{border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);padding:0 18px}
.calc-more > summary{list-style:none;cursor:pointer;padding:14px 0;font:600 15.5px var(--font-text);color:#c7d2fe;display:flex;align-items:center;justify-content:space-between;gap:12px}
.calc-more > summary::-webkit-details-marker{display:none}
.calc-more > summary::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.calc-more[open] > summary::after{transform:rotate(-135deg)}
.calc-more[open]{padding-bottom:18px}
.calc-more .calc-f{margin-top:6px}

/* выбор типа сайта */
.calc-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.calc-type{position:relative;display:block;cursor:pointer}
.calc-type input,.calc-chk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.calc-tc{display:grid;gap:3px;height:100%;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:box-shadow .25s,background .25s}
.calc-tc b{font:600 15px/1.25 var(--font-text);color:var(--text)}
.calc-tc em{font:600 17px/1.2 var(--font-head);font-style:normal;color:#a5b4fc;letter-spacing:-.01em}
.calc-type:hover .calc-tc{background:rgba(129,140,248,.08)}
.calc-type input:checked + .calc-tc{background:rgba(129,140,248,.16);box-shadow:inset 0 0 0 1.5px #818cf8,0 0 24px -8px rgba(129,140,248,.7)}
.calc-type input:focus-visible + .calc-tc,.calc-chk input:focus-visible + span{outline:2px solid #a5b4fc;outline-offset:2px}
/* чекбоксы-плашки */
.calc-chks{display:flex;flex-wrap:wrap;gap:8px}
.calc-chk{position:relative;cursor:pointer}
.calc-chk > span{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:9px 14px 9px 36px;border-radius:14px;font:500 14.5px/1.35 var(--font-text);color:var(--text-2);
  background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);position:relative;transition:box-shadow .25s,background .25s,color .25s}
.calc-chk > span::before{content:"";position:absolute;left:12px;top:50%;width:15px;height:15px;margin-top:-7.5px;border-radius:5px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);transition:background .2s,box-shadow .2s}
.calc-chk small{font-size:13px;color:#a5b4fc;font-weight:600}
.calc-chk i{flex-basis:100%;font-style:normal;font-size:12.5px;color:var(--text-3)}
.calc-chk:hover > span{background:rgba(129,140,248,.08);color:var(--text)}
.calc-chk input:checked + span{color:var(--text);background:rgba(129,140,248,.14);box-shadow:inset 0 0 0 1.5px rgba(129,140,248,.7)}
.calc-chk input:checked + span::before{background:#818cf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:none}
.calc-chk input:disabled + span{opacity:.75;cursor:default}

/* результат */
.calc-res{display:grid;gap:10px;align-content:start;padding:clamp(18px,2.2vw,28px);border-radius:22px;background:rgba(8,8,26,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);min-width:0}
@media (min-width:900px){.calc-res{position:sticky;top:calc(var(--nav-h,68px) + 20px)}}
.calc-k{margin:0;font:500 15.5px/1.35 var(--font-text);color:var(--text-2);max-width:none}
.calc-big{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;font:600 clamp(52px,6vw,84px)/1 var(--font-head);letter-spacing:-.05em;font-variant-numeric:tabular-nums;max-width:none;
  background:linear-gradient(135deg,#e0e7ff 0%,#a5b4fc 55%,#818cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-bottom:.06em}
.calc-big output{display:inline;white-space:nowrap}
.calc-ap{font-size:.55em;letter-spacing:0;margin-right:-4px}
.calc-cur{font-size:.6em;letter-spacing:-.02em}
.calc-per{font:500 clamp(17px,1.6vw,22px)/1.2 var(--font-text);letter-spacing:0;-webkit-text-fill-color:var(--text-2);color:var(--text-2)}
.calc-shop{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.03em;display:block}
.calc-sub{margin:0;font:500 clamp(18px,1.6vw,22px)/1.3 var(--font-head);color:#e0e7ff;max-width:none}
.calc-lines{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.calc-lines li{font:500 17px/1.35 var(--font-text);color:var(--text)}
.calc-term{margin:0;font-size:16px;color:var(--text-2);max-width:none}
.calc-term b{color:var(--text);font-weight:600}
.calc-mon{margin:0;font:600 18px/1.3 var(--font-head);color:#c7d2fe;max-width:none}
.calc-cmp{margin:6px 0 0;padding-top:12px;border-top:1px dashed rgba(255,255,255,.14);font-size:14.5px;line-height:1.5;color:var(--text-2);max-width:none}
.calc-src{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-3);max-width:none}
.calc-cta{margin-top:8px;justify-self:start;width:100%}
.calc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* прислать расчёт */
.calc-send{margin-top:clamp(22px,3vw,34px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid rgba(255,255,255,.1)}
.calc-send h3{margin:0 0 12px;font:600 clamp(19px,1.8vw,24px)/1.2 var(--font-head);letter-spacing:-.02em;max-width:none;grid-column:auto}
.calc-pills{display:flex;flex-wrap:wrap;gap:10px}
.calc-pill{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:9px 18px 9px 14px;border-radius:999px;border:0;background:rgba(255,255,255,.04);color:var(--text);font:600 15px/1 var(--font-text);
  text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(165,180,252,.4);transition:background .25s,box-shadow .25s,transform .25s}
.calc-pill[hidden]{display:none}
.calc-pill:hover{background:rgba(129,140,248,.16);box-shadow:inset 0 0 0 1px #a5b4fc;color:#fff}
.calc-pill[aria-expanded="true"]{background:rgba(129,140,248,.18);box-shadow:inset 0 0 0 1.5px #818cf8}
.calc-ico{display:inline-flex;width:20px;height:20px;color:#a5b4fc}
.calc-ico svg{width:20px;height:20px}
.calc-mailbox{margin-top:14px;max-width:560px}
.calc-mail{display:grid;gap:12px}
.calc-ml{font:500 14.5px var(--font-text);color:var(--text-2)}
.calc-mrow{display:flex;gap:10px;flex-wrap:wrap}
.calc-mrow input{flex:1 1 220px;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-h);background:rgba(8,8,26,.7);color:var(--text);font:500 16px var(--font-text)}
.calc-mrow input:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}
.calc-mrow .btn{min-height:48px}
.calc-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--text-3)}
.calc-consent input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:#6366f1}
.calc-consent a{color:var(--link)}
.calc-toast{margin:14px 0 0;padding:11px 16px;border-radius:12px;font-size:14.5px;line-height:1.4;max-width:560px;color:#e0e7ff;background:rgba(129,140,248,.14);box-shadow:inset 0 0 0 1px rgba(129,140,248,.4)}
.calc-toast[data-state="err"]{background:rgba(248,113,113,.1);box-shadow:inset 0 0 0 1px rgba(248,113,113,.45);color:#fecaca}
.calc-toast[hidden]{display:none}

@media (max-width:899.98px){
  .calc-grid{grid-template-columns:1fr}
  .calc-res{position:static}
}
@media (max-width:560px){
  .calc{padding:18px 16px;border-radius:22px}
  .calc-row{grid-template-columns:minmax(0,1fr) 96px;gap:12px}
  .calc-types{grid-template-columns:1fr}
  .calc-big{font-size:clamp(46px,15vw,64px)}
  .calc-pill{flex:1 1 100%;justify-content:center}
  .calc-mrow .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.calc *{transition:none!important}}

/* зелёный только у «заявки» */
.calc-lines .calc-lead{color:#22c55e}
.calc-res{scroll-margin-top:calc(var(--nav-h,68px) + 12px)}

/* мобильная липкая строка с итогом: над .m-cta (у неё своя safe-area), сама учитывает safe-area, когда .m-cta скрыта */
.calc-mini{display:none}
@media (max-width:899.98px){
  .calc-mini{display:flex;align-items:center;justify-content:center;position:fixed;left:12px;right:12px;z-index:890;min-height:44px;padding:8px 16px;border:0;border-radius:14px;cursor:pointer;
    bottom:calc(8px + env(safe-area-inset-bottom,0px));font:600 16px/1.2 var(--font-head);letter-spacing:-.01em;color:#e0e7ff;font-variant-numeric:tabular-nums;
    background:rgba(18,18,48,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(165,180,252,.5),0 10px 30px -10px rgba(99,102,241,.7);
    transform:translateY(160%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.215,.61,.355,1),opacity .25s,bottom .3s}
  .calc-mini.is-on{transform:none;opacity:1;pointer-events:auto}
  body:has(.m-cta.is-on) .calc-mini{bottom:calc(64px + env(safe-area-inset-bottom,0px) + 8px)}
  .calc-mini:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){.calc-mini{transition:none}}

/* ───── отправка: переключатель канала + контакт клиента ───── */
.calc-pill{position:relative}
.calc-pill input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.calc-pill:has(input:checked){background:rgba(129,140,248,.18);box-shadow:inset 0 0 0 1.5px #818cf8;color:#fff}
.calc-pill:has(input:focus-visible){outline:2px solid #a5b4fc;outline-offset:2px}
.calc-mail input[type="text"],.calc-mail input[type="email"],.calc-mail input[type="tel"],.calc-mail input[type="url"]{width:100%;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--border-h);
  background:rgba(8,8,26,.7);color:var(--text);font:500 16px var(--font-text);color-scheme:dark}
.calc-mail input:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}
.calc-mail .calc-ml{margin-top:2px}
.calc-mailbox{max-width:none}
.calc-toast a{color:#fff;text-decoration:underline}
/* зелёная кнопка: это «заявка» */
.calc-go{width:100%;min-height:54px;margin-top:6px;border:0;border-radius:999px;cursor:pointer;font:700 16px/1 var(--font-text);color:#06210f;background:linear-gradient(180deg,#4ade80,#22c55e);
  box-shadow:0 12px 30px -12px rgba(34,197,94,.7);transition:transform .25s,box-shadow .25s,filter .25s}
.calc-go:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 34px -12px rgba(34,197,94,.85)}
.calc-go:focus-visible{outline:2px solid #bbf7d0;outline-offset:3px}
.calc-go:disabled{opacity:.6;cursor:default;transform:none}
/* /website: блок отправки справа */
.sec--calc-form .calc-res{gap:0}
.sec--calc-form .calc-send{margin:0;padding:0;border:0}
.sec--calc-form .calc-pills{margin-bottom:14px}
.sec--calc-form .calc-pill{flex:1 1 auto;justify-content:center;padding-inline:12px}
.sec--calc-form .section-head .lead{max-width:60ch}
@media (max-width:560px){.calc-pill{flex:1 1 auto}}
.calc-pill > span{display:inline-flex;align-items:center;gap:9px}

/* переключатель канала: иконка по центру строки, выбранное состояние заметно отличается от hover и фокуса */
.calc-pill{align-items:center}
.calc-pill > span{display:inline-flex;align-items:center;gap:8px;line-height:1.2}
.calc-pill .calc-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:0}
.calc-pill .calc-ico svg{display:block}
.calc-pill:not(.is-on):hover{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(165,180,252,.65);color:var(--text)}
.calc-pill.is-on,.calc-pill:has(input:checked){background:linear-gradient(180deg,rgba(129,140,248,.42),rgba(99,102,241,.3));box-shadow:inset 0 0 0 2px #a5b4fc,0 0 18px -6px rgba(129,140,248,.8);color:#fff}
.calc-pill.is-on .calc-ico,.calc-pill:has(input:checked) .calc-ico{color:#fff}
.calc-pill:has(input:focus-visible){outline:2px dashed #c7d2fe;outline-offset:3px}

/* ───── кастомный выпадающий список (select.js); нативный select остаётся источником значения ───── */
.cs{position:relative}
.cs:not(.is-enh) .cs-btn,.cs:not(.is-enh) .cs-list{display:none}
.cs.is-enh select{position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;padding:0;border:0;opacity:0;pointer-events:none}
.cs-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:9px 13px;border-radius:12px;border:1px solid var(--border-h);
  background:rgba(8,8,26,.7);color:var(--text);font:500 16px/1.3 var(--font-text);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.cs-btn:hover{border-color:rgba(165,180,252,.5)}
.cs-btn:focus-visible{outline:2px solid #a5b4fc;outline-offset:2px}
.cs.is-open .cs-btn{border-color:rgba(165,180,252,.7);box-shadow:0 0 0 3px rgba(129,140,248,.18)}
.cs-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-chv{flex:none;display:inline-flex;width:12px;height:12px;color:#a5b4fc;transition:transform .18s ease}
.cs-chv svg{width:12px;height:12px}
.cs.is-open .cs-chv{transform:rotate(180deg)}
.cs-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;margin:0;padding:6px;list-style:none;max-height:320px;overflow-y:auto;border-radius:12px;
  background:rgba(13,13,34,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(129,140,248,.45);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.85),0 0 40px -14px rgba(99,102,241,.6);scrollbar-width:thin;scrollbar-color:rgba(129,140,248,.5) transparent;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.cs--up .cs-list{top:auto;bottom:calc(100% + 6px);transform:translateY(6px)}
.cs.is-open .cs-list{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .18s ease,visibility 0s}
.cs-list::-webkit-scrollbar{width:8px}
.cs-list::-webkit-scrollbar-thumb{background:rgba(129,140,248,.45);border-radius:8px;border:2px solid transparent;background-clip:content-box}
.cs-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;font:500 15.5px/1.35 var(--font-text);color:var(--text-2)}
.cs-opt.is-act{background:rgba(129,140,248,.16);color:var(--text)}
.cs-opt[aria-selected="true"]{color:#a5b4fc;font-weight:600}
.cs-ck{flex:none;width:16px;height:16px;color:#a5b4fc;opacity:0}
.cs-ck svg{display:block;width:16px;height:16px}
.cs-opt[aria-selected="true"] .cs-ck{opacity:1}
@media (prefers-reduced-motion:reduce){.cs-chv,.cs-list,.cs-btn{transition:none!important}}

/* ───── /seo, /de/seo, десктоп: калькулятор целиком на одном экране (2048×983, 1440×900) ───── */
.calc-send-toggle{display:none}
.calc-info{font-style:normal;cursor:help;color:#a5b4fc;margin-left:4px}
.calc-hint > span{white-space:nowrap}
@media (min-width:900px){
  .pg .sec--calc{padding-top:clamp(20px,3.2vh,40px);padding-bottom:clamp(20px,3.2vh,40px)}
  .pg .sec--calc .section-head{margin-bottom:clamp(10px,1.8vh,18px)}
  .pg .sec--calc .section-head h2{font-size:clamp(28px,3.2vw,46px);line-height:1.05}
  .calc[data-calc="seo"]{padding:clamp(20px,2.8vh,30px) clamp(22px,2.4vw,38px)}
  .calc[data-calc="seo"] .calc-grid{gap:clamp(24px,3vw,48px)}
  .calc[data-calc="seo"] .calc-form{gap:clamp(12px,1.9vh,18px)}
  .calc[data-calc="seo"] .calc-f{gap:5px}
  .calc[data-calc="seo"] .calc-f > label{font-size:15px}
  .calc[data-calc="seo"] input[type="number"],.calc[data-calc="seo"] select,.calc[data-calc="seo"] .cs-btn{min-height:42px;padding-top:7px;padding-bottom:7px}
  .calc[data-calc="seo"] .calc-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .calc[data-calc="seo"] .calc-more{padding:0 16px}
  .calc[data-calc="seo"] .calc-more > summary{padding:11px 0}
  .calc[data-calc="seo"] .calc-more[open]{padding-bottom:14px}
  .calc[data-calc="seo"] .calc-more-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-items:start}
  .calc[data-calc="seo"] .calc-more .calc-f{margin-top:2px;align-content:start}
  .calc[data-calc="seo"] .calc-more .calc-row{grid-template-columns:minmax(0,1fr) 84px;gap:10px}
  .calc[data-calc="seo"] .calc-more .calc-hint{white-space:normal;font-size:12.5px}
  .calc[data-calc="seo"] .calc-res{gap:7px;padding:clamp(14px,2vh,22px) clamp(18px,1.8vw,26px)}
  .calc[data-calc="seo"] .calc-big{font-size:clamp(44px,4.6vw,66px)}
  .calc[data-calc="seo"] .calc-cmp{margin-top:2px;padding-top:9px;font-size:14px;line-height:1.45}
  .calc[data-calc="seo"] .calc-src{font-size:12px;line-height:1.4}
  .calc[data-calc="seo"] .calc-cta{margin-top:4px}
  .calc[data-calc="seo"] .calc-send-toggle{display:inline-flex;width:100%;justify-content:center;margin-top:2px}
  .calc[data-calc="seo"] .calc-send:not(.is-open){display:none}
  .calc[data-calc="seo"] .calc-send{margin-top:18px;padding-top:16px}
}
/* мобила: поля друг под другом, как было */
@media (max-width:899.98px){.calc-more-row{display:block}}

/* ТЗ-38: воздух. Отступы от высоты окна (vh), чтобы на 2048×983 блок не слипался, а на 1440×900 и 1366×768 оставался в одном экране */
@media (min-width:900px){
  .pg .sec--calc .section-head{margin-bottom:clamp(20px,4vh,48px)}
  .calc[data-calc="seo"]{padding:clamp(24px,3.5vh,44px) clamp(24px,2.6vw,44px)}
  .calc[data-calc="seo"] .calc-form{gap:clamp(14px,2.4vh,28px)}
  .calc[data-calc="seo"] .calc-f{gap:clamp(5px,.8vh,9px)}
  .calc[data-calc="seo"] input[type="number"],.calc[data-calc="seo"] select,.calc[data-calc="seo"] .cs-btn{min-height:clamp(42px,5vh,50px)}
  .calc[data-calc="seo"] .calc-more > summary{padding:clamp(11px,1.6vh,16px) 0}
  .calc[data-calc="seo"] .calc-more[open]{padding-bottom:clamp(14px,2vh,22px)}
  .calc[data-calc="seo"] .calc-more .calc-f{margin-top:clamp(2px,.6vh,8px)}
  .calc[data-calc="seo"] .calc-res{gap:clamp(7px,1.3vh,16px);padding:clamp(18px,2.8vh,34px) clamp(20px,2vw,30px)}
  .calc[data-calc="seo"] .calc-cmp{margin-top:clamp(2px,.6vh,8px);padding-top:clamp(9px,1.4vh,16px)}
  .calc[data-calc="seo"] .calc-cta{margin-top:clamp(6px,1.2vh,14px)}
  .calc[data-calc="seo"] .calc-send{margin-top:clamp(18px,2.6vh,30px);padding-top:clamp(16px,2.2vh,26px)}
}