:root{--bg:#080914;--panel:#10111e;--text:#f7f5ff;--muted:#aaa8b9;--line:rgba(255,255,255,.12);--accent:#9b75ff}
*{box-sizing:border-box}
html{width:100%;max-width:100%;min-width:0;scroll-behavior:smooth}
body{width:100%;max-width:100%;min-width:0;margin:0;background:radial-gradient(circle at 80% 0,rgba(86,62,190,.2),transparent 34%),var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,"Segoe UI",Arial,sans-serif,Arial,sans-serif}
.legal-header{width:100%;max-width:100%;min-width:0;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px max(4vw,20px);border-bottom:1px solid var(--line);background:rgba(8,9,20,.88);backdrop-filter:blur(18px)}
.legal-brand{color:#fff;text-decoration:none;font:600 15px system-ui,-apple-system,"Segoe UI",Arial,sans-serif,Arial}
.legal-back{color:#c9c5d9;text-decoration:none;font-size:13px}
.legal-layout{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:70px 0 100px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:50px}
.legal-toc{position:sticky;top:100px;align-self:start;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}
.legal-toc strong{display:block;margin-bottom:13px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.legal-toc a{display:block;padding:6px 0;color:#aaa8b9;text-decoration:none;font-size:13px}
.legal-toc a:hover{color:#fff}
.legal-document{width:100%;max-width:100%;min-width:0}
.legal-eyebrow{margin:0;color:#a78cff;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.legal-document h1{margin:16px 0 18px;font:600 clamp(38px,5vw,66px)/1.06 system-ui,-apple-system,"Segoe UI",Arial,sans-serif,Arial;letter-spacing:-.045em;overflow-wrap:anywhere}
.privacy-title span{display:block}
.privacy-title span:last-child{white-space:nowrap}
.legal-meta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;color:#8b899a;font-size:12px}
.legal-lead{padding:25px 28px;border:1px solid rgba(155,117,255,.35);border-radius:22px;background:rgba(155,117,255,.07);color:#d9d5e8}
.legal-document section{scroll-margin-top:110px;padding:32px 0;border-bottom:1px solid var(--line)}
.legal-document h2{margin:0 0 16px;font:600 24px/1.25 system-ui,-apple-system,"Segoe UI",Arial,sans-serif,Arial}
.legal-document h3{margin:24px 0 8px;font-size:16px}
.legal-document p,.legal-document li{color:#c1bfcd}
.legal-document a{color:#c7b5ff}
.legal-document ul,.legal-document ol{padding-left:22px}
.legal-note{padding:18px 20px;border-left:3px solid var(--accent);background:rgba(255,255,255,.035);color:#d7d4e2}
.seller-card{display:grid;gap:8px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.seller-card b{color:#fff}
.legal-footer{padding:34px max(4vw,20px);border-top:1px solid var(--line);color:#777586}
.legal-footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.legal-footer a{color:#aaa8b9;text-decoration:none;font-size:12px}
.legal-footer a:hover{color:#fff}
.legal-print{border:1px solid var(--line);border-radius:999px;background:transparent;color:#fff;padding:10px 15px;cursor:pointer}
@media(max-width:820px){.legal-layout{grid-template-columns:1fr;padding-top:45px}
.legal-toc{position:relative;top:auto}
.legal-document h1{font-size:clamp(30px,10vw,40px);overflow-wrap:anywhere}
.privacy-title{font-size:clamp(27px,9vw,40px)}
}
@media print{body{background:#fff;color:#000;font:12pt/1.5 Arial}
.legal-header,.legal-toc,.legal-footer{display:none}
.legal-layout{display:block;width:auto;margin:0;padding:0}
.legal-document h1,.legal-document h2,.legal-document h3,.legal-document p,.legal-document li,.seller-card b{color:#000}
.legal-document section{break-inside:avoid;border-color:#bbb}
.legal-lead,.seller-card,.legal-note{background:none;border-color:#999}
.legal-document a{color:#000;text-decoration:none}
}

/* 0.12.2: keep the privacy heading at two words without mobile overflow. */
@media(max-width:430px){
  .legal-header{gap:9px;padding-left:12px;padding-right:12px;flex-wrap:wrap}
  .legal-header>*{min-width:0;max-width:100%}
  .legal-brand{font-size:12px}.legal-back{font-size:11px}.legal-print{padding:8px 10px}
  .legal-layout{width:calc(100% - 24px);padding-top:36px;gap:32px}
  .legal-layout>*,.legal-document,.legal-document section,.legal-lead,.seller-card,.seller-card>*{width:100%;max-width:100%;min-width:0}
  .privacy-title{max-width:100%;font-size:clamp(18px,6.25vw,27px)!important;letter-spacing:-.035em!important}
  .privacy-title span{display:block;max-width:100%;white-space:nowrap;overflow-wrap:normal;word-break:normal}
  .legal-document p,.legal-document li,.legal-document a,.seller-card span{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
}

.payment-brand-block{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:center;gap:24px;margin-top:24px;padding:22px;border:1px solid rgba(255,221,45,.22);border-radius:22px;background:linear-gradient(135deg,rgba(255,221,45,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.payment-brand-logos{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}
.payment-brand-bank-link{display:block;flex:0 1 220px;width:min(100%,220px);min-width:0;border-radius:13px;transition:transform .2s,filter .2s}
.payment-brand-bank-link:hover{transform:translateY(-2px);filter:brightness(1.04)}
.payment-brand-bank-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.payment-brand-bank-link img{display:block;width:100%;height:auto;aspect-ratio:500/196;object-fit:contain}
.payment-brand-tpay{display:block;flex:0 1 125px;width:min(100%,125px);min-width:0}
.payment-brand-tpay img{display:block;width:100%;height:auto;aspect-ratio:1001/444;object-fit:contain}
.payment-brand-copy{min-width:0}
.payment-brand-copy h3{margin:0 0 7px;color:#fff;font-size:17px}
.payment-brand-copy p{margin:0;color:#bdbac8;font-size:13px;line-height:1.55}

@media(max-width:620px){.payment-brand-block{grid-template-columns:1fr;gap:18px;padding:19px}
.payment-brand-logos{gap:12px}
.payment-brand-bank-link{flex-basis:190px;width:min(100%,190px);max-width:190px;min-width:150px}
.payment-brand-tpay{flex-basis:125px;width:min(100%,125px);max-width:125px;min-width:105px}
.payment-brand-copy h3{font-size:16px}
.payment-brand-copy p{font-size:12px}
}
@media(max-width:360px){.payment-brand-block{padding:16px;border-radius:18px}
.payment-brand-bank-link{min-width:0}
.payment-brand-tpay{min-width:0}
}

