/* упрощённая шапка — ничего лишнего на оформлении */
.hd .steps{grid-column:4/10;display:flex;gap:10px;flex-wrap:wrap}
.steps .on{color:var(--ink)}
.steps a{text-decoration:underline;text-underline-offset:3px}
.steps a:hover{color:var(--ink)}

.co{align-items:start;padding-block:28px var(--section)}
.co h1{grid-column:1/-1;font-family:var(--script);font-size:clamp(64px,9vw,130px);line-height:.7;font-weight:400;letter-spacing:0;padding-top:.2em;margin-bottom:48px}
form{grid-column:1/8}

/* блоки формы */
.blk{border-top:1px solid var(--ink);padding-top:14px;margin-bottom:48px}
.blk-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}
.blk-h h2{font-size:24px;font-weight:500;letter-spacing:-.02em}
.blk-h h2 span{font-size:12px;font-weight:400;color:var(--mute);margin-right:14px;vertical-align:4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.f label{font-size:12px;color:var(--mute)}
.f label em{font-style:normal;color:#b5b5b5}
.f input,.f select,.f textarea{height:48px;border:1px solid var(--line);padding:0 14px;font-size:15px;background:#fff;outline:none;width:100%;border-radius:0;transition:border-color .15s}
.f select{appearance:none;-webkit-appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23111'/%3E%3C/svg%3E") right 14px center no-repeat}
.f textarea{height:92px;padding:12px 14px;resize:vertical;font:inherit;font-size:15px}
.f input:hover,.f select:hover,.f textarea:hover{border-color:#c9c9c9}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--ink)}
.f .hint{font-size:12px;color:var(--mute)}
.f .msg{font-size:12px;color:var(--red);display:none}
.f.err input,.f.err select{border-color:var(--red)}
.f.err .msg{display:block}
.f.err .hint{display:none}

/* оплата по ссылке Paylink */
.pay{background:var(--field);padding:22px 24px;display:grid;gap:18px}
.pay-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.pay-top b{display:block;font-weight:500;font-size:17px;margin-bottom:6px}
.pay-top p{color:var(--body);max-width:46ch}
.cards{display:flex;gap:6px;flex-wrap:wrap;flex:none}
.cards span{border:1px solid #cfcfcd;background:#fff;padding:3px 8px;font-size:11px;letter-spacing:.02em}
.pay-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid #e2e2e0;padding-top:14px}
.pay-steps span{display:block;color:var(--mute);margin-bottom:4px}

.agree{display:flex;gap:12px;align-items:flex-start;cursor:pointer;margin:8px 0 20px}
.agree input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--ink);flex:none;margin-top:1px;cursor:pointer;display:grid;place-items:center}
.agree input:checked{background:var(--ink)}
.agree input:checked::after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translate(1px,-1px)}
.agree.err input{border-color:var(--red)}
.agree.err span{color:var(--red)}
.submit{width:100%;height:54px;font-size:15px}
.secure{margin-top:12px;text-align:center}

/* сводка заказа */
.sum{grid-column:9/13;position:sticky;top:86px;background:var(--field);padding:24px}
.sum h2{font-size:20px;font-weight:500;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.si{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e2e2e0}
.si .th{width:64px;height:64px;position:relative;background:#fff}
.si .th>div{position:absolute;inset:0}
.si b{display:block;font-weight:500}
.si .pr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.sum .row{padding:10px 0;border-bottom:1px solid #e2e2e0}
.sum .total{border:0;padding-top:16px;align-items:baseline}
.sum .total b{font-size:28px;font-weight:500;letter-spacing:-.02em}

/* готово */
.done{padding-block:28px var(--section);align-items:start}
.done .l{grid-column:1/7}
.done h1{font-family:var(--script);font-size:clamp(64px,9vw,130px);line-height:.7;font-weight:400;letter-spacing:0;padding-top:.2em;margin:14px 0 24px}
.next{margin:40px 0;border-top:1px solid var(--ink)}
.next div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.next b{display:block;font-weight:500;font-size:16px;margin-bottom:2px}
.done .r{grid-column:8/13;background:var(--field);padding:24px}
.done .r h3{font-size:12px;font-weight:400;color:var(--mute);margin:0 0 8px}
.done .r p+h3{margin-top:22px}

@media (max-width:1000px){
  .hd .steps{display:none}
  form,.sum,.done .l,.done .r{grid-column:1/-1}
  .co h1{order:-2;margin-bottom:28px}
  .sum{position:static;order:-1;margin-bottom:40px}
  .co .dev-note{order:-1;margin-bottom:28px}
  .done .r{margin-top:24px}
}
@media (max-width:560px){
  .pay-top{flex-direction:column}.pay-steps{grid-template-columns:1fr}
  .two{grid-template-columns:1fr;gap:0}
  .blk-h>.micro{display:none}
}

/* армянская версия: заголовки Noto Serif Armenian */
html[lang=hy] .co h1,html[lang=hy] .done h1{font-weight:300;font-size:clamp(36px,4.5vw,64px);line-height:1.1;padding-top:0;letter-spacing:-.01em}