/* =========================================================================
   Pawtopia — kendi tasarım dili ("sanal oyuncak / sticker" teması)
   app.css'teki yapı korunur; renkler, yazı tipleri, butonlar, kartlar ve
   ana ekran (pet odası) burada baştan tanımlanır. Açık, pastel, yuvarlak.
   ========================================================================= */
:root {
  --bg: #fff3f8;
  --bg-2: #f1e9ff;
  --ink: #3a2a5c;            /* ana yazı */
  --ink-2: #6d5f8f;          /* ikincil yazı */
  --text: var(--ink);
  --muted: #8a7cad;
  --paper: #ffffff;
  --line: #eadcff;           /* sticker kenarı */
  --line-2: #d9c4ff;
  --drop: #e2d2ff;           /* sticker alt gölgesi */
  --pink: #ff5d9e; --pink-d: #d63c7d; --pink-l: #ffe1ee;
  --mint: #36d6a0; --mint-d: #1fa577; --mint-l: #dcfaee;
  --sky: #4cc3ff; --sky-d: #1e8fd0; --sky-l: #e1f4ff;
  --sun: #ffc93c; --sun-d: #d89a00; --sun-l: #fff4cf;
  --gold: #f5a300; --gold-2: #ff8a00;
  --cyan: #1e9fd6; --violet: #8a6bff; --green: #1fb37f; --red: #ff4d6d;
  --glass: #ffffff; --glass-2: #faf6ff;
  --stroke: var(--line); --stroke-2: var(--line-2);
  --radius: 24px; --radius-sm: 16px;
  --dock-h: 74px;
  --font: 'Nunito', -apple-system, 'Segoe UI', Roboto, 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans Thai', 'Noto Sans Bengali', 'Noto Sans Devanagari', sans-serif;
  --round: 'Fredoka', 'Nunito', 'Segoe UI', sans-serif;
}

