/* Leads Fresh DB — cart, checkout, payment, account, sign-in pages (on top of style.css). */
.page{min-height:calc(100vh - 260px)}
.wrap{padding:60px var(--pad) 90px;max-width:1320px;margin:0 auto}
.wrap.narrow{max-width:980px}
.page-hd{margin-bottom:36px}
.page-hd h1{font-size:clamp(48px,6vw,96px)}
.page-hd h1 span{color:var(--red2)}
.page-hd .tw{color:var(--bone2);font-size:18px;margin-top:12px;max-width:40em}
.center{text-align:center}
.muted{color:var(--dim)}
.hidden{display:none!important}
.card{background:linear-gradient(180deg,#1b1512,#110e0c);border:1px solid var(--line);border-radius:10px;padding:28px}
.card h2{font-size:34px;margin-bottom:10px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* header extras */
.acct-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:14px;white-space:nowrap;transition:border-color .2s}
.acct-btn:hover{border-color:var(--red2)}
.acct-btn b{font:700 12px "JetBrains Mono",monospace;color:var(--red2)}
a.cart-btn{display:grid;place-items:center}

/* flash + badges */
.flash{display:flex;gap:12px;align-items:flex-start;margin:18px auto 0;max-width:1320px;padding:14px 18px;border-radius:8px;background:rgba(63,185,80,.12);border:1px solid rgba(63,185,80,.4);color:#c9f2cf;font-weight:600}
.page > .flash{margin:18px var(--pad) 0}
.flash.err{background:rgba(255,74,54,.12);border-color:rgba(255,74,54,.45);color:#ffd2cb}
.flash i{margin-top:3px}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font:700 11px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#2a2420;color:var(--bone2)}
.st-awaiting_payment{background:rgba(232,161,58,.16);color:#f0bf6a}
.st-payment_sent{background:rgba(42,171,238,.16);color:#7cc8f2}
.st-paid{background:rgba(214,39,24,.2);color:#ff8a78}
.st-delivered,.st-confirmed{background:rgba(63,185,80,.16);color:#7fd88a}
.st-cancelled{background:#221d1a;color:#7b7166}

/* forms */
.form{display:flex;flex-direction:column;gap:16px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld > span{font:700 12px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--bone2)}
.fld > span em{font-style:normal;color:var(--dim);letter-spacing:.04em;text-transform:none;font-weight:500;margin-left:6px}
.fld input,.fld select,.fld textarea{width:100%;padding:13px 15px;border-radius:6px;border:1px solid rgba(239,231,216,.16);background:#0f0c0a;color:var(--bone);font:500 15px Inter,sans-serif;transition:border-color .2s,box-shadow .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--red2);box-shadow:0 0 0 3px rgba(255,74,54,.15)}
.fld input:disabled{opacity:.5}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pw{position:relative}
.pw input{padding-right:48px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;color:var(--dim)}
.pw-eye:hover{color:var(--bone)}
.pw-meter{height:4px;border-radius:2px;background:#221c18;overflow:hidden;margin-top:-6px}
.pw-meter i{display:block;height:100%;width:0;transition:width .25s,background .25s}
.chk{display:flex;gap:12px;align-items:flex-start;color:var(--bone2);font-size:14px;cursor:pointer}
.chk input{margin-top:3px;accent-color:var(--red);width:17px;height:17px}
.btn.sm{padding:9px 14px;font-size:13px}
.linkish{color:var(--dim);text-decoration:underline;font-size:12.5px}
.linkish:hover{color:var(--red2)}
form.inline{display:inline}

/* sign-in / register */
.auth{display:grid;grid-template-columns:minmax(0,560px) 1fr;gap:40px;align-items:center;padding:60px var(--pad) 90px;max-width:1320px;margin:0 auto}
.auth-card{background:linear-gradient(180deg,#1b1512,#100d0b);border:1px solid var(--line);border-radius:12px;padding:40px;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.auth-hd h1{font-size:clamp(52px,6vw,84px);margin:8px 0 12px}
.auth-hd h1 span{color:var(--red2)}
.auth-hd .tw{color:var(--bone2);margin-bottom:26px}
.auth-card .flash{margin:0 0 20px}
.auth-alt{margin-top:22px;color:var(--bone2);text-align:center}
.auth-alt a{color:var(--red2);font-weight:700}
.auth-alt.fine{margin-top:8px;font-size:13px}
.auth-art{display:grid;place-items:center;min-height:420px;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(214,39,24,.3),rgba(0,0,0,0) 70%)}
.auth-art .stamp.big{font-size:clamp(60px,8vw,130px);text-align:center;line-height:1;transform:rotate(-8deg)}

/* cart page */
.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start}
.lines-hd{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:0 4px 12px}
.lines-hd button{color:var(--dim);font:inherit;letter-spacing:.08em}
.lines-hd button:hover{color:var(--red2)}
.cline{display:grid;grid-template-columns:190px 1fr auto;gap:22px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:10px;background:#15110e;margin-bottom:12px}
.cline .brick{--bw:190px}
.cl-info h3{font-size:19px;font-weight:800}
.cl-info p{color:var(--bone2);font-size:12.5px;margin:4px 0 12px}
.qty{display:inline-flex;align-items:center;border:1px solid rgba(239,231,216,.16);border-radius:6px;overflow:hidden}
.qty button{width:38px;height:38px;color:var(--bone2)}
.qty button:hover{background:rgba(214,39,24,.2);color:#fff}
.qty input{width:96px;height:38px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#0f0c0a;color:var(--bone);text-align:center;font:700 14px "JetBrains Mono",monospace}
.qty span{padding:0 12px;font-size:12px;color:var(--dim)}
.cl-side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cl-side strong{font-size:32px}
.cl-side .rm{font:500 12px "JetBrains Mono",monospace;color:var(--dim)}
.cl-side .rm:hover{color:var(--red2)}
.checkout{position:sticky;top:96px;background:linear-gradient(180deg,#1d1612,#120e0c);border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:18px}
.checkout h2{font-size:34px}
.totals{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px}
.totals dt{color:var(--dim);letter-spacing:.12em;text-transform:uppercase}
.totals dd{text-align:right;color:var(--bone)}
.totals .disc{color:#7fd88a}
.coupon label{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone2);margin-bottom:8px}
.coupon-row{display:flex;gap:8px}
.coupon-row input{flex:1;min-width:0;padding:12px 14px;border-radius:6px;border:1px dashed rgba(255,74,54,.5);background:#0f0c0a;color:var(--bone);font:700 15px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}
.coupon-row input:focus{outline:none;border-style:solid;border-color:var(--red2)}
.coupon-row .btn{padding:12px 18px}
.coupon-msg{font-size:13px;margin-top:8px;min-height:1em}
.coupon-msg.ok{color:#7fd88a}.coupon-msg.bad{color:#ff8a78}
.grand{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--line);padding-top:16px}
.grand span{letter-spacing:.2em;color:var(--dim);font-size:13px;text-transform:uppercase}
.grand strong{font-size:52px}
.paym{border:0;display:flex;flex-direction:column;gap:10px}
.paym legend{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone2);margin-bottom:10px}
.pm{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(239,231,216,.14);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s}
.pm input{accent-color:var(--red);width:18px;height:18px}
.pm:has(input:checked){border-color:var(--red2);background:rgba(214,39,24,.1)}
.pm.off{opacity:.45;cursor:not-allowed}
.pm-ico{width:40px;height:40px;border-radius:50%;background:#1f1915;display:grid;place-items:center;color:var(--red2);font-size:18px}
.pm-txt b{display:block}
.pm-txt small{color:var(--dim);font-size:12px}
.guest{display:flex;flex-direction:column;gap:10px}
.guest .tw{color:var(--bone2);font-size:15px}
.or{display:flex;align-items:center;gap:12px;color:var(--dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.btn.tg .fa-telegram{color:var(--tg)}
.fine.center{text-align:center;margin:0}
.fine a{color:var(--bone2);text-decoration:underline}
.empty-cart{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:14px}
.empty-cart > i{font-size:56px;color:#3a322b}
.empty-cart h2,.empty-cart h1{font-size:44px}
.empty-cart .tw{color:var(--bone2)}
.loading{padding:40px;color:var(--dim)}

/* payment */
.coins{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.coin{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--line);border-radius:8px;background:#15110e;transition:border-color .2s}
.coin i{font-size:20px;color:var(--red2)}
.coin small{color:var(--dim);font-size:11.5px}
.coin.on{border-color:var(--red2);background:rgba(214,39,24,.12)}
.paybox{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start;background:linear-gradient(180deg,#1b1512,#110e0c);border:1px solid var(--line);border-radius:12px;padding:30px}
.qr{background:#fff;border-radius:10px;padding:10px;aspect-ratio:1}
.qr svg{width:100%;height:100%;display:block}
.pay-info{display:flex;flex-direction:column;gap:18px}
.pi > span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone2);margin-bottom:8px}
.pi small{display:block;color:var(--dim);font-size:12px;margin-top:6px}
.copy{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:12px 16px;border:1px solid rgba(239,231,216,.16);border-radius:8px;background:#0f0c0a;transition:border-color .2s}
.copy:hover{border-color:var(--red2)}
.copy.done{border-color:#3fb950}
.copy i{margin-left:auto;color:var(--dim)}
.copy.big strong{font-size:38px;color:var(--red2)}
.copy code{font:600 14px "JetBrains Mono",monospace;word-break:break-all;color:var(--bone)}
.warn{display:flex;gap:10px;padding:12px 14px;border-radius:8px;background:rgba(232,161,58,.1);border:1px solid rgba(232,161,58,.35);color:#f0cf8f;font-size:14px}

/* account */
.acct-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.acct-bal{display:flex;align-items:center;gap:18px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#15110e}
.acct-bal small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.acct-bal strong{font-size:44px}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:26px;flex-wrap:wrap}
.tabs a,.tabs button{padding:14px 18px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--bone2);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:"JetBrains Mono",monospace}
.tabs a.on{color:var(--bone);border-bottom-color:var(--red2)}
.tabs a b{background:#2a2420;border-radius:10px;padding:1px 7px;font-size:11px;margin-left:4px}
.tab-out{margin-left:auto}
.tabs button:hover{color:var(--red2)}
.tab{display:none}.tab.on{display:block}
.order{border:1px solid var(--line);border-radius:10px;background:#15110e;margin-bottom:12px;overflow:hidden}
.order summary{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:18px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}
.order summary::-webkit-details-marker{display:none}
.order summary .badge{justify-self:start}
.o-ref{font-weight:700;color:var(--bone)}
.o-date{color:var(--dim);font-size:13px}
.o-total{font-size:26px}
.o-car{color:var(--dim);transition:transform .25s}
.order[open] .o-car{transform:rotate(180deg)}
.o-body{border-top:1px dashed var(--line);padding:10px 22px 18px}
.o-item{display:grid;grid-template-columns:48px 1fr auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(239,231,216,.05)}
.o-item b{display:block}
.o-item small{color:var(--dim);font-size:12px}
.o-item .wait{color:var(--dim);font-size:12px}
.flag-sm{width:44px;height:30px;object-fit:cover;background-size:cover;display:inline-grid;place-items:center;box-shadow:0 0 0 1px rgba(255,255,255,.1);border-radius:2px}
.flag-sm.noflag{background:#1b1714;color:var(--red2)}
.o-foot{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;padding-top:14px;font-size:12.5px;color:var(--dim)}
.amounts{display:flex;flex-wrap:wrap;gap:8px}
.chip-d{padding:9px 14px;border:1px solid rgba(239,231,216,.16);border-radius:6px;font:700 13px "JetBrains Mono",monospace;color:var(--bone2)}
.chip-d:hover{border-color:var(--red2);color:var(--bone)}
.hist{list-style:none;display:flex;flex-direction:column;gap:2px;font-size:13px}
.hist li{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(239,231,216,.05)}
.hist li span:first-child{flex:1;color:var(--bone2)}
.hist b.plus{color:#7fd88a}.hist b.minus{color:#ff8a78}
.hist a{color:var(--red2);text-decoration:underline}
footer.foot.slim{padding:50px var(--pad) 40px;background:none;border-top:1px solid var(--line)}
footer.foot.slim .foot-in{gap:10px}

@media (max-width:1000px){
  .cart-layout{grid-template-columns:1fr}
  .checkout{position:relative;top:0}
  .auth{grid-template-columns:1fr}
  .auth-art{display:none}
}
@media (max-width:700px){
  .cline{grid-template-columns:1fr;gap:14px}
  .cline .brick{--bw:160px}
  .cl-side{flex-direction:row;justify-content:space-between;align-items:center}
  .paybox{grid-template-columns:1fr}
  .qr{max-width:240px}
  .grid2,.two{grid-template-columns:1fr}
  .order summary{grid-template-columns:1fr auto;gap:8px 14px}
  .o-date{display:none}
  .o-item{grid-template-columns:40px 1fr;row-gap:8px}
  .acct-btn span{display:none}
  .auth-card{padding:26px}
}

/* coin logos */
.coin-logo{width:30px;height:30px;border-radius:50%;object-fit:contain;flex:none;background:#0f0c0a;display:inline-block}
.coin-logo.xs{width:20px;height:20px;margin-right:4px;vertical-align:middle}
.coin-logo.xl{width:72px;height:72px}
.coin .coin-logo{width:28px;height:28px}
.coins-row{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.qr-wrap{position:relative}
.qr-logo{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #fff}

/* checkbox — a red stamped square with a check */
input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border:2px solid rgba(239,231,216,.3);border-radius:5px;background:#0f0c0a;display:inline-grid;place-content:center;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
input[type=checkbox]::before{content:"";width:11px;height:11px;background:#fff;clip-path:polygon(14% 44%,0 60%,40% 100%,100% 22%,86% 8%,39% 70%);transform:scale(0);transition:transform .15s cubic-bezier(.2,.8,.2,1.4)}
input[type=checkbox]:checked{background:var(--red);border-color:var(--red)}
input[type=checkbox]:checked::before{transform:scale(1)}
input[type=checkbox]:hover{border-color:var(--red2)}
input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,74,54,.3)}
.chk{align-items:center}
.chk span{line-height:1.45}
/* switch — for on/off settings */
.switch{display:flex;align-items:center;gap:14px;cursor:pointer;color:var(--bone);font-weight:600;font-size:14.5px}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch i{position:relative;flex:none;width:48px;height:27px;border-radius:999px;background:#2a2420;border:1px solid rgba(239,231,216,.14);transition:background .2s,border-color .2s}
.switch i::after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#8a8173;box-shadow:0 2px 4px rgba(0,0,0,.5);transition:transform .22s cubic-bezier(.2,.8,.2,1.2),background .2s}
.switch input:checked + i{background:var(--red);border-color:var(--red)}
.switch input:checked + i::after{transform:translateX(21px);background:#fff}
.switch input:focus-visible + i{box-shadow:0 0 0 3px rgba(255,74,54,.3)}
.switch span em{display:block;font-style:normal;font-weight:500;font-size:12px;color:var(--dim)}

/* legal pages: terms, privacy, refunds */
.legal{max-width:920px;margin:0 auto}
.legal-tabs{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.legal-tabs a{padding:8px 14px;border:1px solid var(--line);border-radius:var(--r);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone2);transition:border-color .2s,color .2s}
.legal-tabs a:hover{border-color:var(--red2);color:var(--bone)}
.legal-tabs a.on{background:var(--red);border-color:var(--red);color:#fff4ea}
.legal-body{display:flex;flex-direction:column;gap:12px}
.legal-sec{padding:22px 26px;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(180deg,#17120f,#110d0b)}
.legal-sec h2{display:flex;align-items:baseline;gap:14px;font-size:19px;font-weight:700;margin-bottom:10px}
.legal-sec h2 span{color:var(--red2);font-size:13px;letter-spacing:.1em}
.legal-sec .tw{color:var(--bone2);font-size:15.5px;line-height:1.7}
.legal-sec .tw b{color:var(--bone)}
.legal-sec .tw a{color:var(--red2);border-bottom:1px solid rgba(255,74,54,.4)}
.legal-sec ul{margin:4px 0 0 20px;display:flex;flex-direction:column;gap:6px}
.foot-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.foot-links a{color:var(--dim);transition:color .2s}
.foot-links a:hover{color:var(--bone)}
@media (max-width:600px){.legal-sec{padding:18px}}