/* Quantaps TR — Bakiye ile ödeme rehberi */
.qt-wallet-guide {
  --qwg-ink: #111a36;
  --qwg-text: #52617f;
  --qwg-muted: #71809d;
  --qwg-line: #e4e9f4;
  --qwg-pink: #e44f91;
  --qwg-blue: #2453df;
  width: 100%;
  overflow: hidden;
  color: var(--qwg-ink);
  background:
    radial-gradient(circle at 5% 2%, rgba(228,79,145,.09), transparent 28%),
    radial-gradient(circle at 96% 8%, rgba(61,110,255,.10), transparent 30%),
    linear-gradient(180deg, #fbfcff 0%, #f5f7ff 47%, #fff 100%);
}
.qt-wallet-guide *,
.qt-wallet-guide *::before,
.qt-wallet-guide *::after { box-sizing: border-box; }
.qt-wallet-guide__shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 26px 0 76px; }
.qt-wallet-guide__breadcrumb { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:4px 0 22px; color:var(--qwg-muted); font-size:14px; }
.qt-wallet-guide__breadcrumb a { color:inherit; text-decoration:none; }
.qt-wallet-guide__breadcrumb a:hover { color:var(--qwg-pink); }
.qt-wallet-guide__breadcrumb [aria-current] { color:var(--qwg-ink); font-weight:800; }
.qt-wallet-guide__hero { position:relative; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:38px; align-items:center; min-height:390px; padding:54px 58px; overflow:hidden; border:1px solid rgba(118,139,205,.18); border-radius:34px; background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,255,.94)); box-shadow:0 22px 70px rgba(24,38,94,.09); }
.qt-wallet-guide__hero::after { content:""; position:absolute; width:420px; height:420px; right:12%; top:-280px; border-radius:50%; background:rgba(228,79,145,.10); filter:blur(4px); pointer-events:none; }
.qt-wallet-guide__hero-copy { position:relative; z-index:1; }
.qt-wallet-guide__eyebrow { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:8px 14px; border:1px solid rgba(228,79,145,.18); border-radius:999px; background:#fff; color:#c33f7c; font-size:12px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.qt-wallet-guide__hero h1 { max-width:720px; margin:20px 0 16px; color:var(--qwg-ink); font-size:clamp(38px,5vw,62px); line-height:1.04; letter-spacing:-.055em; font-weight:950; }
.qt-wallet-guide__hero h1 span { display:block; color:#df4e91; }
.qt-wallet-guide__hero-copy > p { max-width:690px; margin:0; color:var(--qwg-text); font-size:19px; line-height:1.65; }
.qt-wallet-guide__hero-actions,.qt-wallet-guide__final-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:25px; }
.qt-wallet-guide__button { display:inline-flex; align-items:center; justify-content:center; min-height:49px; padding:13px 21px; border:1px solid transparent; border-radius:14px; text-decoration:none!important; font-size:15px; font-weight:850; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.qt-wallet-guide__button:hover { transform:translateY(-2px); }
.qt-wallet-guide__button--primary { color:#fff!important; background:linear-gradient(110deg,#df4b91,#ed79ad); box-shadow:0 12px 24px rgba(220,72,137,.20); }
.qt-wallet-guide__button--light { color:#26365d!important; border-color:#e0e6f4; background:#fff; }
.qt-wallet-guide__hero-points { display:flex; flex-wrap:wrap; gap:11px 20px; margin-top:27px; color:var(--qwg-muted); font-size:13px; font-weight:750; }
.qt-wallet-guide__hero-points span { display:inline-flex; align-items:center; gap:7px; }
.qt-wallet-guide__hero-points b { color:#159553; font-size:16px; }
.qt-wallet-guide__hero-art { position:relative; z-index:1; display:grid; place-items:center; min-height:270px; }
.qt-wallet-guide__art-glow { position:absolute; width:310px; height:310px; border-radius:50%; background:radial-gradient(circle,rgba(228,79,145,.18),rgba(105,125,255,.08) 48%,transparent 72%); }
.qt-wallet-guide__art-card { position:relative; width:min(100%,340px); padding:28px; border:1px solid rgba(255,255,255,.94); border-radius:26px; background:linear-gradient(145deg,#fff,#f6f8ff); box-shadow:0 24px 60px rgba(40,55,126,.15); transform:rotate(-4deg); }
.qt-wallet-guide__art-label { color:#7582a2; font-size:11px; font-weight:950; letter-spacing:.16em; }
.qt-wallet-guide__art-amount { display:flex; align-items:center; gap:10px; margin:19px 0; color:#df4e91; font-size:36px; font-weight:950; }
.qt-wallet-guide__art-amount strong { color:var(--qwg-ink); font-size:24px; }
.qt-wallet-guide__art-line { height:1px; background:#e8ebf5; }
.qt-wallet-guide__art-status { display:flex; align-items:center; gap:10px; margin-top:17px; color:#23834f; font-size:13px; font-weight:850; }
.qt-wallet-guide__art-status span { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#fff; background:#1b9a57; }
.qt-wallet-guide__art-chip { position:absolute; right:1%; bottom:18px; padding:11px 16px; border:1px solid rgba(228,79,145,.15); border-radius:14px; color:#b63d76; background:#fff; box-shadow:0 12px 28px rgba(24,38,94,.12); font-size:13px; font-weight:900; }
.qt-wallet-guide__intro { display:flex; gap:16px; align-items:flex-start; margin:25px 0 66px; padding:22px 25px; border:1px solid #dce5f5; border-radius:20px; background:rgba(255,255,255,.82); box-shadow:0 12px 32px rgba(24,38,94,.04); }
.qt-wallet-guide__intro-icon { flex:0 0 34px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#fff; background:#5579ed; font-weight:950; }
.qt-wallet-guide__intro strong { display:block; margin:1px 0 5px; font-size:16px; }
.qt-wallet-guide__intro p { margin:0; color:var(--qwg-text); font-size:15px; line-height:1.65; }
.qt-wallet-guide__section-head { max-width:760px; margin:0 auto 30px; text-align:center; }
.qt-wallet-guide__section-head h2 { margin:14px 0 9px; color:var(--qwg-ink); font-size:clamp(29px,3.6vw,42px); line-height:1.12; letter-spacing:-.04em; font-weight:950; }
.qt-wallet-guide__section-head p { margin:0; color:var(--qwg-muted); font-size:16px; }
.qt-wallet-guide__steps { display:grid; gap:24px; }
.qt-wallet-guide__step { display:grid; grid-template-columns:minmax(260px,.74fr) minmax(0,1.26fr); gap:28px; align-items:center; padding:28px; border:1px solid var(--qwg-line); border-radius:26px; background:rgba(255,255,255,.94); box-shadow:0 14px 40px rgba(25,42,100,.055); }
.qt-wallet-guide__step--reverse { grid-template-columns:minmax(0,1.26fr) minmax(260px,.74fr); }
.qt-wallet-guide__step--reverse .qt-wallet-guide__step-copy { order:2; }
.qt-wallet-guide__step--reverse .qt-wallet-guide__step-visual { order:1; }
.qt-wallet-guide__step-copy { min-width:0; }
.qt-wallet-guide__step-number { display:inline-grid; place-items:center; width:45px; height:45px; border-radius:14px; color:#fff; background:linear-gradient(145deg,#df4e91,#ee85b3); box-shadow:0 9px 22px rgba(220,72,137,.18); font-size:15px; font-weight:950; }
.qt-wallet-guide__step h3 { margin:16px 0 10px; color:var(--qwg-ink); font-size:clamp(22px,2.4vw,28px); line-height:1.18; letter-spacing:-.025em; font-weight:950; }
.qt-wallet-guide__step-copy > p { margin:0; color:var(--qwg-text); font-size:15px; line-height:1.75; }
.qt-wallet-guide__mini-note { margin-top:17px; padding:13px 15px; border-left:4px solid #df9b45; border-radius:10px; color:#72582c; background:#fff8eb; font-size:13px; line-height:1.6; }
.qt-wallet-guide__mini-note--green { border-left-color:#2b9e61; color:#276344; background:#effaf3; }
.qt-wallet-guide__step-visual { min-width:0; margin:0; padding:10px; border:1px solid #e5eaf5; border-radius:20px; background:#f8faff; }
.qt-wallet-guide__step-visual img { display:block; width:100%; height:auto; max-height:620px; object-fit:contain; border-radius:13px; }
.qt-wallet-guide__step-visual figcaption { padding:9px 6px 2px; color:#8a96b0; font-size:11px; font-weight:750; text-align:center; }
.qt-wallet-guide__help-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:58px 0 68px; }
.qt-wallet-guide__help-card { display:flex; gap:16px; padding:24px; border:1px solid #f0dbe6; border-radius:22px; background:linear-gradient(145deg,#fff,#fff8fb); }
.qt-wallet-guide__help-card--blue { border-color:#dce5fb; background:linear-gradient(145deg,#fff,#f7f9ff); }
.qt-wallet-guide__help-icon { flex:0 0 43px; display:grid; place-items:center; width:43px; height:43px; border-radius:14px; color:#d74788; background:#ffedf5; font-size:21px; font-weight:950; }
.qt-wallet-guide__help-card--blue .qt-wallet-guide__help-icon { color:#4265d7; background:#edf2ff; }
.qt-wallet-guide__help-card h2 { margin:1px 0 8px; font-size:18px; line-height:1.3; }
.qt-wallet-guide__help-card p { margin:0 0 12px; color:var(--qwg-text); font-size:14px; line-height:1.65; }
.qt-wallet-guide__help-card a { color:#c63f7b; text-decoration:none; font-size:13px; font-weight:900; }
.qt-wallet-guide__help-card--blue a { color:#3158cc; }
.qt-wallet-guide__help-card a:hover { text-decoration:underline; }
.qt-wallet-guide__faq { margin:0 0 66px; }
.qt-wallet-guide__faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.qt-wallet-guide__faq-grid article { padding:21px 22px; border:1px solid var(--qwg-line); border-radius:18px; background:#fff; }
.qt-wallet-guide__faq-grid h3 { margin:0 0 8px; color:var(--qwg-ink); font-size:16px; line-height:1.4; }
.qt-wallet-guide__faq-grid p { margin:0; color:var(--qwg-text); font-size:14px; line-height:1.65; }
.qt-wallet-guide__final-cta { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:34px 38px; border:1px solid rgba(119,137,202,.2); border-radius:26px; background:linear-gradient(115deg,#fff,#f1f4ff); box-shadow:0 18px 48px rgba(24,38,94,.07); }
.qt-wallet-guide__final-cta h2 { margin:12px 0 7px; font-size:clamp(24px,3vw,34px); line-height:1.15; letter-spacing:-.035em; }
.qt-wallet-guide__final-cta p { max-width:600px; margin:0; color:var(--qwg-text); font-size:14px; line-height:1.65; }
.qt-wallet-guide__final-actions { flex:0 0 auto; margin:0; }
.qt-wallet-guide__disclaimer { margin:17px 0 0; color:#8691aa; font-size:12px; line-height:1.5; text-align:center; }
@media (max-width: 900px) {
  .qt-wallet-guide__hero { grid-template-columns:1fr; padding:38px; }
  .qt-wallet-guide__hero-art { min-height:220px; }
  .qt-wallet-guide__art-card { width:min(100%,400px); }
  .qt-wallet-guide__step,.qt-wallet-guide__step--reverse { grid-template-columns:1fr; }
  .qt-wallet-guide__step--reverse .qt-wallet-guide__step-copy,.qt-wallet-guide__step--reverse .qt-wallet-guide__step-visual { order:initial; }
  .qt-wallet-guide__step-visual img { max-height:none; }
  .qt-wallet-guide__final-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 600px) {
  .qt-wallet-guide__shell { width:min(100% - 26px,1180px); padding:18px 0 48px; }
  .qt-wallet-guide__hero { min-height:0; padding:27px 22px; border-radius:24px; }
  .qt-wallet-guide__hero h1 { font-size:39px; }
  .qt-wallet-guide__hero-copy > p { font-size:16px; }
  .qt-wallet-guide__hero-points { flex-direction:column; gap:8px; }
  .qt-wallet-guide__hero-art { min-height:205px; }
  .qt-wallet-guide__art-card { padding:22px; }
  .qt-wallet-guide__intro { margin:18px 0 48px; padding:18px; }
  .qt-wallet-guide__step { padding:16px; gap:18px; border-radius:20px; }
  .qt-wallet-guide__step h3 { font-size:22px; }
  .qt-wallet-guide__step-copy > p { font-size:14px; }
  .qt-wallet-guide__help-grid,.qt-wallet-guide__faq-grid { grid-template-columns:1fr; }
  .qt-wallet-guide__help-grid { margin:42px 0 52px; }
  .qt-wallet-guide__final-cta { padding:25px 22px; }
  .qt-wallet-guide__final-actions { width:100%; flex-direction:column; }
  .qt-wallet-guide__final-actions .qt-wallet-guide__button { width:100%; }
}