/* ---------- temel ---------- */
html, body { background: var(--bg); }
body {
  color: var(--ink); font-family: var(--font); font-weight: 700;
  background:
    radial-gradient(1200px 600px at 110% -10%, #e9ddff 0%, transparent 60%),
    radial-gradient(900px 500px at -20% 30%, #ffe3f0 0%, transparent 60%),
    linear-gradient(180deg, #fff6fa 0%, #f6efff 100%) fixed;
}
.bg-glow {   /* pati deseni */
  background:
    radial-gradient(circle at 20px 20px, rgba(138,107,255,.07) 6px, transparent 7px) 0 0 / 64px 64px,
    radial-gradient(circle at 52px 52px, rgba(255,93,158,.06) 5px, transparent 6px) 0 0 / 64px 64px;
}
.muted, .note { color: var(--muted); }
.gold { color: #e08600; } .cyan { color: var(--sky-d); } .green { color: var(--mint-d); } .red { color: var(--red); }
.screen-title, .section-title, h2, h3, .sheet-head h3, .tour-title, .rules-title, .txwait-title { font-family: var(--round); font-weight: 700; letter-spacing: .1px; color: var(--ink); }
.section-title { font-size: 17px; margin: 18px 4px 10px; }
.num { font-variant-numeric: tabular-nums; }

/* ---------- sticker kart ---------- */
.card, .glass, .game-card, .verify-card, .launch-card, .tour-card, .rules-card, .txwait-card, .sheet, .drawer {
  background: var(--paper) !important; color: var(--ink);
  border: 2.5px solid var(--line) !important;
  box-shadow: 0 6px 0 var(--drop), 0 14px 28px rgba(108, 70, 200, .10) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
.card { border-radius: var(--radius); }

/* ---------- şeker butonlar ---------- */
.btn {
  font-family: var(--round); font-weight: 700; letter-spacing: .3px; border-radius: 999px; border: 0;
  transition: transform .08s ease, box-shadow .08s ease; text-transform: none;
}
.btn:active:not(:disabled) { transform: translateY(4px); box-shadow: 0 1px 0 var(--b, #0002) !important; }
.btn-lg { padding: 16px 20px; font-size: 19px; }
.btn-gold { --b: var(--pink-d); color: #fff; background: linear-gradient(180deg, #ff86b6, var(--pink)); box-shadow: 0 5px 0 var(--pink-d), 0 12px 22px rgba(255,93,158,.3); text-shadow: 0 1px 0 rgba(0,0,0,.12); }
.btn-cyan { --b: var(--sky-d); color: #fff; background: linear-gradient(180deg, #7fd6ff, var(--sky)); box-shadow: 0 5px 0 var(--sky-d), 0 12px 22px rgba(76,195,255,.28); }
.btn-green { --b: var(--mint-d); color: #fff; background: linear-gradient(180deg, #6fe8bd, var(--mint)); box-shadow: 0 5px 0 var(--mint-d), 0 12px 22px rgba(54,214,160,.28); }
.btn-ghost { --b: var(--line-2); color: var(--ink); background: #fff; border: 2.5px solid var(--line); box-shadow: 0 4px 0 var(--drop); }
.btn-danger { --b: #e5a3b4; color: var(--red); background: #fff0f3; border: 2.5px solid #ffc6d2; box-shadow: 0 4px 0 #ffd6df; }
.btn:disabled { filter: grayscale(.6); opacity: .55; box-shadow: none !important; }
.btn-sm { padding: 8px 14px; font-size: 14px; }
.link { color: var(--violet); }

/* ---------- üst çubuk ---------- */
.topbar { background: transparent; border-bottom: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.me-chip { background: #fff; border: 2.5px solid var(--line); border-radius: 999px; padding: 4px 14px 4px 4px; box-shadow: 0 4px 0 var(--drop); }
.me-name { font-family: var(--round); font-weight: 700; color: var(--ink); max-width: 36vw; }
.me-sub { color: var(--muted); font-weight: 800; }
.avatar { background: linear-gradient(135deg, #ffd1e6, #d9c8ff); box-shadow: 0 0 0 2.5px #fff, 0 0 0 5px var(--line); }
.balance-chip { background: #fff; border: 2.5px solid var(--line); box-shadow: 0 4px 0 var(--drop); color: var(--ink); font-family: var(--round); font-size: 16px; }
.balance-chip .plus { background: var(--pink); color: #fff; }
.icon-btn { background: #fff; border: 2.5px solid var(--line); border-radius: 50%; color: var(--ink); box-shadow: 0 4px 0 var(--drop); }
.net-badge { color: #b56b00; background: var(--sun-l); border-color: #ffd98a; }

/* ---------- pet odası ---------- */
.room { display: grid; gap: 12px; margin-bottom: 14px; }
.room-stats { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 6px; }
.rs { background: #fff; border: 2.5px solid var(--line); border-radius: 16px; padding: 7px 8px; box-shadow: 0 4px 0 var(--drop); min-width: 0; }
.rs .k { display: block; font-size: 10px; font-weight: 900; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rs b { display: block; font-family: var(--round); font-size: 15px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rs.bank { background: linear-gradient(180deg, #fff, var(--pink-l)); border-color: #ffc6dd; box-shadow: 0 4px 0 #ffd3e5; }
.rs.bank b { font-size: 17px; color: var(--pink-d); } .rs.bank small { font-size: 11px; }

.room-stage {
  position: relative; display: block; width: 100%; height: 300px; border-radius: 30px; overflow: hidden; cursor: pointer;
  border: 3px solid #fff; box-shadow: 0 0 0 2.5px var(--line), 0 8px 0 var(--drop), 0 18px 34px rgba(108,70,200,.16);
  background:
    linear-gradient(180deg, transparent 64%, #f9c9de 64%, #f4b3cf 100%),               /* zemin */
    repeating-linear-gradient(90deg, #fbe9ff 0 22px, #f6defd 22px 44px);                /* çizgili duvar kâğıdı */
}
.room-stage:active { transform: scale(.99); }
.room-window { position: absolute; top: 22px; left: 22px; width: 92px; height: 78px; border-radius: 16px; border: 6px solid #fff;
  background: linear-gradient(180deg, #8fd8ff, #c9ecff); box-shadow: inset 0 0 0 2px #e3d6ff, 0 3px 0 #ecdcff; }
.room-window::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 47%, #fff 47% 53%, transparent 53%), linear-gradient(180deg, transparent 47%, #fff 47% 53%, transparent 53%); }
.room-sun { position: absolute; top: 34px; left: 58px; width: 26px; height: 26px; border-radius: 50%; background: #ffe066; z-index: 1; box-shadow: 0 0 14px #ffe066; }
.room-rug { position: absolute; left: 50%; bottom: 26px; width: 230px; height: 46px; transform: translateX(-50%); border-radius: 50%;
  background: radial-gradient(ellipse, #fff 0 30%, #ffd3e8 31% 55%, #ffb8d6 56% 100%); opacity: .9; }
.room-pet { position: absolute; left: 50%; bottom: 34px; width: 190px; height: 190px; transform: translateX(-50%); display: grid; place-items: center; transition: filter .4s ease; }
.room-pet svg { width: 190px !important; height: 190px !important; }
.room-tag { position: absolute; top: 18px; right: 18px; display: grid; justify-items: end; gap: 4px; }
.room-tag b { font-family: var(--round); font-size: 24px; color: var(--ink); background: #fff; padding: 4px 14px; border-radius: 999px; border: 2.5px solid var(--line); box-shadow: 0 3px 0 var(--drop); }
.room-lvl { font-size: 12px; font-weight: 900; color: #fff; background: var(--violet); padding: 3px 10px; border-radius: 999px; box-shadow: 0 2px 0 #5b3fc4; }
.room-hint { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); font-size: 12px; font-weight: 900; color: #b45a85; background: rgba(255,255,255,.85); padding: 2px 10px; border-radius: 999px; white-space: nowrap; }

/* ruh hali: mutlu zıplar · acıkan sallanır + düşünce balonu · aç olan uyur (gri + 💤) */
.room-stage[data-mood="happy"] .room-pet { animation: pet-bounce 1.6s ease-in-out infinite; }
.room-stage[data-mood="peckish"] .room-pet { animation: pet-wobble 2.4s ease-in-out infinite; }
.room-stage[data-mood="peckish"] .room-pet::after { content: '🍖'; position: absolute; top: -6px; right: -10px; font-size: 30px; background: #fff; border-radius: 50%; width: 52px; height: 52px; display: grid; place-items: center; border: 2.5px solid var(--line); animation: pet-bubble 1.8s ease-in-out infinite; }
.room-stage[data-mood="hungry"] .room-pet { filter: grayscale(.55) brightness(.92); animation: pet-sleep 3s ease-in-out infinite; }
.room-stage[data-mood="hungry"] .room-pet::after { content: '💤'; position: absolute; top: 0; right: -6px; font-size: 34px; animation: pet-bubble 2.4s ease-in-out infinite; }
@keyframes pet-bounce { 0%, 100% { transform: translateX(-50%) translateY(0) scale(1, 1); } 45% { transform: translateX(-50%) translateY(-14px) scale(.97, 1.04); } 60% { transform: translateX(-50%) translateY(0) scale(1.05, .95); } }
@keyframes pet-wobble { 0%, 100% { transform: translateX(-50%) rotate(-3deg); } 50% { transform: translateX(-50%) rotate(3deg); } }
@keyframes pet-sleep { 0%, 100% { transform: translateX(-50%) scale(1, 1); } 50% { transform: translateX(-50%) scale(1.02, .97); } }
@keyframes pet-bubble { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }

/* tokluk çubuğu */
.pouch { background: #fff; border: 2.5px solid var(--line); border-radius: 20px; padding: 12px 14px; box-shadow: 0 5px 0 var(--drop); }
.pouch-head { display: flex; justify-content: space-between; align-items: center; font-weight: 900; font-size: 13.5px; color: var(--ink-2); margin-bottom: 8px; }
.pouch-head b { font-family: var(--round); font-size: 17px; color: var(--pink-d); }
.bar { height: 16px; border-radius: 999px; background: #f2eaff; border: 2px solid var(--line); overflow: hidden; }
.bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #6fe8bd, var(--mint)); box-shadow: inset 0 -3px 0 rgba(0,0,0,.08); transition: width .6s ease; }
.bar.low i { background: linear-gradient(90deg, #ffd36b, var(--sun)); }
.bar.full i { background: linear-gradient(90deg, #ff9db5, var(--red)); width: 6% !important; }
.claim-foot { margin-top: 8px; font-size: 13px; font-weight: 800; color: var(--muted); text-align: center; }
.bar.full + .claim-foot { color: var(--red); }
.boost-banner { background: var(--sun-l); border: 2.5px solid #ffd98a; color: #8a5a00; border-radius: 16px; font-weight: 900; }

/* pet seçici */
.pet-picker { display: flex; gap: 10px; overflow-x: auto; padding: 4px 2px 12px; margin-bottom: 6px; scrollbar-width: none; }
.pet-picker::-webkit-scrollbar { display: none; }
.pp { position: relative; flex: none; width: 74px; display: grid; justify-items: center; gap: 2px; padding: 6px 0 6px; border-radius: 22px; background: #fff; border: 2.5px solid var(--line); box-shadow: 0 4px 0 var(--drop); }
.pp .pp-ico svg { width: 56px !important; height: 56px !important; }
.pp .pp-lv { font-size: 11px; font-weight: 900; color: var(--ink-2); }
.pp.sel { border-color: var(--pink); box-shadow: 0 4px 0 var(--pink-d); background: var(--pink-l); }
.pp[data-mood="peckish"]::after, .pp[data-mood="hungry"]::after { content: ''; position: absolute; top: 4px; right: 6px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; }
.pp[data-mood="peckish"]::after { background: var(--sun); }
.pp[data-mood="hungry"]::after { background: var(--red); }
.pp.egg { opacity: .55; } .pp.egg.next { opacity: 1; border-style: dashed; border-color: var(--violet); }
.pp.egg .pp-lv { font-size: 15px; color: var(--violet); }

/* bekleyen cüzdan / otomatik toplama */
.need-wallet { background: var(--sky-l); border: 2.5px dashed #9ad8ff; border-radius: 20px; color: var(--ink); }
.need-wallet .nw-desc { color: var(--ink-2); }
.autoclaim-row { background: #fff; border: 2.5px solid var(--line); border-radius: 18px; box-shadow: 0 4px 0 var(--drop); color: var(--ink); }
.autoclaim-row.on { border-color: #ffd98a; background: var(--sun-l); }
.autoclaim-row .ac-s { color: var(--muted); }

/* ---------- liste öğeleri / kartlar ---------- */
.item { background: #fff; border: 2.5px solid var(--line); border-radius: 20px; box-shadow: 0 4px 0 var(--drop); color: var(--ink); }
.item .title { font-family: var(--round); font-weight: 700; font-size: 16px; color: var(--ink); }
.item .sub-t { color: var(--muted); }
.item .ico { background: #faf5ff; border-radius: 16px; }
.item.locked { opacity: .6; background: #fbf8ff; }
.item.next-lock { border-style: dashed; border-color: var(--violet); }
.item.full { border-color: #ffb3c4; background: #fff6f8; }
.item.me { border-color: var(--pink); background: var(--pink-l); }
.lvl { background: var(--violet); color: #fff; border: 0; box-shadow: 0 2px 0 #5b3fc4; }
.mini-bar { background: #f2eaff; } .mini-bar i { background: linear-gradient(90deg, #ffd36b, var(--pink)); }
.empty { color: var(--muted); background: #fff; border: 2.5px dashed var(--line-2); border-radius: 20px; }
.segmented { background: #fff; border: 2.5px solid var(--line); border-radius: 999px; padding: 4px; box-shadow: 0 4px 0 var(--drop); }
.seg { border-radius: 999px; color: var(--ink-2); font-family: var(--round); font-weight: 600; }
.seg.active { background: var(--violet); color: #fff; box-shadow: 0 3px 0 #5b3fc4; }
.chip { background: #fff; border: 2.5px solid var(--line); color: var(--ink); border-radius: 999px; box-shadow: 0 3px 0 var(--drop); font-family: var(--round); }
.chip.active { background: var(--pink); border-color: var(--pink); color: #fff; box-shadow: 0 3px 0 var(--pink-d); }
.pill, .badge { font-weight: 900; }
.pill { background: #fff; border: 2px solid var(--line); color: var(--ink-2); }
.shop-card, .tile, .stat, .kv, .streak-cell, .ac-plan, .lang-row, .req, .vc-step, .lc-unit, .gr-row, .wallet-box, .receive, .ref-link {
  background: #fff !important; border: 2.5px solid var(--line) !important; color: var(--ink); box-shadow: 0 4px 0 var(--drop);
}
.shop-card .name, .stat .v, .kv .v, .receive .v { font-family: var(--round); color: var(--ink); }
.shop-card .vis { background: linear-gradient(180deg, #fff, #f6efff); border-radius: 18px; }
.shop-card .price { color: var(--pink-d); font-family: var(--round); }
.streak-cell.done { background: var(--mint-l) !important; border-color: #9fe9cb !important; }
.streak-cell.today { background: var(--pink-l) !important; border-color: var(--pink) !important; box-shadow: 0 4px 0 var(--pink-d); }
.streak-cell .r { color: var(--ink); }
.req.met { border-color: #9fe9cb !important; background: var(--mint-l) !important; }
.req .mark { background: #f2eaff; color: var(--ink-2); } .req.met .mark { background: var(--mint); color: #fff; }
.ac-plan.sel, .lang-row.active, .tile.active { border-color: var(--pink) !important; background: var(--pink-l) !important; box-shadow: 0 4px 0 var(--pink-d); }
.field input, .input-wrap input, .input-wrap { background: #fff; border: 2.5px solid var(--line); color: var(--ink); border-radius: 16px; }
.field input:focus { border-color: var(--violet); box-shadow: 0 0 0 4px rgba(138,107,255,.15); }
.status-pending { background: var(--sun-l); color: #a06a00; } .status-paid { background: var(--mint-l); color: var(--mint-d); } .status-rejected { background: #ffe8ec; color: var(--red); }
.prose p, .vc-gift, .tour-text, .lc-desc, .rules-body, .rules-agree, .vc-note, .nw-desc, .burn-note { color: var(--ink-2) !important; }
.lc-unit b { color: var(--ink) !important; font-family: var(--round); }
.launch-card { background: linear-gradient(180deg, #fff, var(--sun-l)) !important; border-color: #ffd98a !important; box-shadow: 0 6px 0 #ffe3a6 !important; }
.lc-head { color: #c47a00; }
.dex-btn { color: var(--sky-d); border-color: #9ad8ff; }
.burn-note { background: #fff4ec; border-color: #ffd2b8; }
.rank.r2 { color: #8a9bb8; } .rank.r3 { color: #d27a3a; }
.switch { background: #e6dcff; } .switch:checked { background: var(--mint); }

/* ---------- alt menü: yüzen beyaz kapsül, aktif sekme pembe balon ---------- */
.dock {
  left: 12px; right: 12px; bottom: calc(var(--safe-bottom) + 12px); border-radius: 999px; padding: 0 8px;
  background: #fff; border: 2.5px solid var(--line); box-shadow: 0 6px 0 var(--drop), 0 16px 30px rgba(108,70,200,.18);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
.dock-item { color: var(--muted); font-family: var(--round); font-weight: 600; font-size: 11px; }
.dock-item .ico { width: 40px; height: 34px; border-radius: 14px; filter: none; color: var(--ink-2); transition: transform .18s cubic-bezier(.3,1.6,.5,1), background .18s ease; }
.dock-item.active { color: var(--pink-d); }
.dock-item.active .ico { background: var(--pink-l); color: var(--pink-d); transform: translateY(-4px) scale(1.08); }
.dock-item.center .ico, .dock-item.center.active .ico {
  width: 66px; height: 66px; margin-top: -34px; border-radius: 50%; color: #fff;
  background: linear-gradient(180deg, #ff86b6, var(--pink)); border: 4px solid #fff;
  box-shadow: 0 0 0 2.5px var(--line), 0 6px 0 var(--pink-d), 0 12px 22px rgba(255,93,158,.35); transform: none;
}
.dock-item.center .ico svg ellipse { fill: #fff; }
.rewards-pop { background: #fff; border: 2.5px solid var(--line); box-shadow: 0 6px 0 var(--drop), 0 16px 30px rgba(108,70,200,.18); }
.rewards-pop::after { background: #fff; border-color: var(--line); }
.rp-item { color: var(--ink); font-family: var(--round); } .rp-item.active { background: var(--pink-l); color: var(--pink-d); }
.drawer-item { color: var(--ink); background: #fff; border: 2.5px solid var(--line); border-radius: 18px; box-shadow: 0 3px 0 var(--drop); font-family: var(--round); }
.drawer-head { color: var(--ink); font-family: var(--round); }
.drawer-backdrop, .sheet-backdrop, .rewards-pop-backdrop { background: rgba(58, 42, 92, .35); }
.sheet { border-radius: 30px 30px 0 0; }
.sheet-grip { background: var(--line-2); }
.toast { background: #fff; color: var(--ink); border: 2.5px solid var(--line); box-shadow: 0 6px 0 var(--drop); border-radius: 18px; }
.toast.success { border-color: #9fe9cb; } .toast.error { border-color: #ffb3c4; }
.splash { background: linear-gradient(180deg, #fff6fa, #f1e9ff); color: var(--ink); font-family: var(--round); }
.spinner { border-color: #eadcff; border-top-color: var(--pink); }
.tour-spot { box-shadow: 0 0 0 9999px rgba(58, 42, 92, .55); border-radius: 20px; }
.tour-dots i { background: var(--line-2); } .tour-dots i.on { background: var(--pink); }
.rules, .txwait { background: rgba(58, 42, 92, .45); }
.rules-body { background: #fbf8ff !important; border: 2px solid var(--line) !important; }
.txwait-ico { background: var(--sky-l); border-color: #9ad8ff; }
.txwait-ico.ok { background: var(--mint-l); border-color: #9fe9cb; color: var(--mint-d); }

/* ---------- mini oyun: gündüz bahçesi ---------- */
.game-card { text-align: center; }
.game-ov { background: linear-gradient(180deg, #bfe8ff 0%, #e8f7ff 55%, #c9f2d9 55%, #9fe3bd 100%); }
.game-top { color: var(--ink); font-family: var(--round); }
.game-hint { color: var(--ink-2); }
.game-chips span { background: #fff; border: 2px solid var(--line); color: var(--ink-2); }

/* ---------- tanıtım sayfası: açık pastel ---------- */
body.landing-mode { background: linear-gradient(180deg, #fff6fa, #f1e9ff); }
.landing { --p-gold: #f5a300; --p-aqua: var(--pink); --p-cyan: var(--sky-d); --p-violet: var(--violet); --p-card: #fff; --p-line: var(--line); color: var(--ink); }
.ph-shade { background: linear-gradient(180deg, rgba(42,31,94,.25), transparent 30%, transparent 75%, #fff6fa 100%); }
.ph-title, .ph-brand { font-family: var(--round) !important; }
.ph-title span { color: #ffd23f; }
.ph-play { background: linear-gradient(180deg, #ff86b6, var(--pink)) !important; color: #fff !important; box-shadow: 0 5px 0 var(--pink-d) !important; font-family: var(--round); border-radius: 999px !important; }
.ph-ghost { background: #fff !important; color: var(--ink) !important; border: 2.5px solid var(--line) !important; box-shadow: 0 4px 0 var(--drop); }
.ph-mini { background: #fff !important; color: var(--pink-d) !important; box-shadow: 0 3px 0 var(--drop) !important; }
.pticker { background: var(--violet); color: #fff; }
.pm-card, .pstep, .pfeat-card, .proad-item, .ptoken-spec, .pfaq details { background: #fff !important; border: 2.5px solid var(--line) !important; color: var(--ink) !important; box-shadow: 0 6px 0 var(--drop) !important; backdrop-filter: none !important; }
.pm-card b, .ph2, .pstep h3, .pfeat-card h3, .proad-item h3, .pfaq summary { color: var(--ink) !important; font-family: var(--round); }
.pm-card .k, .pm-card .s, .pstep p, .pfeat-card p, .proad-item li, .pfaq p, .pabout-text p, .ptoken-spec span { color: var(--ink-2) !important; }
.peye { color: var(--pink-d) !important; }
.pcta::before { background: linear-gradient(180deg, #fff6fa, rgba(255,246,250,.2) 35%, rgba(241,233,255,.3) 75%, #f1e9ff); }
.pcta h2 { color: var(--ink); font-family: var(--round); }
.pfoot, .pfoot a { color: var(--ink-2) !important; }
.proad-dot { border-color: #fff6fa; }

/* RTL: kenar etiketleri ters */
[dir="rtl"] .room-tag { right: auto; left: 18px; justify-items: start; }
[dir="rtl"] .room-window { left: auto; right: 22px; } [dir="rtl"] .room-sun { left: auto; right: 58px; }