/* ScarabPay inner pages v3 — skins the public-page + legal layouts with the app identity (ink + gold + white).
   Loaded after the page's own CSS; tokens are remapped instead of rewriting each page. */
:root{--lv3-waves:url('../img/brand/lv3-waves.svg')}
.sp-public-page,.sp-legal-page{font-family:var(--lv3-font);color:var(--lv3-ink);padding:104px 20px 40px!important;background:#fff}
.sp-public-page :where(h1,h2,h3,h4),.sp-legal-page :where(h1,h2,h3,h4){font-family:var(--lv3-font);color:var(--lv3-ink);letter-spacing:-.015em}
html[dir=rtl] .sp-public-page :where(h1,h2,h3,h4),html[dir=rtl] .sp-legal-page :where(h1,h2,h3,h4){letter-spacing:0}
.sp-public-page p,.sp-legal-page p,.sp-legal-page li{color:#374151}

/* Tokens of the page-specific stylesheets (store / tools / fee policy) */
body .st{--ink:#121316;--muted:#5B6270;--line:#E6E8EC;--gold:#A8730D;--gold2:#D99A2B;--sun:#F0B43F;--soft:#F3F4F6;--edge:#E6E8EC;--card:#fff;font-family:var(--lv3-font)}
body .sp-public-page .sp-bin{--bin-ink:#121316;--bin-soft:#374151;--bin-muted:#5B6270;--bin-line:#E6E8EC;--bin-paper:#fff;--bin-gold:#F0B43F;--bin-gold-deep:#A8730D;--bin-navy:#121316;--bin-cream:#F3F4F6}
body .sp-legal-page .fee-policy-page{--ink:#121316;--ink-soft:#374151;--ink-faint:#6B7280;--paper:#fff;--line:#E6E8EC;--line-strong:#D1D5DB;--blue:#A8730D}

/* Page intro = dark rounded panel with waves, like the homepage hero */
body .sp-public-page .sp-public-intro,body .sp-legal-page .sp-legal-intro{position:relative;max-width:1240px!important;margin:0 auto 40px!important;padding:64px 56px!important;border:0!important;border-radius:30px;background:var(--lv3-waves) center/cover no-repeat,radial-gradient(60% 90% at 90% 0%,rgba(240,180,63,.2),rgba(240,180,63,0) 70%),#121316!important;color:#fff;overflow:hidden}
body .sp-public-page .sp-public-intro :where(h1,h2,h3),body .sp-legal-page .sp-legal-intro :where(h1,h2,h3){color:#fff!important}
body .sp-public-page .sp-public-intro h1,body .sp-legal-page .sp-legal-intro h1{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.08!important;font-weight:800!important;margin:12px 0 0!important}
body .sp-public-page .sp-public-intro p,body .sp-legal-page .sp-legal-intro p{color:rgba(255,255,255,.72)!important;font-size:17px;line-height:1.65;max-width:640px}
body .sp-public-intro .sp-public-eyebrow,body .sp-legal-intro .sp-legal-eyebrow{color:var(--lv3-gold)!important}
.sp-public-eyebrow,.sp-legal-eyebrow{display:inline-block;color:#A8730D!important;font-size:12px!important;font-weight:800!important;letter-spacing:.16em;text-transform:uppercase;background:none!important;padding:0!important;border:0!important}
html[dir=rtl] .sp-public-eyebrow,html[dir=rtl] .sp-legal-eyebrow{letter-spacing:0}
.sp-public-eyebrow span,.sp-legal-eyebrow span{color:inherit!important;background:none!important}

/* Sections & cards */
body .sp-public-page .sp-public-section,body .sp-legal-page .sp-legal-section{max-width:1240px;margin-inline:auto;border-color:var(--lv3-line)!important}
body .sp-public-page .sp-public-grid>div,body .sp-public-page .card,body .sp-public-page .staff-card,body .sp-public-page .wa-card{background:var(--lv3-surf)!important;border:0!important;border-radius:24px!important;box-shadow:none!important}

/* Buttons inside pages: app style */
.sp-public-page button[type=submit],.sp-public-page .wbtn,.sp-public-page .lv2-button-gold,.sp-legal-page .lv2-button-gold{background:var(--lv3-gold-g)!important;color:var(--lv3-ink)!important;border:0!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px rgba(201,138,30,.45)!important;font-weight:700!important}
.sp-public-page input,.sp-public-page textarea,.sp-public-page select{border-radius:14px!important;border-color:#E1E3E8!important;background:#fff!important}
.sp-public-page input:focus,.sp-public-page textarea:focus{outline:3px solid rgba(240,180,63,.45)!important;border-color:var(--lv3-gold)!important}
@media (max-width:640px){.sp-public-page,.sp-legal-page{padding:88px 10px 30px!important}body .sp-public-page .sp-public-intro,body .sp-legal-page .sp-legal-intro{padding:40px 22px!important;border-radius:24px}}

/* r2: card padding, store / top-up / fee-policy tones */
body .sp-public-page .sp-public-grid>div{padding:28px!important}
body .st-art,body .tp-pk-art,body .tp-sum-top{background:var(--lv3-surf)!important}
body .tp-pk,body .tp-sum{border-color:var(--lv3-line)!important;border-radius:20px!important;box-shadow:none!important}
body .tp-pk-body{border-top-color:var(--lv3-line)!important}
body .st-promo{background:var(--lv3-ink)!important;color:#fff!important;border:0!important}
body .st-text{background:var(--lv3-surf)!important;border:0!important;border-radius:24px!important}
body .st-xnav-link--all,body .st-bh-meta li{background:var(--lv3-surf)!important;border-color:var(--lv3-line)!important;color:var(--lv3-ink)!important}
body .st-xnav-link:hover{background:#fff!important;border-color:var(--lv3-gold)!important}
body .sp-legal-page .sheet{background:#fff!important;border-color:var(--lv3-line)!important;border-radius:24px!important;max-width:900px!important}
body .sp-legal-page .sheet footer{background:var(--lv3-surf)!important;color:#4B5563!important}

/* Support page: one card system — WhatsApp featured row, then Telegram / News / Email as three equal cards */
body .sp-public-support .content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1240px;margin-inline:auto}
body .sp-public-support .content>*{grid-column:1/-1;margin:0!important}
body .sp-public-support .content>.grid{display:contents}
body .sp-public-support .content>.grid>.card,body .sp-public-support .content>.card{grid-column:auto}
body .sp-public-support .section-head{margin-bottom:4px!important}
body .sp-public-support :where(.card,.wa-card,.staff-card){background:var(--lv3-surf)!important;border:0!important;border-radius:24px!important;box-shadow:none!important}
body .sp-public-support .card{display:flex;flex-direction:column;align-items:flex-start;padding:28px!important}
body .sp-public-support .card .icon{width:52px;height:52px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;margin-bottom:18px;background:var(--lv3-ink)}
body .sp-public-support .card .icon.tg{background:#229ED9}
body .sp-public-support .card .icon.news{background:var(--lv3-gold);color:var(--lv3-ink)!important}
body .sp-public-support .card .icon.mail{background:var(--lv3-ink)}
body .sp-public-support .card .title{font-size:20px;font-weight:800;margin-bottom:8px;color:var(--lv3-ink)}
body .sp-public-support .card .desc{flex:1;color:#4B5563;font-size:15px;line-height:1.6;margin-bottom:20px}
body .sp-public-support .card .link,body .sp-public-support .card .mail-row{width:100%}
body .sp-public-support .card .link{justify-content:center;gap:8px;height:48px;margin:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px #D1D5DB;color:var(--lv3-ink)!important;font-weight:700;text-decoration:none!important;transition:box-shadow .2s}
body .sp-public-support .card .link:hover{box-shadow:inset 0 0 0 1.5px var(--lv3-ink)}
body .sp-public-support .card .mail-row{display:flex;flex-direction:column;gap:10px}
body .sp-public-support .card .mail-row .val{display:block;text-align:center;font-weight:700;color:var(--lv3-ink);font-size:15px}
body .sp-public-support .wa-card{display:flex;align-items:center;gap:20px;padding:24px 28px!important}
body .sp-public-support .wicon{width:60px;height:60px;flex:none;border-radius:99px!important;background:#25D366!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
body .sp-public-support .wtext .t{font-size:20px;font-weight:800;margin:0 0 4px;color:var(--lv3-ink)}
body .sp-public-support .wtext .s{font-size:18px;font-weight:700;color:#374151;font-family:'Exo 2',system-ui,sans-serif}
html[dir=rtl] body .sp-public-support .wtext .s{text-align:right}
body .sp-public-support .wa-card .wbtn{margin:0;height:52px;padding:0 26px!important;border-radius:15px!important;background:var(--lv3-ink)!important;color:#fff!important;box-shadow:none!important;font-weight:700;white-space:nowrap}
body .sp-public-support .staff-title{display:flex;align-items:center;gap:10px;margin-top:20px!important;font-size:20px;font-weight:800}
body .sp-public-support .staff-title .dot{width:10px;height:10px;border-radius:99px;background:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
body .sp-public-support .staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body .sp-public-support .staff-card{padding:20px!important;text-decoration:none!important;color:var(--lv3-ink)}
body .sp-public-support .avatar{width:44px;height:44px;flex:none;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:var(--lv3-ink)!important;color:var(--lv3-gold);font-weight:800;border-radius:99px}
body .sp-public-support .warning{background:#FFF7E6!important;border:1px solid #F3D9A4!important;border-radius:22px!important;padding:24px 28px!important}
@media (max-width:900px){body .sp-public-support .content,body .sp-public-support .staff-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){body .sp-public-support .wa-card{flex-wrap:wrap}body .sp-public-support .wa-card .wbtn{width:100%;justify-content:center}}
body .sp-public-support .card .link{direction:ltr;unicode-bidi:isolate}