/* Общие стили внутренних страниц (оформление, условия). Токены те же, что в
   index.html: дизайн-система Buteyko. Правишь систему, перенеси и сюда. */
:root{
  --paper:#ffffff;--greige-100:#efece8;--greige-400:#d9d4cc;--greige-600:#9a948c;--greige-700:#6e6a64;--greige-900:#34312c;
  --text-heading:var(--greige-900);--text-body:var(--greige-700);--text-muted:var(--greige-600);
  --font-display:"Cormorant Garamond","Frank Ruhl Libre",Georgia,"Times New Roman",serif;
  --font-sans:"Jost","Heebo","Helvetica Neue",Arial,sans-serif;
  --track-title:0.08em;--track-label:0.16em;--track-hero:0.22em;
  --page-margin:clamp(24px,6vw,96px);--maxw:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--text-body);font-family:var(--font-sans);font-weight:300;font-size:17px;line-height:1.75;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--page-margin)}
.top{border-bottom:1px solid var(--greige-400)}
.top-in{max-width:var(--maxw);margin:0 auto;padding:22px var(--page-margin);display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:var(--track-hero);color:var(--text-heading);text-decoration:none}
.navlink{font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-body);text-decoration:none}
.navlink:hover{color:var(--text-heading)}
.eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-body)}
.display{font-family:var(--font-display);font-weight:400;text-transform:uppercase;color:var(--text-heading);line-height:1.15;letter-spacing:var(--track-title);font-variant-numeric:lining-nums;overflow-wrap:anywhere}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:300;font-size:12px;letter-spacing:var(--track-label);text-transform:uppercase;text-decoration:none;padding:18px 44px;border-radius:0;background:var(--greige-900);color:#fff;border:1px solid var(--greige-900);cursor:pointer;transition:opacity 260ms cubic-bezier(.4,0,.2,1)}
.btn:hover{opacity:.86}
.btn[disabled]{opacity:.5;cursor:default}
:focus-visible{outline:2px solid var(--greige-900);outline-offset:2px}

footer{border-top:1px solid var(--greige-400);padding:34px 0 44px;margin-top:clamp(56px,8vw,110px)}
.foot-legal{font-style:normal;font-size:13px;letter-spacing:.02em;color:var(--text-body);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;text-align:center}

/* оформление */
.checkout{padding:clamp(40px,6vw,88px) 0 0}
.co-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.co-summary{display:flex;flex-direction:column;gap:20px;background:var(--greige-100);padding:clamp(28px,4vw,48px)}
.co-title{font-size:clamp(24px,3vw,34px)}
.co-price{font-size:32px;color:var(--text-heading);font-variant-numeric:tabular-nums}
.co-list{list-style:none;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--greige-400);padding-top:20px;font-size:16px}
.co-form{display:flex;flex-direction:column;gap:24px}
/* Turnstile в режиме interaction-only обычно скрыт: пустой блок не должен давать лишний отступ формы. Видимым он становится, только когда Cloudflare просит галочку (класс ставит before-interactive-callback). */
.cf-turnstile{margin-bottom:-24px}
.cf-turnstile.ts-visible{margin-bottom:0}
/* Готовые суммы на /donate */
.presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:-12px}
.preset{font-family:var(--font-sans);font-size:15px;font-weight:300;padding:10px 18px;border:1px solid var(--greige-400);background:var(--paper);color:var(--text-heading);cursor:pointer;border-radius:0;font-variant-numeric:tabular-nums;transition:border-color 260ms cubic-bezier(.4,0,.2,1)}
.preset:hover{border-color:var(--greige-600)}
.preset[aria-pressed=true]{border-color:var(--greige-900)}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-heading)}
.field em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--text-body)}
.field input{font-family:var(--font-sans);font-size:16px;font-weight:300;padding:14px;border:1px solid var(--greige-600);border-radius:0;background:var(--paper);color:var(--text-heading);width:100%}
.agree{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font-size:15px;line-height:1.6}
.agree input{width:20px;height:20px;margin-top:3px;accent-color:var(--greige-900)}
.methods{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.methods-legend{font-size:11px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-heading);margin-bottom:6px;padding:0}
.method{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--greige-400);cursor:pointer;transition:border-color 260ms cubic-bezier(.4,0,.2,1)}
.method:hover{border-color:var(--greige-600)}
.method:has(input:checked){border-color:var(--greige-900)}
.method input{width:18px;height:18px;margin:0;accent-color:var(--greige-900)}
.method-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.method-name{color:var(--text-heading);font-size:16px;line-height:1.4}
.method-hint{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.method-price{color:var(--text-heading);font-size:17px;font-variant-numeric:tabular-nums;white-space:nowrap}
.co-error{color:#8a3a2b;font-size:15px}
.co-note{font-size:14px;line-height:1.6}
@media (max-width:860px){.co-grid{grid-template-columns:minmax(0,1fr)}}

/* условия */
.terms{padding:clamp(40px,6vw,88px) 0 0}
.terms-in{max-width:760px}
.terms h1{font-size:clamp(28px,4vw,42px);margin:14px 0 18px}
.lang-switch{display:flex;gap:18px;font-size:13px;letter-spacing:.06em;margin-bottom:clamp(28px,4vw,48px)}
.terms section{border-top:1px solid var(--greige-400);padding:clamp(24px,3vw,36px) 0}
.terms h2{font-size:clamp(19px,2.2vw,24px);margin-bottom:14px}
.terms p,.terms li{max-width:68ch}
.terms p + p,.terms ul + p,.terms p + ul{margin-top:12px}
.terms ul{padding-inline-start:22px;display:flex;flex-direction:column;gap:8px}
.terms [lang="he"]{font-family:"Heebo","Arial Hebrew",Arial,sans-serif}
.terms [lang="he"] .display{font-family:"Frank Ruhl Libre","Times New Roman",serif;text-transform:none;letter-spacing:.01em}
.he-block{margin-top:clamp(48px,7vw,96px)}