/* ---------- ödeme / sipariş / yasal sayfalar ---------- */
.co{padding:calc(var(--header,72px) + 40px) var(--gutter) 90px;max-width:1240px;margin:0 auto}
.co__title{margin-bottom:28px}
.co__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:34px;align-items:start}
.co__form fieldset{border:1.5px solid var(--line);padding:20px 18px 6px;margin:0 0 22px}
.co__form legend{padding:0 8px;color:var(--bone2);font-size:12px;letter-spacing:.1em}
.f{display:block;margin-bottom:14px}
.f span{display:block;font-size:11px;letter-spacing:.1em;color:var(--bone2);margin-bottom:6px}
.f input,.f textarea{width:100%;padding:13px 12px;background:#111;border:1.5px solid var(--line);color:var(--bone);font:inherit;border-radius:0}
.f input:focus,.f textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}
.f input[aria-invalid="true"],.f textarea[aria-invalid="true"]{border-color:var(--red)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f__err{display:block;min-height:16px;margin-top:4px;font:12px var(--mono);color:#ff5a5a;font-style:normal}
.co__fail{font-size:13px;margin:10px 0}
.co__warn{padding:12px 14px;border:1.5px solid var(--red);margin-bottom:18px;font-size:12px}
.pays{display:grid;gap:10px;margin-bottom:14px}
.pay{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--line);cursor:pointer}
.pay:has(input:checked){border-color:var(--bone);background:#121212}
.pay input{margin-top:4px;accent-color:var(--red)}
.pay small{display:block;margin-top:3px;color:var(--bone2);font-size:12px;line-height:1.4}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--bone2);margin:6px 0 4px}
.consent input{margin-top:3px;accent-color:var(--red);width:18px;height:18px;flex:none}
.co__submit{width:100%;margin-top:14px;min-height:56px}
.co__submit[disabled]{opacity:.6}
.co__sum{position:sticky;top:96px;padding:22px;border:1.5px solid var(--line);background:#0e0e0e}
.co__line{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}
.co__line img{width:56px;height:70px;object-fit:cover;background:#d9d8d6}
.co__line b{display:block;font-size:14px;text-transform:uppercase}
.co__line span.mono{display:block;font-size:11px;color:var(--bone2);margin-top:2px}
.co__sub{display:flex;justify-content:space-between;padding:10px 0 0;font-size:14px;color:var(--bone2)}
.co__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;margin-top:14px;border-top:1.5px solid var(--bone)}
.co__total b{font:900 30px/1 var(--display);color:var(--red)}
.co__edit{width:100%;margin-top:16px}
.co__empty{padding:80px 0;text-align:left}
.ord{max-width:760px}
.ord__no{margin:12px 0;font-size:14px}
.ord__note{color:var(--bone2);line-height:1.6;margin:10px 0}
.ord__box{padding:20px;border:1.5px solid var(--line);margin:18px 0}
.ord__pay{width:100%;min-height:640px;border:0;background:#fff}
.ord__shop{display:grid;gap:10px;margin-top:12px}
.ord__form{max-width:480px}
.ord__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;list-style:none;padding:0;margin:16px 0}
.ord__steps li{padding:10px 6px;border-top:3px solid var(--line);font-size:10px;color:var(--bone2)}
.ord__steps li.is-on{border-color:var(--red);color:var(--bone)}
.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:12px 0;font-size:13px}
.kv dt{color:var(--bone2)}
.legal{max-width:820px}
.legal__body{line-height:1.7;color:var(--bone2);margin-top:20px}
.legal__body h2{color:var(--bone);font:900 22px/1.1 var(--display);margin:26px 0 8px;text-transform:uppercase}
.legal__body ul{padding-left:20px}
.legal__body .u{color:var(--bone)}
.legal__nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:40px;padding-top:20px;border-top:1px dashed var(--line);font-size:12px}
.legal__nav a[aria-current]{color:var(--red)}
mark.todo{background:#3a1010;color:#ff8a8a;padding:0 4px}
@media (max-width:860px){
  .co__grid{grid-template-columns:1fr}
  .co__sum{position:static;order:-1}
  .f2{grid-template-columns:1fr}
  .co{padding-top:calc(var(--header,72px) + 24px)}
  .ord__steps{grid-template-columns:1fr 1fr}
}