/* ═══ Z - axis AI Agents Digital Store — shared stylesheet ═══ */
:root{--bg:#0a0a0a;--card:#1e1e2e;--card2:#0f0f1a;--gold:#d4af37;--txt:#e6e6ee;--mut:#888;--ok:#3ecf8e;--wait:#d4af37;--bord:#2a2a3a}
*{margin:0;padding:0;box-sizing:border-box}
body{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);background-attachment:fixed;color:var(--txt);font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;min-height:100vh}
a{color:var(--gold);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:24px 16px 40px}
header{text-align:center;padding:28px 0 8px;position:relative}
.langbtn{position:absolute;top:0;right:0;background:var(--card2);border:1px solid var(--bord);color:var(--gold);padding:8px 14px;border-radius:20px;cursor:pointer;font-weight:700;font-size:14px}
.langbtn:hover{background:var(--gold);color:#111}
.logo{font-size:15px;letter-spacing:.5px;color:var(--mut)}
.builtby{margin-top:12px;font-size:12px;color:var(--mut)}
.builtby a{color:var(--gold)}
h1{font-size:clamp(26px,5vw,40px);margin:8px 0 4px;font-weight:800}
h1 span{color:var(--gold)}
.tag{color:var(--mut);font-size:15px;max-width:640px;margin:0 auto;line-height:1.6}
.crumb{font-size:13px;color:var(--mut);margin:18px 0 6px}
.crumb a{color:var(--gold)}
h2.sec{font-size:22px;margin:34px 0 6px}
p.secsub{color:var(--mut);font-size:14px;margin-bottom:14px;line-height:1.6;max-width:760px}
.adbox{margin:22px auto;max-width:728px;min-height:90px;background:var(--card);border:1px dashed var(--bord);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#5a6475;font-size:12px}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:18px}
.catcard{background:var(--card);border:1px solid var(--bord);border-radius:14px;padding:18px;text-align:center;transition:transform .15s,border-color .15s}
.catcard:hover{transform:translateY(-3px);border-color:var(--gold)}
.catcard .cico{font-size:30px}
.catcard .cname{font-weight:700;font-size:15px;margin-top:6px}
.catcard .ccount{font-size:12px;color:var(--mut);margin-top:4px}
.spinpromo{display:block;max-width:760px;margin:18px auto 8px;padding:17px 22px;border-radius:14px;text-align:center;background:linear-gradient(135deg,#d4af37,#f4d76b);color:#101010;font-size:clamp(15px,3vw,19px);font-weight:900;box-shadow:0 10px 28px rgba(212,175,55,.22);transition:transform .15s,box-shadow .15s}
.spinpromo:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(212,175,55,.32);color:#101010}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:20px}
.card{background:var(--card);border:1px solid var(--bord);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--gold)}
.pico{font-size:34px}
.pname{font-size:17px;font-weight:700}
.pdesc{font-size:13.5px;color:var(--mut);flex:1;line-height:1.5}
.prow{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.price{color:var(--gold);font-weight:800;font-size:19px}
.status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px}
.st-ready{background:rgba(62,207,142,.15);color:var(--ok)}
.st-soon{background:rgba(245,185,66,.15);color:var(--wait)}
.by{font-size:11px;color:var(--mut)}
.disclaim{font-size:12px;color:var(--mut);margin-top:10px;line-height:1.6}
footer{margin-top:34px;padding-top:20px;border-top:1px solid var(--bord);text-align:center;color:var(--mut);font-size:13px;line-height:1.8}
footer b{color:var(--txt)}
.privacy{margin-top:10px;font-size:11.5px;color:#5a6475;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}

/* payhip-buy-buttons */
.pbtns{display:flex;gap:8px;margin-top:12px}
.pbtns a{flex:1;text-align:center;padding:9px 6px;border-radius:9px;font-size:.82rem;font-weight:700;text-decoration:none;transition:.15s}
.btn-open{border:1px solid #2a2a3a;color:#cfd2dc;background:transparent}
.btn-open:hover{border-color:#d4af37;color:#fff}
.btn-buy{background:#d4af37;color:#0a0a0a;border:1px solid #d4af37}
.btn-buy:hover{background:#e8c657}
