.order-channels-page { padding-top:64px; padding-bottom:64px; }
.order-channels-intro { max-width:850px; margin-bottom:40px; }
.order-channels-intro h1 { font-size:clamp(32px,4vw,52px); line-height:1.25; letter-spacing:-.025em; margin:0 0 20px; text-wrap:balance; }
.order-channels-intro > p { font-size:clamp(18px,2vw,22px); line-height:1.75; color:var(--ink-soft); margin:0 0 16px; }
.order-channels-page svg { width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.order-channels-jump { display:inline-flex; gap:10px; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:5px; }
.order-direct { display:grid; grid-template-columns:1.15fr 1fr; border-radius:var(--radius); background:#171717; color:#fff; overflow:hidden; }
.order-direct-main { padding:40px; }
.order-direct h2 { font-size:clamp(24px,3vw,32px); line-height:1.35; margin:0 0 8px; text-wrap:balance; }
.order-direct-domain { font-size:16px; margin:0 0 20px; overflow-wrap:anywhere; }
.order-direct-main > p:not(.order-direct-domain) { max-width:48ch; color:#d0d0d0; line-height:1.8; margin:0 0 28px; }
.order-direct .order-direct-button { display:inline-flex; gap:20px; align-items:center; justify-content:center; background:#fff; color:#171717; border:1px solid #fff; min-height:48px; padding:12px 22px; font-weight:600; }
.order-direct .order-direct-button:hover { background:#e8e8e8; border-color:#e8e8e8; }
.order-direct-guide { padding:40px; background:#222; }
.order-direct-guide h3 { font-size:18px; font-weight:500; margin:0 0 24px; }
.order-direct-guide ol { margin:0; padding:0; list-style:none; counter-reset:order-step; display:grid; gap:24px; }
.order-direct-guide li { position:relative; padding-left:42px; counter-increment:order-step; }
.order-direct-guide li::before { content:counter(order-step,decimal-leading-zero); position:absolute; left:0; top:1px; font-size:14px; color:#bdbdbd; font-variant-numeric:tabular-nums; }
.order-direct-guide strong,.order-direct-guide span { display:block; }
.order-direct-guide strong { font-size:17px; font-weight:500; margin-bottom:4px; }
.order-direct-guide span { color:#d0d0d0; font-size:14px; line-height:1.65; }
.order-partners { margin-top:64px; scroll-margin-top:140px; }
.order-partners-heading { margin-bottom:24px; }
.order-partners-heading h2,.order-channel-note h2 { font-size:clamp(23px,2.5vw,30px); line-height:1.4; margin:0 0 10px; }
.order-partners-heading p { color:var(--ink-soft); margin:0; }
.order-partners-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.order-partner { min-width:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.order-partner-inner { padding:24px; display:flex; flex-direction:column; height:100%; }
.order-partner a:hover { background:var(--surface-soft); }
.order-partner-logo { height:110px; display:flex; justify-content:center; align-items:center; margin-bottom:20px; }
.order-partner-logo img { width:100%; height:80px; max-width:180px; object-fit:contain; }
.order-partner-name { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:17px; font-weight:600; overflow-wrap:anywhere; }
.order-partner-action { color:var(--ink-soft); font-size:13px; margin-top:5px; }
.order-partners-caption { color:var(--ink-soft); font-size:13px; margin:16px 0 0; }
.order-partners-empty { padding:24px; background:var(--surface-soft); }
.order-channel-note { display:grid; grid-template-columns:1fr 2fr; gap:40px; border-top:1px solid var(--line); margin-top:48px; padding-top:32px; }
.order-channel-note h2 { font-size:20px; }
.order-channel-note p { color:var(--ink-soft); margin:0 0 14px; line-height:1.8; max-width:75ch; }
.order-channels-page a:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.order-direct a:focus-visible { outline-color:#fff; }
.order-channels-page ::selection { background:#dedbd5; color:#111; }
@media(max-width:900px) { .order-direct-main,.order-direct-guide { padding:28px; } .order-partners-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:640px) {
  .order-channels-page { padding-top:32px; padding-bottom:32px; }
  .order-channels-intro { margin-bottom:28px; }
  .order-direct { grid-template-columns:1fr; }
  .order-direct-main,.order-direct-guide { padding:24px; }
  .order-direct .order-direct-button { width:100%; padding-left:14px; padding-right:14px; gap:12px; }
  .order-partners { margin-top:40px; }
  .order-partners-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .order-partner-inner { padding:16px; }
  .order-partner-logo { height:80px; margin-bottom:14px; }
  .order-partner-logo img { height:64px; }
  .order-partner-name { font-size:15px; }
  .order-channel-note { grid-template-columns:1fr; gap:8px; margin-top:32px; padding-top:24px; }
}