@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/plex-arabic-400.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/plex-latin-ext-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/plex-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/plex-arabic-700.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/plex-latin-ext-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Plex Arabic'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/plex-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ============ tokens ============ */
:root {
  /* هوية KAYA GLOBAL (docs/brand): أسود، أبيض، وأحمر الشعار. اسم المتغير --gold بقي للتوافق، وقيمته الأحمر */
  --ink: #050505;
  --ink2: #0c0c0d;
  --panel: #121214;
  --panel2: #1a1a1d;
  --rule: #26262a;
  --paper: #f5f5f5;
  --muted: #8d8d93;
  --gold: #DE261A;
  --pass: #3fbf7f;
  --watch: #e6a23c;
  --fail: #ff5545;
  --up: #3fbf7f;
  --down: #ff5545;
  --on-gold: #ffffff;
  --gold-t: #ff5545; /* الأحمر للنصوص الصغيرة: نفس لون الهوية بإضاءة أعلى ليُقرأ على الأسود */
  --display: "Helvetica Neue", Helvetica, Arial, "Plex Arabic", sans-serif; /* خط شعار KAYA GLOBAL؛ العربية تأخذ Plex تلقائياً */
  --brand: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body: "Plex Arabic", system-ui, sans-serif;
  --mono: "Plex Arabic", system-ui, sans-serif;
  --ease: cubic-bezier(.2, .8, .2, 1);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --ink: #ffffff;
  --ink2: #f3f3f4;
  --panel: #fafafa;
  --panel2: #ececee;
  --rule: #dcdce0;
  --paper: #0a0a0a;
  --muted: #62626a;
  --gold: #DE261A;
  --pass: #146b3c;
  --watch: #8a5a06;
  --fail: #a8170c;
  --up: #146b3c;
  --down: #a8170c;
  --on-gold: #ffffff;
  --gold-t: #a8170c;
  color-scheme: light;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--body);
  background: var(--ink);
  color: var(--paper);
  line-height: 1.65;
  min-height: 100vh;
  display: flex; flex-direction: column;
  overflow-x: clip;
}
main { flex: 1; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; }
::selection { background: var(--gold); color: var(--on-gold); }
.wrap { width: min(1200px, 100% - 32px); margin-inline: auto; }
.muted { color: var(--muted); }
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
h1, h2, h3, .logo { font-weight: 700 !important; letter-spacing: -.01em; }
:root:lang(ar) h1, :root:lang(ar) h2, :root:lang(ar) h3 { letter-spacing: 0; line-height: 1.35; }
.gold { color: var(--gold-t); }
svg { display: block; }

/* split words */
.w { display: inline-block; overflow: hidden; vertical-align: top; padding-block: .1em; margin-block: -.1em; }
.wi { display: inline-block; }

/* ============ header ============ */
#site-header { position: fixed; top: 0; inset-inline: 0; z-index: 60; transition: transform .35s var(--ease), background .3s, border-color .3s; border-bottom: 1px solid transparent; }
#site-header.scrolled { background: color-mix(in srgb, var(--ink) 94%, transparent); border-color: var(--rule); }
#site-header.hide { transform: translateY(-100%); }
.nav { display: flex; align-items: center; gap: 28px; height: 72px; }
.logo { display: flex; align-items: center; gap: 10px; font-family: var(--display); font-size: 1.3rem; font-weight: 600; }
.logo .ak { height: 34px; width: auto; display: block; transition: transform .35s var(--ease); }
.logo:hover .ak { transform: rotate(-8deg); }
.logo .ak-l { display: none; }
:root[data-theme="light"] .logo .ak-d { display: none; }
:root[data-theme="light"] .logo .ak-l { display: block; }
.logo .wm { font-family: var(--brand); font-weight: 700; font-size: 1.05rem; letter-spacing: .06em; direction: ltr; white-space: nowrap; }
.links { display: flex; gap: 2px; margin-inline-start: 12px; }
.nl { position: relative; padding: 8px 14px; font-weight: 500; color: var(--muted); display: inline-flex; align-items: center; gap: 6px; transition: color .2s; }
.nl.active, .nl:hover { color: var(--paper); }
.nl::after { content: ""; position: absolute; inset-inline: 14px; bottom: 2px; height: 2px; background: var(--gold); transform: scaleX(0); transition: transform .3s var(--ease); }
.nl.active::after, .nl:hover::after { transform: scaleX(1); }
.nl.soon { cursor: default; opacity: .55; }
.nl.soon::after { display: none; }
.tag { font-size: .82rem; padding: 2px 8px; border: 1px solid var(--gold); color: var(--gold-t); border-radius: 99px; white-space: nowrap; }
.nav-tools { margin-inline-start: auto; display: flex; align-items: center; gap: 10px; }
.lang { position: relative; display: flex; border: 1px solid var(--rule); border-radius: 99px; padding: 3px; }
.lang button { position: relative; z-index: 1; border: 0; background: none; padding: 5px 11px; font-family: var(--mono); font-size: .82rem; font-weight: 500; color: var(--muted); transition: color .25s; }
.lang button.on { color: var(--on-gold); }
.pill { position: absolute; top: 3px; bottom: 3px; border-radius: 99px; background: var(--gold); transition: left .35s var(--ease), width .35s var(--ease); }
.ibtn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--rule); background: none; display: grid; place-items: center; transition: border-color .2s; }
.ibtn:hover { border-color: var(--gold); }
.ibtn svg { width: 18px; height: 18px; }
.menu-btn { display: none; }
/* CoinScan 2026-10-12: Kaya Global ana sayfasına dönüş (masaüstünde yazılı hap, telefonda yalnız ikon) */
.kg-home { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 1px solid var(--line2, var(--rule)); border-radius: 99px; color: var(--muted); font-size: .85rem; font-weight: 500; white-space: nowrap; text-decoration: none; transition: border-color .2s, color .2s; }
.kg-home:hover { border-color: var(--gold); color: var(--gold-t, var(--gold)); }
.kg-home svg { width: 17px; height: 17px; flex: none; }
@media (max-width: 640px) { .kg-home { width: 38px; padding: 0; justify-content: center; } .kg-home span { display: none; } }
@media (max-width: 359px) { .kg-home { display: none; } }
/* CoinScan 2026-10-12: yönetici girişi (masaüstü; telefonda yalnız açılır menüde — başlıkta yer yok) */
.cs-login { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 1px solid color-mix(in srgb, var(--gold) 55%, transparent); border-radius: 99px; color: var(--gold-t, var(--gold)); font-size: .85rem; font-weight: 600; white-space: nowrap; text-decoration: none; transition: border-color .2s, background .2s; }
.cs-login:hover { border-color: var(--gold); background: color-mix(in srgb, var(--gold) 12%, transparent); }
.cs-login svg { width: 16px; height: 16px; flex: none; }
@media (max-width: 1240px) { .cs-login { width: 38px; padding: 0; justify-content: center; } .cs-login span { display: none; } }
@media (max-width: 640px) { .cs-login { display: none; } }
.mob-menu { position: fixed; inset: 72px 0 auto; z-index: 55; background: var(--ink2); border-bottom: 1px solid var(--rule); padding: 8px 16px 20px; display: flex; flex-direction: column; transform: translateY(-8px); opacity: 0; pointer-events: none; transition: .25s var(--ease); }
.mob-menu.open { transform: none; opacity: 1; pointer-events: auto; }
.mob-menu a { font-size: 1.15rem; padding: 14px 0; border-bottom: 1px solid var(--rule); }

/* ============ buttons ============ */
.btn {
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 26px; border-radius: 12px; border: 1px solid var(--rule);
  font-weight: 600; overflow: hidden; isolation: isolate;
  transition: color .3s var(--ease), border-color .3s, transform .15s;
}
.btn::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--gold); transform: scaleY(0); transform-origin: bottom; transition: transform .3s var(--ease); }
.btn:hover::before { transform: scaleY(1); }
.btn:hover { color: var(--on-gold); border-color: var(--gold); }
.btn:active { transform: scale(.97); }
.btn .arr { width: 18px; height: 18px; transition: transform .3s var(--ease); }
[dir="rtl"] .btn .arr { transform: scaleX(-1); }
.btn:hover .arr { transform: translateX(4px); }
[dir="rtl"] .btn:hover .arr { transform: scaleX(-1) translateX(4px); }
.btn-gold { background: var(--gold); color: var(--on-gold); border-color: var(--gold); }
.btn-gold::before { background: var(--paper); }
.btn-gold:hover { color: var(--ink); border-color: var(--paper); }

/* ============ hero ============ */
.hero { position: relative; padding: 140px 0 70px; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);
  background-size: 64px 64px; opacity: .35;
  mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 30%, transparent 75%); }
.hero-line { position: absolute; inset-inline: 0; bottom: 0; height: 55%; width: 100%; pointer-events: none; opacity: .5; }
.hero-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .85rem; color: var(--gold-t); font-weight: 500; }
.eyebrow::before { content: ""; width: 22px; height: 10px; background: linear-gradient(var(--gold), var(--gold)) 0 6px / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 6px 6px / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 12px 6px / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 9px 0 / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 18px 2px / 3px 3px no-repeat; }
.hero h1 { font-family: var(--display); font-weight: 600; font-size: clamp(2.4rem, 5.4vw, 4.6rem); line-height: 1.15; margin: 20px 0; }
.hero p.lead { color: var(--muted); font-size: 1.1rem; }
.cta { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }

/* hero chart card */
.hcard { position: relative; background: var(--panel); border: 1px solid var(--rule); border-radius: 20px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(0,0,0,.6); }
.hc-head { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--rule); }
.hc-head .name b { display: block; font-weight: 600; line-height: 1.2; }
.hc-head .name small { font-family: var(--mono); font-size: .82rem; color: var(--muted); }
.hc-head .px { margin-inline-start: auto; text-align: end; }
.hc-head .px .mono { display: block; font-size: 1.35rem; font-weight: 500; padding: 0 4px; border-radius: 6px; }
.hc-chart { position: relative; height: 230px; direction: ltr; }
.hc-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.hc-list { border-top: 1px solid var(--rule); }
.hc-row { display: grid; grid-template-columns: auto 1fr auto auto; gap: 12px; align-items: center; padding: 12px 20px; border-bottom: 1px solid var(--rule); transition: background .2s; }
.hc-row:last-child { border-bottom: 0; }
.hc-row:hover { background: var(--panel2); }
.hc-row b { font-weight: 600; }
.hc-row .mono { padding: 0 4px; border-radius: 6px; }
.candle.up rect, .candle.up line { fill: var(--up); stroke: var(--up); }
.candle.dn rect, .candle.dn line { fill: var(--down); stroke: var(--down); }
.candle line { stroke-width: 1; }
.lvl { stroke: var(--gold); stroke-dasharray: 4 5; stroke-width: 1; }
.lvl-t { fill: var(--gold); font-family: var(--mono); font-size: 12.5px; }
.gridline { stroke: var(--rule); stroke-width: 1; }

/* ============ ticker ============ */
.ticker { border-block: 1px solid var(--rule); background: var(--ink2); overflow: hidden; padding: 12px 0; direction: ltr; }
.track { display: flex; width: max-content; }
.tk { display: flex; align-items: center; gap: 10px; padding-inline: 28px; border-inline-end: 1px solid var(--rule); white-space: nowrap; transition: color .2s; }
.tk:hover { color: var(--gold-t); }
.tk .sym { font-weight: 600; }

/* ============ shared ============ */
.coin-ic { --c: #888; flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-family: var(--mono); font-weight: 600; font-size: .8rem; color: #fff; background: var(--c); }
.coin-ic img { width: 100%; height: 100%; border-radius: 50%; }
.coin-ic.sm { width: 24px; height: 24px; font-size: .65rem; }
.coin-ic.xl { width: 64px; height: 64px; font-size: 1.4rem; }
.chg { font-family: var(--mono); font-size: .85rem; white-space: nowrap; direction: ltr; unicode-bidi: isolate; }
.chg.up { color: var(--up); } .chg.down { color: var(--down); }
.st { display: inline-flex; align-items: center; gap: 7px; font-size: .82rem; font-weight: 600; padding: 3px 11px 3px 9px; border-radius: 99px; background: color-mix(in srgb, currentColor 12%, transparent); white-space: nowrap; }
.st i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.st-pass { color: var(--pass); } .st-watch { color: var(--watch); } .st-fail { color: var(--fail); }
.flash-up { animation: fu 1s; } .flash-down { animation: fd 1s; }
@keyframes fu { 0% { background: color-mix(in srgb, var(--up) 35%, transparent); } }
@keyframes fd { 0% { background: color-mix(in srgb, var(--down) 35%, transparent); } }
.meter { position: relative; height: 4px; border-radius: 99px; background: var(--rule); flex: 1; min-width: 60px; overflow: hidden; }
.meter i { position: absolute; inset-block: 0; inset-inline-start: 0; width: var(--v); border-radius: inherit; transform-origin: right; }
[dir="ltr"] .meter i { transform-origin: left; }
.m-pass { background: var(--pass); } .m-watch { background: var(--watch); } .m-fail { background: var(--fail); }
.live { display: inline-flex; align-items: center; gap: 8px; font-size: .82rem; color: var(--muted); }
.live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--up); animation: ping 1.6s infinite; }
.live.off::before { background: var(--muted); animation: none; }
@keyframes ping { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--up) 60%, transparent); } 70%, 100% { box-shadow: 0 0 0 7px transparent; } }

/* ============ sections ============ */
section { padding: 96px 0; position: relative; }
.sec-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 32px; flex-wrap: wrap; }
.sec-head h2 { font-family: var(--display); font-weight: 600; font-size: clamp(1.8rem, 3.6vw, 2.8rem); line-height: 1.15; }

/* stats */
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); border-radius: 18px; overflow: hidden; }
.stat { padding: 26px 24px; background: var(--ink); }
.stat b { display: block; font-family: var(--mono); font-size: clamp(2rem, 4vw, 3rem); line-height: 1; font-weight: 500; }
.stat > span { color: var(--muted); font-size: .88rem; display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.stat > span i { width: 8px; height: 8px; border-radius: 50%; }
.s-pass b { color: var(--pass); } .s-watch b { color: var(--watch); } .s-fail b { color: var(--fail); }

/* coin cards */
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ccard { display: flex; flex-direction: column; gap: 16px; padding: 22px; background: var(--panel); border: 1px solid var(--rule); border-radius: 18px; transition: transform .3s var(--ease), border-color .3s; }
.ccard:hover { transform: translateY(-4px); border-color: var(--gold); }
.cc-top { display: flex; align-items: center; gap: 12px; }
.cc-top .st { margin-inline-start: auto; }
.cc-name b { display: block; font-weight: 600; line-height: 1.2; }
.cc-name small { font-family: var(--mono); color: var(--muted); font-size: .82rem; }
.cc-price { display: flex; justify-content: space-between; align-items: baseline; }
.cc-price .mono { font-size: 1.45rem; padding: 0 4px; border-radius: 6px; }
.ccard .spark { width: 100%; height: 64px; }
.cc-score { display: flex; align-items: center; gap: 12px; font-size: .82rem; color: var(--muted); }
.cc-score b { font-family: var(--mono); color: var(--paper); }

/* criteria */
.crit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cr { padding: 26px 22px; border: 1px solid var(--rule); border-radius: 18px; background: var(--panel); transition: border-color .3s, transform .3s var(--ease); }
.cr:hover { border-color: var(--gold); transform: translateY(-4px); }
.cr-top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 22px; }
.cr svg { width: 44px; height: 44px; color: var(--gold-t); }
.cr svg * { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.cr .n { font-family: var(--mono); font-size: .82rem; color: var(--muted); }
.cr h3 { font-size: 1.15rem; font-weight: 600; margin-bottom: 6px; }
.cr p { color: var(--muted); font-size: .92rem; }

/* TA teaser */
.ta { border-radius: 20px; border: 1px solid var(--rule); background: var(--panel); overflow: hidden; display: grid; grid-template-columns: .8fr 1.2fr; }
.ta-copy { padding: 44px; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 14px; }
.ta-copy h3 { font-family: var(--display); font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.2; font-weight: 600; }
.ta-copy p { color: var(--muted); }
.ta-chart { position: relative; min-height: 320px; border-inline-start: 1px solid var(--rule); direction: ltr; }
.ta-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; }

/* page head */
.phead { position: relative; padding: 140px 0 40px; overflow: hidden; }
.phead h1 { font-family: var(--display); font-weight: 600; font-size: clamp(2.4rem, 6vw, 4.4rem); line-height: 1.1; margin-top: 14px; }
.phead p { color: var(--muted); font-size: 1.05rem; margin-top: 10px; }
.phead .hero-line { height: 100%; opacity: .3; }

/* ============ table ============ */
.toolbar { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.chips { position: relative; display: flex; gap: 2px; padding: 3px; border: 1px solid var(--rule); border-radius: 99px; }
.chip { position: relative; z-index: 1; padding: 8px 16px; border: 0; background: none; font-weight: 600; font-size: .88rem; color: var(--muted); border-radius: 99px; transition: color .25s; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.chip i { width: 7px; height: 7px; border-radius: 50%; }
.chip.on { color: var(--on-gold); }
.tb-end { display: flex; gap: 10px; flex: 1; justify-content: flex-end; min-width: 280px; }
.field { position: relative; flex: 1; max-width: 320px; }
.field svg { position: absolute; inset-inline-start: 14px; top: 50%; translate: 0 -50%; width: 16px; height: 16px; color: var(--muted); }
.search, .select { width: 100%; padding: 11px 16px; border-radius: 12px; border: 1px solid var(--rule); background: transparent; outline: none; transition: border-color .2s; }
.search { padding-inline-start: 40px; }
.select { width: auto; }
.select option { background: var(--panel); }
.search:focus, .select:focus { border-color: var(--gold); }

.tbl { border: 1px solid var(--rule); border-radius: 18px; overflow: hidden; }
.tr { display: grid; grid-template-columns: 36px 1.7fr 1.1fr .9fr 1fr 1.1fr 1fr 1.2fr; align-items: center; gap: 14px; padding: 16px 18px; border-top: 1px solid var(--rule); transition: background .2s; }
.tr.th { border-top: 0; color: var(--muted); font-size: .82rem; font-weight: 600; padding-block: 12px; background: var(--ink2); }
a.tr:hover { background: var(--panel); }
.td-idx { font-family: var(--mono); font-size: .82rem; color: var(--muted); }
.td-coin { display: flex; align-items: center; gap: 12px; }
.td-coin b { display: block; font-weight: 600; line-height: 1.2; transition: color .2s; }
a.tr:hover .td-coin b { color: var(--gold-t); }
.td-coin small { font-family: var(--mono); font-size: .82rem; color: var(--muted); }
.num { text-align: end; }
.num.mono { padding: 0 4px; border-radius: 6px; }
.tr .spark { width: 110px; height: 32px; }
.td-score { display: flex; align-items: center; gap: 10px; }
.td-score b { font-family: var(--mono); font-size: .82rem; min-width: 34px; }
.empty { padding: 60px; text-align: center; color: var(--muted); }

/* ============ coin page ============ */
.back { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); margin: 110px 0 24px; font-weight: 500; transition: color .2s; }
.back:hover { color: var(--gold-t); }
.back svg { width: 18px; height: 18px; }
[dir="ltr"] .back svg { transform: scaleX(-1); }
.ch { display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; padding-bottom: 28px; border-bottom: 1px solid var(--rule); }
.ch-id { display: flex; gap: 18px; align-items: center; }
.ch h1 { font-family: var(--display); font-weight: 600; font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.1; }
.ch h1 small { font-family: var(--mono); font-size: .38em; color: var(--muted); margin-inline-start: 10px; }
.ch-price { display: flex; align-items: center; gap: 14px; margin-top: 16px; flex-wrap: wrap; }
.ch-price .mono { font-size: clamp(1.7rem, 3vw, 2.4rem); padding: 0 6px; border-radius: 8px; }
.ring { position: relative; width: 150px; height: 150px; }
.ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.ring circle { fill: none; stroke-width: 8; }
.ring .bg { stroke: var(--rule); }
.ring-v { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.ring-v b { font-family: var(--mono); font-size: 2.4rem; line-height: 1; font-weight: 500; }
.ring-v span { font-size: .82rem; color: var(--muted); margin-top: 6px; }

.chart { position: relative; height: 320px; margin: 28px 0; direction: ltr; }
.chart svg { width: 100%; height: 100%; overflow: visible; }
.chart .hl { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--gold); opacity: 0; pointer-events: none; }
.chart .tip { position: absolute; top: 0; padding: 5px 9px; border-radius: 8px; background: var(--gold); color: var(--on-gold); font-family: var(--mono); font-size: .82rem; opacity: 0; pointer-events: none; transform: translate(-50%, -120%); white-space: nowrap; }
.chart .dot { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--gold); opacity: 0; pointer-events: none; }

.tabs { position: relative; display: flex; gap: 4px; border-bottom: 1px solid var(--rule); margin-bottom: 28px; overflow-x: auto; scrollbar-width: none; }
.tab { padding: 14px 18px; border: 0; background: none; font-weight: 600; color: var(--muted); white-space: nowrap; transition: color .2s; display: flex; align-items: center; gap: 8px; }
.tab.on, .tab:hover { color: var(--paper); }
.tabs .ink { position: absolute; bottom: -1px; height: 2px; background: var(--gold); transition: left .35s var(--ease), width .35s var(--ease); }
.pane { min-height: 240px; margin-bottom: 64px; }
.about { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; }
.about .lead { font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.6; }
.kv { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--rule); border: 1px solid var(--rule); border-radius: 14px; overflow: hidden; }
.kv div { padding: 14px 16px; background: var(--ink); display: flex; justify-content: space-between; gap: 12px; }
.kv span { color: var(--muted); font-size: .85rem; }
.kv b { font-family: var(--mono); font-weight: 500; font-size: .92rem; }
.verdict { display: grid; grid-template-columns: auto 1fr; gap: 56px; align-items: start; }
.verdict-big { font-family: var(--display); font-size: clamp(2.4rem, 5vw, 3.6rem); line-height: 1.1; font-weight: 600; margin-top: 4px; }
.reasons { list-style: none; margin-top: 8px; }
.reasons li { display: flex; gap: 14px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--rule); }
.reasons li::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 2px; background: var(--gold); transform: translateY(-1px); }
.soon-pane { text-align: center; padding: 48px 0; }
.soon-pane svg { width: 72px; height: 72px; margin: 0 auto 16px; color: var(--gold-t); }
.soon-pane h3 { font-family: var(--display); font-size: 1.6rem; }
.soon-pane p { color: var(--muted); margin-top: 8px; }

/* ============ footer ============ */
#site-footer { margin-top: 40px; border-top: 1px solid var(--rule); padding: 40px 0 28px; }
.f-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.f-links { display: flex; gap: 22px; flex-wrap: wrap; }
.f-links a { color: var(--muted); transition: color .2s; }
.f-links a:hover { color: var(--gold-t); }
.disclaimer { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--rule); color: var(--muted); font-size: .82rem; }
.f-bottom { margin-top: 10px; font-size: .82rem; color: var(--muted); }

/* page enter / leave */
#app { animation: enter .2s ease-out both; }
@keyframes enter { from { opacity: 0; } }

/* ============ responsive ============ */
@media (max-width: 1000px) {
  .hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .cards { grid-template-columns: 1fr 1fr; }
  .crit { grid-template-columns: 1fr 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
  .ta { grid-template-columns: 1fr; }
  .ta-chart { min-height: 260px; border-inline-start: 0; border-top: 1px solid var(--rule); }
  .tr { grid-template-columns: 30px 1.6fr 1fr .9fr 1fr 1.1fr; }
  .hide-md { display: none; }
  .links { display: none; }
  .menu-btn { display: grid; }
  .about, .verdict { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 640px) {
  section { padding: 64px 0; }
  .hero { padding-top: 104px; }
  .cards, .crit { grid-template-columns: 1fr; }
  .stat { padding: 20px 16px; }
  .ta-copy { padding: 28px 22px; }
  .tr { grid-template-columns: 1.6fr 1fr 1fr; padding: 14px 12px; }
  .hide-sm { display: none; }
  .tb-end { min-width: 100%; }
  .field { max-width: none; }
  .chips { width: 100%; overflow-x: auto; scrollbar-width: none; }
  .ch { grid-template-columns: 1fr; }
  .ring { width: 120px; height: 120px; }
  .kv { grid-template-columns: 1fr; }
  .lang button { padding: 5px 8px; }
  .logo span { display: none; }
  .chart { height: 220px; }
  .hc-chart { height: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* sharia reference */
.ref { display: flex; gap: 16px; align-items: center; margin-top: 20px; padding: 18px 22px; border: 1px solid var(--rule); border-inline-start: 3px solid var(--gold); border-radius: 14px; background: var(--panel); }
.ref svg { flex: none; width: 40px; height: 40px; color: var(--gold-t); }
.ref span { display: block; font-size: .82rem; }
.ref b { display: block; font-size: 1.05rem; font-weight: 600; margin: 2px 0; }
.ref small { color: var(--muted); font-size: .82rem; }

/* coin page: timeframe, candles, details */
.tf { display: flex; align-items: center; gap: 6px; margin-top: 28px; flex-wrap: wrap; }
.tf button { border: 1px solid var(--rule); background: none; padding: 6px 12px; border-radius: 8px; font-family: var(--mono); font-size: .82rem; color: var(--muted); transition: .2s; }
.tf button:hover { color: var(--paper); border-color: var(--muted); }
.tf button.on { background: var(--gold); border-color: var(--gold); color: var(--on-gold); }
.tf span { margin-inline-start: auto; font-size: .82rem; }
.chart { margin-top: 14px; border: 1px solid var(--rule); border-radius: 16px; background: var(--ink2); overflow: hidden; }
.kc, .kc svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.chart .tip { top: 12px; transform: translateX(-50%); white-space: nowrap; line-height: 1.5; text-align: center; font-size: .82rem; }
.dh { font-size: .82rem; font-weight: 600; color: var(--muted); margin-bottom: 10px; }
.dgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 36px; }
.kv.one { grid-template-columns: 1fr; }
.links-list { display: grid; gap: 8px; }
.lk { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid var(--rule); border-radius: 12px; transition: border-color .2s, background .2s; }
.lk:hover { border-color: var(--gold); background: var(--panel); }
.lk span { font-weight: 600; font-size: .9rem; }
.lk small { display: block; font-family: var(--mono); font-weight: 400; font-size: .82rem; color: var(--muted); }
.lk .arr { width: 16px; height: 16px; color: var(--gold-t); flex: none; }
[dir="rtl"] .lk .arr { transform: scaleX(-1); }
.src { margin-top: 24px; font-size: .82rem; color: var(--muted); }
@media (max-width: 1000px) { .dgrid { grid-template-columns: 1fr; } }

/* coin logo + symbol always visible */
.coin-ic:has(img) { background: none; }
.coin-ic img { object-fit: contain; }
.td-coin small, .cc-name small, .hc-head .name small {
  display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 6px;
  font-family: var(--mono); font-size: .82rem; font-weight: 600; color: var(--gold-t);
  background: color-mix(in srgb, var(--gold) 12%, transparent);
}
.ch h1 small { display: inline-block; vertical-align: middle; padding: 4px 12px; border-radius: 8px; font-size: .32em; font-weight: 600; color: var(--gold-t); background: color-mix(in srgb, var(--gold) 12%, transparent); }
.tk .sym, .hc-row b { color: var(--gold-t); font-family: var(--mono); }

/* ============ motion (no libraries) ============ */
html.js:not(.static) [data-rv]:not(.in) { opacity: 0; transform: translateY(16px); }
html.js [data-rv] { transition: opacity .45s ease, transform .45s var(--ease), border-color .3s; }
html.js:not(.static) .wi { animation: wordUp .55s var(--ease) both; animation-delay: calc(var(--i, 0) * 35ms); }
html.js:not(.static) [data-split]:not(.in) .wi { animation-play-state: paused; }
@keyframes wordUp { from { transform: translateY(105%); } }
html.js:not(.static) .meter:not(.in) i { transform: scaleX(0); }
.meter i { transition: transform .8s var(--ease); }
.grow [data-candle] { transform-box: fill-box; transform-origin: center; animation: grow .35s ease-out both; animation-delay: calc(var(--i, 0) * 12ms); }
@keyframes grow { from { transform: scaleY(0); } }
html.js:not(.static) #ta-chart:not(.grow) [data-candle] { transform: scaleY(0); transform-box: fill-box; transform-origin: center; }
.track { animation: tick var(--dur, 40s) linear infinite; will-change: transform; }
.ticker:hover .track { animation-play-state: paused; }
@keyframes tick { to { transform: translateX(-33.3333%); } }

/* explainer tab */
.ex { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; align-items: start; }
.ex-main .dh { margin-top: 26px; }
.ex-main .dh:first-child { margin-top: 0; }
.para { font-size: 1.05rem; line-height: 1.95; }
.tl { list-style: none; border-inline-start: 2px solid var(--rule); padding-inline-start: 18px; display: grid; gap: 16px; }
.tl li { position: relative; display: grid; gap: 2px; }
.tl li::before { content: ""; position: absolute; inset-inline-start: -25px; top: 7px; width: 12px; height: 12px; border-radius: 50%; background: var(--ink); border: 2px solid var(--gold); }
.tl b { font-variant-numeric: tabular-nums; color: var(--gold-t); font-size: .85rem; }
@media (max-width: 1000px) { .ex { grid-template-columns: 1fr; } }

/* ============ technical analysis (KAYA constitution) ============ */
.up { color: var(--up); } .down { color: var(--down); }
.small { font-size: .84rem; } .note { color: var(--watch); margin-top: 8px; }
.ta-grid { display: grid; gap: 16px; }
.ta-card { border: 1px solid var(--rule); border-radius: 18px; background: var(--panel); padding: 22px; min-width: 0; }
.ta-card > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.ta-card > header h3 { font-size: 1.12rem; font-weight: 700; }
.art { flex: none; font-size: .82rem; font-weight: 600; color: var(--gold-t); border: 1px solid color-mix(in srgb, var(--gold) 45%, transparent); padding: 2px 10px; border-radius: 99px; white-space: nowrap; }
.ta-card .kv div { background: var(--panel); }
.ta-card .kv b { text-align: end; }
.ta-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ta-3col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ta-wait { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 48px 0; color: var(--muted); }
.spin { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--paper); border-inline-end-color: transparent; animation: spin 1.6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.src-l { font-weight: 500; color: var(--gold-t); margin-inline-start: 8px; font-size: .82rem; }

/* verdict header */
.ta-verdict { display: grid; grid-template-columns: 1fr 1.2fr; gap: 28px; align-items: center; padding: 24px; border: 1px solid var(--rule); border-radius: 18px; background: var(--panel); margin-bottom: 14px; }
.tv-dec { font-size: clamp(2rem, 4.4vw, 3rem); font-weight: 700; line-height: 1.15; margin: 4px 0 6px; }
.tv-dec.pass { color: var(--pass); } .tv-dec.watch { color: var(--watch); } .tv-dec.fail { color: var(--fail); }
.tv-main p { color: var(--muted); }
.tv-scores { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 20px; }
.gauge { display: grid; grid-template-columns: 1fr auto auto; align-items: baseline; gap: 2px 6px; }
.gauge span { font-size: .82rem; color: var(--muted); }
.gauge b { font-size: 1.8rem; line-height: 1; font-weight: 600; }
.gauge small { color: var(--muted); font-size: .82rem; }
.gauge .meter { grid-column: 1 / -1; margin-top: 8px; }
.tv-prob { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; font-size: .82rem; color: var(--muted); }
.prob { height: 6px; border-radius: 99px; background: var(--down); overflow: hidden; direction: ltr; }
.prob i { display: block; height: 100%; background: var(--up); }
.ta-alert { border: 1px solid var(--rule); border-inline-start: 3px solid var(--watch); border-radius: 14px; padding: 14px 18px; margin-bottom: 12px; background: color-mix(in srgb, var(--watch) 7%, var(--panel)); }
.ta-alert.fail { border-inline-start-color: var(--fail); background: color-mix(in srgb, var(--fail) 7%, var(--panel)); }
.ta-alert > b { display: block; margin-bottom: 4px; }
.ta-alert p { margin-top: 8px; }
bdi { unicode-bidi: isolate; }
.ta-alert ul { list-style: none; display: grid; gap: 4px; font-size: .9rem; }
.ta-alert li::before { content: "— "; color: var(--muted); }
.ta-tf { margin-top: 18px; }

/* chart */
.ta-chart { height: 440px; margin-bottom: 8px; }
.ta-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.ta-chart .ema { fill: none; stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.ta-chart .e200 { stroke: var(--gold); } .ta-chart .e50 { stroke: var(--paper); stroke-opacity: .55; }
.ta-chart .ce { fill: none; stroke: var(--muted); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
.ta-chart .zone { stroke: none; }
.z-demand, .lg-demand i { fill: var(--up); background: var(--up); fill-opacity: .1; }
.z-breaker { fill: var(--muted); fill-opacity: .12; }
.z-supply, .lg-supply i { fill: var(--down); background: var(--down); fill-opacity: .1; }
.fvg { fill: none; stroke-width: 1; stroke-dasharray: 3 3; vector-effect: non-scaling-stroke; }
.f-bull { stroke: var(--up); } .f-bear { stroke: var(--down); }
.gz { fill: var(--gold); fill-opacity: .09; }
.vol { opacity: .35; } .vol.up { fill: var(--up); } .vol.dn { fill: var(--down); }
.ta-chart [class^="lv-"] { stroke-width: 1; vector-effect: non-scaling-stroke; }
.lv-fib { stroke: var(--muted); stroke-dasharray: 2 4; } .lv-gold { stroke: var(--gold); stroke-dasharray: 5 4; }
.lv-inval { stroke: var(--down); stroke-width: 1.5 !important; } .lv-tp { stroke: var(--up); stroke-dasharray: 6 4; }
.lv-avg { stroke: var(--paper); stroke-dasharray: 1 3; } .lv-poc { stroke: var(--muted); stroke-dasharray: 8 3; }
.lt { font-family: var(--mono); font-size: 12.5px; fill: var(--muted); }
.lt.lv-gold, .lt.lv-avg { fill: var(--gold); } .lt.lv-inval { fill: var(--down); } .lt.lv-tp { fill: var(--up); } .lt.lv-poc { fill: var(--muted); }
.ta-chart text.lt { stroke: none; }
.px-tag { fill: var(--gold); } .px-t { font-family: var(--mono); font-size: 12.5px; fill: var(--on-gold); font-weight: 600; }
.lg { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: .82rem; color: var(--muted); margin-bottom: 18px; }
.lg span { display: inline-flex; align-items: center; gap: 6px; }
.lg i { width: 14px; height: 3px; border-radius: 2px; display: inline-block; }
.lg-e200 i { background: var(--gold); } .lg-e50 i { background: color-mix(in srgb, var(--paper) 55%, transparent); } .lg-ce i { background: var(--muted); }
.lg-gz i { background: color-mix(in srgb, var(--gold) 40%, transparent); height: 10px; } .lg-inval i { background: var(--down); } .lg-tp i { background: var(--up); }
.lg-demand i, .lg-supply i { height: 10px; opacity: .35; } .lg-fvg i { border: 1px dashed var(--muted); height: 8px; }

/* tables */
.tbl-scroll { overflow-x: auto; }
.ta-tbl { width: 100%; border-collapse: collapse; font-size: .86rem; }
.ta-tbl th { text-align: start; font-weight: 600; color: var(--muted); font-size: .82rem; padding: 8px 10px; border-bottom: 1px solid var(--rule); white-space: nowrap; }
.ta-tbl td { padding: 9px 10px; border-bottom: 1px solid var(--rule); vertical-align: top; }
.ta-tbl tr:last-child td { border-bottom: 0; }
.ta-tbl tr.hl td { background: color-mix(in srgb, var(--gold) 12%, transparent); font-weight: 600; }
.ta-tbl.ind td:first-child { color: var(--muted); white-space: nowrap; }
.ta-tbl small { font-size: .82rem; }
.ta-tbl.gl td:first-child { font-weight: 600; }

/* gates */
.gates { display: grid; gap: 8px; }
.gate { display: grid; grid-template-columns: auto 1fr auto auto; gap: 12px; align-items: center; padding: 10px 14px; border: 1px solid var(--rule); border-radius: 12px; }
.gate b { display: block; font-size: .92rem; }
.gate small { color: var(--muted); font-size: .82rem; }
.g-ic { width: 8px; height: 8px; border-radius: 50%; background: var(--muted); }
.g-pass .g-ic { background: var(--pass); } .g-warn .g-ic { background: var(--watch); } .g-fail .g-ic { background: var(--fail); }
.g-fail { border-color: color-mix(in srgb, var(--fail) 50%, var(--rule)); }
.g-v { font-size: .82rem; color: var(--muted); text-align: end; }
.ta-result { margin-top: 12px; font-weight: 600; }
.wp { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; font-size: .88rem; }
.wp dt { color: var(--muted); font-size: .82rem; }

/* sequence, lists */
.seq { list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; counter-reset: s; }
.seq li { position: relative; padding: 10px 12px; border: 1px solid var(--rule); border-radius: 12px; font-size: .82rem; color: var(--muted); counter-increment: s; }
.seq li::before { content: counter(s); font-family: var(--mono); font-size: .82rem; display: block; }
.seq li b { display: block; font-weight: 600; }
.seq li small { display: block; margin-top: 2px; }
.seq li.done { color: var(--paper); border-color: var(--pass); background: color-mix(in srgb, var(--pass) 9%, transparent); }
.seq li.trap { color: var(--paper); border-color: var(--fail); background: color-mix(in srgb, var(--fail) 9%, transparent); }
.zl { list-style: none; display: grid; gap: 6px; font-size: .86rem; }
.zl li { padding: 7px 0; border-bottom: 1px dashed var(--rule); }
.scn { border: 1px solid var(--rule); border-radius: 14px; padding: 16px; display: grid; gap: 8px; align-content: start; }
.scn h4 { display: flex; justify-content: space-between; font-size: 1rem; }
.scn.up { border-top: 3px solid var(--up); } .scn.down { border-top: 3px solid var(--down); }
.scn.up h4 b { color: var(--up); } .scn.down h4 b { color: var(--down); }
.ta-final { display: grid; gap: 8px; }
.ta-final .tv-dec { margin: 0; }

/* market board */
.axes { list-style: none; display: grid; gap: 8px; }
.axes li { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: start; padding: 10px 12px; border: 1px solid var(--rule); border-radius: 12px; }
.axes b { display: block; font-size: .92rem; } .axes small { color: var(--muted); font-size: .82rem; }
.ax-ic { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: .82rem; font-weight: 700; }
.axes .ok .ax-ic { background: color-mix(in srgb, var(--pass) 18%, transparent); color: var(--pass); }
.axes .miss .ax-ic { background: color-mix(in srgb, var(--fail) 18%, transparent); color: var(--fail); }
.ta-list .tr { grid-template-columns: 1.5fr 1fr 1fr .6fr .6fr 1.6fr 1.2fr; }
.ta-list .td-coin small { display: inline-block; }

/* portfolio, journal, timing */
.pf-rows { display: grid; gap: 8px; margin-top: 12px; }
.pf-row { display: grid; grid-template-columns: 80px 1fr 1fr; gap: 10px; align-items: center; }
.pf-in { display: flex; align-items: center; gap: 6px; border: 1px solid var(--rule); border-radius: 10px; padding: 0 10px; }
.pf-in span { color: var(--muted); }
.pf-in input, .sz input, .jr-form input { width: 100%; background: transparent; border: 0; outline: none; padding: 9px 0; font-family: var(--mono); }
.pf-row .select { width: 100%; padding: 9px 12px; }
.ta-issues { list-style: none; display: grid; gap: 4px; margin-top: 8px; font-size: .86rem; color: var(--fail); }
.ta-issues li::before { content: "! "; font-weight: 700; }
.sz { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.sz label { display: grid; gap: 4px; font-size: .82rem; color: var(--muted); }
.sz input, .jr-form input { border: 1px solid var(--rule); border-radius: 10px; padding: 9px 12px; color: var(--paper); }
.sz input:focus, .jr-form input:focus, .pf-in:focus-within { border-color: var(--gold); }
.sz-out { margin-top: 14px; line-height: 1.9; }
.jr-form { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 12px 0 16px; }
.jr-form .btn { justify-content: center; padding: 10px 16px; }
.jr-io { display: flex; gap: 8px; margin-top: 12px; }
.jr-io .btn { padding: 9px 16px; font-size: .86rem; cursor: pointer; }
.x { border: 0; background: none; color: var(--muted); font-size: 1.2rem; line-height: 1; }
.x:hover { color: var(--fail); }
.clocks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.clocks div { border: 1px solid var(--rule); border-radius: 14px; padding: 14px; display: grid; gap: 2px; }
.clocks span { font-size: .82rem; color: var(--muted); }
.clocks b { font-size: 1.4rem; font-weight: 600; direction: ltr; text-align: start; }
.clocks small { font-size: .82rem; color: var(--muted); }
.ta-rules { margin-top: 16px; padding-inline-start: 18px; display: grid; gap: 6px; font-size: .9rem; }
.checks { list-style: none; display: grid; gap: 4px; }
.checks label { display: flex; gap: 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--rule); cursor: pointer; }
.checks input { margin-top: 5px; accent-color: var(--gold); width: 16px; height: 16px; flex: none; }

/* constitution */
.lead-s { color: var(--muted); margin-bottom: 18px; max-width: 760px; }
.arts { display: grid; gap: 8px; margin-bottom: 16px; }
.art-i { border: 1px solid var(--rule); border-radius: 14px; background: var(--panel); }
.art-i summary { display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: center; padding: 14px 18px; cursor: pointer; list-style: none; }
.art-i summary::-webkit-details-marker { display: none; }
.art-i[open] summary { border-bottom: 1px solid var(--rule); }
.art-i p { padding: 14px 18px 16px; color: var(--muted); font-size: .92rem; line-height: 1.85; }
.st-na { color: var(--muted); }

@media (max-width: 1000px) {
  .ta-verdict, .ta-2col, .ta-3col { grid-template-columns: 1fr; }
  .seq { grid-template-columns: 1fr 1fr; }
  .ta-list .tr { grid-template-columns: 1.5fr 1fr 1fr .6fr .6fr; }
  .jr-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .ta-card { padding: 16px; }
  .ta-chart { height: 320px; }
  .gate { grid-template-columns: auto 1fr auto; }
  .gate .g-v { grid-column: 2 / -1; text-align: start; }
  .ta-list .tr { grid-template-columns: 1.4fr 1fr 1fr; }
  .ta-list .tr > :nth-child(4), .ta-list .tr > :nth-child(5) { display: none; }
  .sz, .clocks { grid-template-columns: 1fr; }
  .pf-row { grid-template-columns: 56px 1fr 1fr; }
  .tv-scores { grid-template-columns: 1fr; }
}

/* app install (PWA) */
.app-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 24px; }
.app-row[hidden], .app-row [hidden] { display: none; }
/* installed app: room for the iPhone status bar */
@media (display-mode: standalone) { #site-header { padding-top: env(safe-area-inset-top); } .mob-menu { top: calc(72px + env(safe-area-inset-top)); } }

/* constitution trace */
.trace-head { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 8px; }
.stat-s { border: 1px solid var(--rule); border-radius: 14px; padding: 14px 16px; background: var(--panel); display: grid; gap: 2px; }
.stat-s b { font-size: 1.6rem; line-height: 1.1; }
.stat-s span { font-size: .84rem; } .stat-s small { color: var(--muted); font-size: .82rem; }
.stat-s.good b { color: var(--pass); } .stat-s.bad b { color: var(--fail); }
.ta-tbl.trace td.q { font-size: .88rem; line-height: 1.8; min-width: 260px; }
.ta-tbl.trace td:nth-child(2) { min-width: 200px; color: var(--muted); }
.ta-tbl.trace td:nth-child(3) { min-width: 170px; }
.st-na { color: var(--muted); }
@media (max-width: 640px) { .trace-head { grid-template-columns: 1fr; } }

/* data health */
.health { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px; }
.hr { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: center; padding: 8px 10px; border: 1px solid var(--rule); border-radius: 10px; }
.hr b { font-size: .84rem; font-weight: 600; } .hr small { grid-column: 2; color: var(--muted); font-size: .82rem; }
.hr.ok .ax-ic { background: color-mix(in srgb, var(--pass) 18%, transparent); color: var(--pass); }
.hr.bad { border-color: color-mix(in srgb, var(--fail) 45%, var(--rule)); } .hr.bad .ax-ic { background: color-mix(in srgb, var(--fail) 18%, transparent); color: var(--fail); }

/* صفحة العملات المقبولة في Binance */
.fq-sum { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.fq-sum > div { padding: 16px 18px; border: 1px solid var(--rule); border-radius: 14px; background: var(--panel); }
.fq-sum b { display: block; font-size: 1.5rem; color: var(--gold-t); direction: ltr; unicode-bidi: isolate; text-align: start; }
.fq-sum span { color: var(--muted); font-size: .82rem; }
.fq-rule { color: var(--muted); font-size: .92rem; margin-bottom: 18px; padding-inline-start: 12px; border-inline-start: 2px solid var(--gold); }
.fq-tbl .tr { grid-template-columns: 36px 2fr 1.3fr 1.1fr .8fr; }
.fq-row { cursor: pointer; }
.fq-row:hover, .fq-row.open { background: var(--ink2); }
.fq-row:focus-visible { outline: 2px solid var(--gold); outline-offset: -2px; }
.fq-grp { color: var(--muted); font-size: .85rem; }
.fq-seed { font-style: normal; color: var(--gold-t); }
.fq-why { padding: 4px 18px 18px calc(18px + 36px + 14px); background: var(--ink2); }
.fq-why p { margin-bottom: 8px; }
.fq-why .fq-note { color: var(--gold-t); font-size: .92rem; }
.fq-why small { display: block; color: var(--muted); font-size: .82rem; }
.fq-links { display: flex; gap: 18px; margin-top: 10px; flex-wrap: wrap; }
.fq-links a { display: inline-flex; align-items: center; gap: 6px; color: var(--gold-t); font-size: .88rem; }
.fq-links .arr { width: 14px; height: 14px; }
[dir="rtl"] .fq-links .arr { transform: scaleX(-1); }
@media (max-width: 760px) {
  .fq-sum { grid-template-columns: repeat(2, 1fr); }
  .fq-tbl .tr { grid-template-columns: 2fr 1.2fr .9fr; }
  .fq-why { padding-inline-start: 18px; }
}
.fq-verdict { padding: 18px 20px; border: 1px solid var(--rule); border-inline-start: 3px solid var(--up); border-radius: 14px; background: var(--panel); display: grid; gap: 8px; }
.fq-verdict > b { color: var(--up); font-size: 1.05rem; }
.fq-verdict small { color: var(--muted); font-size: .82rem; }
.fq-chains span { font-size: .82rem; }
.kv b span:not(.chg) { color: inherit; font-size: inherit; }

/* تفصيل التقييم */
.fq-tbl .tr { grid-template-columns: 36px 2fr 1.2fr .8fr 1fr .8fr; }
@media (max-width: 760px) { .fq-tbl .tr { grid-template-columns: 2fr .8fr 1fr .8fr; } }
/* CoinScan 2026-10-12: yönetici Helal listesi — kitaptaki hüküm + sitedeki durum */
.fq-adm .tr { grid-template-columns: 36px 2fr 1.1fr 1.5fr .9fr .7fr; }
@media (max-width: 760px) { .fq-adm .tr { grid-template-columns: 2fr 1.4fr .9fr .7fr; } }
.fq-sum[hidden] { display: none; }
.fq-adm-b { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.fq-v, .fq-st { font-style: normal; font-size: .72rem; font-weight: 600; padding: 2px 8px; border-radius: 99px; white-space: nowrap; border: 1px solid transparent; }
.fq-v.v-ok { color: var(--pass); background: color-mix(in srgb, var(--pass) 15%, transparent); }
.fq-v.v-hold { color: var(--watch); background: color-mix(in srgb, var(--watch) 15%, transparent); }
.fq-v.v-no { color: var(--fail); background: color-mix(in srgb, var(--fail) 15%, transparent); }
.fq-v.v-stock, .fq-v.v-fx, .fq-v.v-none { color: var(--muted); background: color-mix(in srgb, var(--muted) 15%, transparent); }
.fq-st.st-on { color: var(--paper); border-color: var(--pass); }
.fq-st.st-off { color: var(--muted); border-color: var(--rule); }
.fq-st.st-none { color: var(--muted); border-color: var(--rule); border-style: dashed; }
.sc-box { border: 1px solid var(--rule); border-radius: 16px; padding: 18px 20px; background: var(--panel); }
.sc-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.sc-head b { font-size: 2rem; }
.sc-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.sc-g { border: 1px solid var(--rule); border-radius: 12px; padding: 12px 14px; background: var(--ink); }
.sc-gt { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.sc-g ul { list-style: none; display: grid; gap: 8px; }
.sc-g li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; font-size: .88rem; }
.sc-g li small { grid-column: 1 / -1; color: var(--muted); font-size: .82rem; }
.sc-formula { margin-top: 28px; }
.sc-formula h3 { margin-bottom: 6px; }
@media (max-width: 760px) { .sc-grid { grid-template-columns: 1fr; } }

/* زخرفة هوية KAYA GLOBAL: الحلقة البيضاء المفتوحة + بكسلات الـ K، بحركة بطيئة مريحة */
.kring { position: absolute; inset-inline-end: -120px; top: 40px; width: 460px; height: 460px; pointer-events: none; }
.kring .kr { display: block; width: 100%; height: 100%; opacity: .22; animation: kspin 90s linear infinite; }
.kring .r { fill: none; stroke: var(--paper); stroke-width: 2.2; }
.kring .p { fill: var(--gold); animation: kpx 6s ease-in-out infinite; transform-box: fill-box; }
.kring .p:nth-of-type(2n) { animation-delay: -2s; } .kring .p:nth-of-type(3n) { animation-delay: -4s; }
@keyframes kspin { to { transform: rotate(360deg); } }
@keyframes kpx { 50% { opacity: .25; transform: translate(4px, -6px); } }
:root[data-theme="light"] .kring .kr { opacity: .14; }
/* halkanın ortasında Kaya Global logosu: sabit, hafif nefes alan altın ışıltı (halka dönmeye devam eder) */
.kring .klogo { position: absolute; inset: 0; margin: auto; width: 30%; height: 30%; display: grid; place-items: center; opacity: .55; }
.kring .klogo img { width: 100%; height: auto; filter: drop-shadow(0 0 28px color-mix(in srgb, var(--gold) 45%, transparent)); animation: kbreath 7s ease-in-out infinite; }
.kring .klogo .ak-l { display: none; }
:root[data-theme="light"] .kring .klogo { opacity: .4; }
:root[data-theme="light"] .kring .klogo .ak-d { display: none; }
:root[data-theme="light"] .kring .klogo .ak-l { display: block; }
@keyframes kbreath { 50% { transform: scale(1.04); filter: drop-shadow(0 0 40px color-mix(in srgb, var(--gold) 60%, transparent)); } }
/* telefon: halka biraz içeride → logo kenardan kesilmez; yazının arkasında kaldığı için soluk filigran */
@media (max-width: 640px) {
  .kring { width: 260px; height: 260px; inset-inline-end: -70px; top: 70px; }
  .kring .klogo { width: 26%; height: 26%; }
  /* açık tema / kapanış kutusu kuralları daha özgül — telefonda hepsi aynı soluklukta (2. tur) */
  .kring .klogo, :root[data-theme="light"] .kring .klogo, :root .closer-in .kring .klogo, :root[data-theme="light"] .closer-in .kring .klogo { opacity: .2; }
}
.f-brand { display: grid; gap: 6px; }
.f-brand small { color: var(--muted); font-size: .82rem; }
.phead > .wrap, .hero > .wrap { position: relative; z-index: 1; }

/* ============ تحسين التصميم بهوية KAYA GLOBAL ============ */
/* زوايا أحدّ، أقرب لبكسلات الشعار */
.hcard, .ta, .tbl, .stats, .ta-card, .ta-verdict, .sc-box, .fq-sum > div, .ccard, .cr, .ref, .kv, .lk, .chart, .art-i, .stat-s { border-radius: 10px; }
.btn, .search, .select, .tf button, .gate, .axes li, .hr, .scn, .sc-g { border-radius: 8px; }
/* البطاقات: خط أحمر رفيع وبكسل في الزاوية عند المرور */
.ccard, .cr, .ta-card, .fq-sum > div, .stat-s { position: relative; }
.ccard::after, .cr::after { content: ""; position: absolute; top: 12px; inset-inline-end: 12px; width: 6px; height: 6px; background: var(--gold); opacity: 0; transform: translate(-4px, 4px); transition: opacity .4s, transform .4s var(--ease); }
.ccard:hover::after, .cr:hover::after { opacity: 1; transform: none; }
.ccard, .cr { background: linear-gradient(160deg, color-mix(in srgb, var(--paper) 4%, var(--panel)) 0%, var(--panel) 60%); }
.cc-top { gap: 12px; }
.cc-rank { margin-inline-start: auto; font-family: var(--brand); font-weight: 700; font-size: 1.6rem; color: var(--gold-t); line-height: 1; }
.cards { grid-template-columns: repeat(3, 1fr); }
/* عناوين الأقسام: بكسلات حمراء قبلها */
.sec-head h2 { display: flex; align-items: center; gap: 14px; }
.sec-head h2::before { content: ""; flex: none; width: 22px; height: 10px; background: linear-gradient(var(--gold), var(--gold)) 0 6px / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 6px 6px / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 12px 6px / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 9px 0 / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) 18px 2px / 3px 3px no-repeat; }
/* الأرقام الكبيرة بخط الشعار، وخط أحمر رفيع فوقها */
.stat { position: relative; }
.stat::before { content: ""; position: absolute; top: 0; inset-inline-start: 24px; width: 28px; height: 2px; background: var(--gold); }
.stat b, .fq-sum b, .sc-head b, .ring-v b, .verdict-big, .tv-dec, .gauge b { font-family: var(--brand); font-weight: 700; letter-spacing: -.01em; }
.stat b { font-size: clamp(2.2rem, 4.4vw, 3.4rem); }
.fq-sum > div::before { content: ""; position: absolute; top: 0; inset-inline-start: 18px; width: 22px; height: 2px; background: var(--gold); }
.hcard { background: color-mix(in srgb, var(--panel) 72%, transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-color: color-mix(in srgb, var(--paper) 12%, transparent); }
/* الجداول: رأس هادئ وعلامة حمراء للصف تحت المؤشر */
.tr.th { text-transform: none; letter-spacing: .02em; }
.fq-row, a.tr { position: relative; }
.fq-row::before, a.tr::before { content: ""; position: absolute; inset-block: 10px; inset-inline-start: 0; width: 2px; background: var(--gold); transform: scaleY(0); transition: transform .3s var(--ease); }
.fq-row:hover::before, .fq-row.open::before, a.tr:hover::before { transform: scaleY(1); }
.fq-sc { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; }
.fq-sc b { font-family: var(--brand); font-weight: 700; min-width: 40px; text-align: end; }
.fq-bar { width: 44px; height: 4px; background: var(--rule); border-radius: 2px; overflow: hidden; direction: ltr; }
.fq-bar i { display: block; height: 100%; width: var(--v); background: var(--gold); }
.fq-pv { font-size: .82rem; }
@media (max-width: 760px) { .fq-bar { display: none; } }
/* التذييل: شعار أكبر */
#site-footer .logo .ak { height: 44px; }
#site-footer .logo .wm { font-size: 1.25rem; }
#site-footer { background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--paper) 3%, var(--ink))); }
@media (max-width: 1000px) { .cards { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .cards { grid-template-columns: 1fr; } #site-footer .logo span { display: inline; } }
.ccard .meter i { background: var(--gold); }

/* كتاب الفقه */
.ref > div { flex: 1; }
.ref-act { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.ref-act .btn { padding: 10px 18px; font-size: .9rem; }
a.bk { color: var(--gold-t); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a.bk:hover { color: var(--paper); }

/* ============ نظام التصميم الموحّد (KAYA GLOBAL v2) ============
   مقياس واحد للمسافات والخطوط والزوايا، حتى تتناسب كل الصفحات */
:root {
  --gut: clamp(16px, 3vw, 32px);
  --sec: clamp(72px, 9vw, 128px);
  --r: 10px; --r-s: 8px;
  --pad: clamp(20px, 2.2vw, 28px);
  --line: color-mix(in srgb, var(--paper) 9%, transparent);
  --line2: color-mix(in srgb, var(--paper) 16%, transparent);
  --h1: clamp(2.5rem, 5.6vw, 4.75rem);
  --h2: clamp(1.9rem, 3.4vw, 2.75rem);
  --h3: clamp(1.15rem, 1.5vw, 1.3rem);
}
:root[data-theme="light"] { --line: color-mix(in srgb, var(--paper) 11%, transparent); --line2: color-mix(in srgb, var(--paper) 20%, transparent); }
.wrap { width: min(1240px, 100% - var(--gut) * 2); }
section { padding-block: var(--sec); }
body { font-size: 1rem; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

/* الرأس: زجاجي دائماً ليبقى مقروءاً فوق أي محتوى */
#site-header { background: color-mix(in srgb, var(--ink) 62%, transparent); backdrop-filter: saturate(140%) blur(16px); -webkit-backdrop-filter: saturate(140%) blur(16px); border-bottom-color: var(--line); }
#site-header.scrolled { background: color-mix(in srgb, var(--ink) 86%, transparent); }
.nav { height: 68px; gap: 24px; }
.nl { font-size: .95rem; padding: 8px 12px; }
.nl::after { inset-inline: 12px; bottom: -2px; }
.ibtn { width: 38px; height: 38px; border-color: var(--line2); }
.lang { border-color: var(--line2); }

/* الخطوط: مقياس واحد */
.hero h1, .phead h1 { font-size: var(--h1); line-height: 1.12; font-weight: 700; }
.sec-head h2, .ta-copy h3, .closer h2 { font-size: var(--h2); line-height: 1.2; }
.cr h3, .ta-card > header h3 { font-size: var(--h3); }
.hero p.lead, .phead p { font-size: clamp(1.05rem, 1.3vw, 1.2rem); max-width: 560px; }

/* الأزرار: ارتفاع واحد */
.btn { min-height: 48px; padding: 12px 24px; border-radius: var(--r-s); border-color: var(--line2); font-size: .95rem; }
.btn-gold { border-color: var(--gold); box-shadow: 0 10px 30px -12px color-mix(in srgb, var(--gold) 70%, transparent); }

/* البطاقات والإطارات: حدود ناعمة موحدة */
.hcard, .ta, .tbl, .stats, .ta-card, .ta-verdict, .sc-box, .fq-sum > div, .ccard, .cr, .ref, .kv, .chart, .art-i, .stat-s, .lk, .gate, .axes li, .hr, .scn, .sc-g, .search, .select, .tf button, .seq li, .clocks div { border-color: var(--line); }
.hcard, .ta, .tbl, .stats, .ta-card, .ta-verdict, .sc-box, .ccard, .cr, .ref, .chart, .art-i { border-radius: var(--r); }
.ccard:hover, .cr:hover, .lk:hover { border-color: color-mix(in srgb, var(--gold) 70%, transparent); }
.ccard, .cr, .ta-card, .sc-box, .ref { padding: var(--pad); }

/* الواجهة: بطول الشاشة، والنص والبطاقة متوازنان */
.hero { min-height: min(100svh, 920px); display: flex; align-items: center; padding: 120px 0 88px; }
.hero > .wrap { width: min(1240px, 100% - var(--gut) * 2); }
.hero-grid { grid-template-columns: 1.08fr .92fr; gap: clamp(32px, 5vw, 80px); }
.hero .eyebrow { padding: 6px 12px; border: 1px solid color-mix(in srgb, var(--gold) 40%, transparent); border-radius: 99px; background: color-mix(in srgb, var(--gold) 8%, transparent); }
.hero h1 { margin: 22px 0 18px; }
.cta { margin-top: 30px; }
.trust { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font-size: .88rem; }
.trust li { display: inline-flex; align-items: center; gap: 8px; }
.trust b { font-family: var(--brand); font-weight: 700; color: var(--paper); font-size: 1.05rem; }
.trust li + li::before { content: ""; width: 4px; height: 4px; background: var(--gold); margin-inline-end: 4px; }
.trust .live { gap: 0; }
.hcard { box-shadow: 0 40px 80px -40px rgba(0,0,0,.8), 0 0 0 1px color-mix(in srgb, var(--paper) 4%, transparent) inset; }
.hc-head { padding: 18px 22px; border-color: var(--line); }
.hc-row { padding: 12px 22px; border-color: var(--line); }
.hc-list { border-color: var(--line); }

/* الشريط المتحرك */
.ticker { border-color: var(--line); background: color-mix(in srgb, var(--paper) 2%, var(--ink)); padding: 14px 0; }
.tk { border-color: var(--line); padding-inline: 26px; font-size: .92rem; }

/* الإحصاءات: شريط واحد متوازن */
.stats { background: var(--line); }
.stat { padding: clamp(22px, 2.6vw, 34px) clamp(18px, 2.2vw, 30px); }
.stat::before { inset-inline-start: clamp(18px, 2.2vw, 30px); width: 24px; }

/* عناوين الأقسام: رقم القسم فوق العنوان */
.sec-head { margin-bottom: clamp(28px, 3vw, 44px); align-items: flex-end; }
.sec-n { display: block; font-family: var(--brand); font-weight: 700; font-size: .82rem; letter-spacing: .14em; color: var(--gold-t); margin-bottom: 10px; }
.sec-n::after { content: ""; display: inline-block; width: 28px; height: 1px; background: var(--gold); vertical-align: middle; margin-inline-start: 10px; opacity: .6; }

/* بطاقات «الأعلى تقييماً» */
.cards { gap: clamp(12px, 1.4vw, 20px); }
.ccard { gap: 18px; min-height: 196px; }
.cc-pos { margin-inline-start: auto; font-family: var(--brand); font-weight: 700; font-size: .85rem; color: var(--muted); letter-spacing: .08em; }
.cc-big { margin-top: auto; }
.cc-big b { font-family: var(--brand); font-weight: 700; font-size: clamp(2.4rem, 3.6vw, 3.2rem); line-height: 1; letter-spacing: -.02em; }
.cc-big em { font-style: normal; font-size: .45em; color: var(--gold-t); margin-inline-start: 2px; }
.cc-score { font-size: .82rem; }
.ccard .coin-ic { width: 40px; height: 40px; }
.cc-name b { font-size: 1.02rem; }

/* معايير التقييم */
.crit { gap: clamp(12px, 1.4vw, 20px); }
.cr { min-height: 220px; display: flex; flex-direction: column; }
.cr-top { margin-bottom: auto; padding-bottom: 28px; }
.cr .n { font-family: var(--brand); font-weight: 700; letter-spacing: .08em; }

/* الكتاب: غلاف + نص */
.ref { display: grid; grid-template-columns: auto 1fr; gap: clamp(20px, 3vw, 40px); align-items: center; margin-top: clamp(16px, 2vw, 24px); border-inline-start: 1px solid var(--line); background: linear-gradient(120deg, color-mix(in srgb, var(--gold) 7%, var(--panel)) 0%, var(--panel) 55%); }
.ref > svg { display: none; }
.ref-cover { display: block; width: clamp(96px, 11vw, 150px); aspect-ratio: 520 / 733; border-radius: 4px; overflow: hidden; box-shadow: 0 24px 40px -18px rgba(0,0,0,.7), 0 0 0 1px var(--line2); transform: rotate(-2deg); transition: transform .5s var(--ease); }
[dir="ltr"] .ref-cover { transform: rotate(2deg); }
.ref-cover:hover { transform: rotate(0) translateY(-4px); }
.ref-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ref b { font-size: clamp(1.3rem, 2vw, 1.7rem); margin: 4px 0 6px; font-weight: 700; }
.ref span { font-size: .82rem; color: var(--gold-t); }

/* التحليل الفني */
.ta { grid-template-columns: .85fr 1.15fr; }
.ta-copy { padding: clamp(28px, 4vw, 56px); }
.ta-chart { border-color: var(--line); }

/* الخاتمة */
.closer { padding-top: 0; }
.closer-in { position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center; padding: clamp(36px, 5vw, 72px); border: 1px solid var(--line); border-radius: var(--r); background: radial-gradient(ellipse 60% 120% at 0% 100%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%), var(--panel); }
[dir="rtl"] .closer-in { background: radial-gradient(ellipse 60% 120% at 100% 100%, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%), var(--panel); }
.closer-in > :not(.kring) { position: relative; z-index: 1; }
.closer-in .kring { z-index: 0; top: -80px; }
.closer-in .kring .kr { opacity: .14; }
.closer-in .kring .klogo { opacity: .3; }
.closer h2 { margin: 14px 0 8px; }
.closer p { color: var(--muted); max-width: 560px; }
.closer .cta { margin-top: 0; }

/* رؤوس الصفحات الداخلية */
.phead { padding: clamp(120px, 14vw, 168px) 0 clamp(32px, 4vw, 52px); border-bottom: 1px solid var(--line); margin-bottom: clamp(28px, 3vw, 40px); }
.phead h1 { margin-top: 18px; }
.phead + section { padding-top: 0; }

/* الجداول */
.tbl { background: var(--panel); }
.tr { border-color: var(--line); padding: 15px 20px; }
.tr.th { background: color-mix(in srgb, var(--paper) 3%, var(--ink)); font-size: .82rem; letter-spacing: .03em; }
a.tr:hover, .fq-row:hover, .fq-row.open { background: color-mix(in srgb, var(--paper) 3%, var(--panel)); }
.fq-why { background: color-mix(in srgb, var(--paper) 2%, var(--ink)); }
.chips { border-color: var(--line2); }
.search, .select { min-height: 44px; background: var(--panel); }
.fq-sum { gap: clamp(10px, 1.2vw, 16px); }
.fq-sum > div { padding: 20px 22px; }
.fq-sum b { font-family: var(--brand); font-size: clamp(1.6rem, 2.4vw, 2.1rem); }

/* صفحة العملة */
.back { margin-top: 104px; }
.ch { border-color: var(--line); }
.tabs { border-color: var(--line); }
.kv { background: var(--line); }

/* التذييل: أعمدة */
#site-footer { margin-top: 0; padding: clamp(48px, 6vw, 80px) 0 32px; border-color: var(--line); }
.f-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; align-items: start; }
.f-brand { gap: 14px; }
.f-brand small { max-width: 280px; }
.f-col b { display: block; font-size: .82rem; letter-spacing: .08em; color: var(--paper); margin-bottom: 14px; }
.f-col .f-links { flex-direction: column; gap: 10px; }
.f-col .f-links a { font-size: .92rem; }
.disclaimer { margin-top: 40px; border-color: var(--line); max-width: 860px; line-height: 1.8; }
.app-row { margin-top: 28px; }

@media (max-width: 1000px) {
  .hero { min-height: 0; padding: 112px 0 64px; }
  .hero-grid { grid-template-columns: 1fr; }
  .closer-in { grid-template-columns: 1fr; }
  .f-top { grid-template-columns: 1fr 1fr; }
  .f-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .ref { grid-template-columns: 1fr; text-align: start; }
  .ref-cover { width: 110px; }
  .trust { gap: 8px 16px; font-size: .82rem; }
  .ccard { min-height: 0; }
  .cr { min-height: 0; }
  .f-top { grid-template-columns: 1fr 1fr; gap: 28px; }
  .sec-head > .btn { padding: 10px 16px; min-height: 42px; }
  .tr { padding: 14px 12px; }
}
.sec-n + h2::before { display: none; }
.ta-copy .sec-n { margin-bottom: 0; }
.ticker + section { padding-top: clamp(40px, 5vw, 72px); }
.closer { padding-bottom: clamp(56px, 7vw, 96px); }
.disclaimer { max-width: none; }
.fq-sc { justify-content: flex-start; text-align: start; }
.fq-sc b { text-align: start; }
.fq-bar { width: 56px; }
@media (max-width: 1000px) { .ta { grid-template-columns: 1fr; } .ta-chart { min-height: 260px; } }
@media (max-width: 760px) {
  .fq-sc { flex-direction: column; align-items: flex-start; gap: 0; }
  .fq-tbl .tr { gap: 8px; }
  .fq-tbl .tr > * { min-width: 0; }
}

/* ============ وضوح القراءة ============
   خط أكبر، تباين أعلى، وأسطر بطول مريح للعين */
:root { --muted: #a9a9b0; }
:root[data-theme="light"] { --muted: #55555c; }
html { font-size: 106.25%; }
body { line-height: 1.8; }
:root:lang(ar) body { line-height: 1.9; }
p, li, dd, .para { overflow-wrap: anywhere; }
.para, .lead, .about .lead, .art-i p, .fq-why p, .closer p, .ta-copy p, .cr p { max-width: 72ch; }
.cr p, .ta-copy p, .phead p, .hero p.lead, .lead-s, .fq-rule { color: color-mix(in srgb, var(--paper) 78%, var(--ink)); }
.tr.th, .ta-tbl th, .dh, .kv span, .stat > span, .gauge span { color: color-mix(in srgb, var(--paper) 70%, var(--ink)); }
.ta-tbl td, .fq-why, .art-i p, .zl, .axes small, .gate small, .sc-g li small { line-height: 1.8; }
.td-coin small, .cc-name small, .hc-head .name small, .ch h1 small { background: color-mix(in srgb, var(--gold) 16%, transparent); font-weight: 700; }
.btn { font-size: 1rem; font-weight: 700; }
.nl { font-size: 1rem; }
.chip, .tab { font-size: .95rem; }
.lt, .lvl-t, .px-t { font-size: 12.5px; }
@media (max-width: 640px) { html { font-size: 100%; } .para { font-size: 1.05rem; } }
.cc-score { font-size: .85rem; } .cc-score small { font-size: .85rem; }
small { font-size: max(.82rem, 13px); }

/* صفحة صناديق ETF */
.chips.solid .chip.on { background: var(--gold); color: var(--on-gold); }
.etf-sum b { direction: ltr; }
.etf-chart { margin-top: 16px; }
.etf-chart svg { width: 100%; height: 240px; display: block; }
.eb-up { fill: var(--up); } .eb-dn { fill: var(--down); }
.ea-line { fill: none; stroke: var(--gold); stroke-width: 2; vector-effect: non-scaling-stroke; }
.ea-fill { fill: color-mix(in srgb, var(--gold) 14%, transparent); }
.etf-chart .lt { font-size: 12.5px; }
.etf-tbl .tr { grid-template-columns: 2.4fr 1fr .7fr .8fr .9fr 1fr; }
.etf-tbl .td-coin b { font-size: .98rem; }
.etf-note { margin-top: 0; }
@media (max-width: 1000px) { .etf-tbl .tr { grid-template-columns: 2.2fr 1fr .7fr .8fr .9fr; } }
@media (max-width: 640px) { .etf-tbl .tr { grid-template-columns: 2fr 1fr .8fr; } .etf-chart svg { height: 180px; } }
.etf-sum b span { font-size: inherit; color: inherit; }
.etf-sum b span.up { color: var(--up); } .etf-sum b span.down { color: var(--down); }

/* تنبيه «ليس نصيحة استثمارية»: شريط ثابت أعلى الشاشة بكل الصفحات، والقائمة تحته؛ وكبير في التذييل */
:root { --rb: 40px; }
#risk-bar { position: fixed; top: 0; inset-inline: 0; z-index: 70; display: flex; align-items: center; justify-content: center; gap: 10px; padding: calc(9px + env(safe-area-inset-top)) 16px 9px; background: var(--ink2); border-bottom: 1px solid color-mix(in srgb, var(--gold) 45%, transparent); color: var(--paper); text-align: center; }
#risk-bar b { font-size: .95rem; font-weight: 700; line-height: 1.45; letter-spacing: 0; }
#risk-bar .rb-ic { width: 1.35em; height: 1.35em; font-size: .85rem; border: 0; background: var(--gold); color: #fff; }
body.has-risk #site-header { top: var(--rb); }
body.has-risk .mob-menu { top: calc(72px + var(--rb)); }
body.has-risk .hero, body.has-risk .phead { margin-top: var(--rb); }
body.has-risk .back { margin-top: calc(104px + var(--rb)); }   /* CoinScan 2026-10-12: coin sayfasındaki "geri" bağlantısı başlığın altına giriyordu */
.rb-ic { flex: none; display: inline-grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: 50%; border: 2px solid currentColor; font-weight: 700; font-size: 1rem; line-height: 1; }
.disclaimer { display: flex; align-items: flex-start; gap: 14px; margin-top: 40px; padding: 20px 22px; border: 2px solid var(--gold); border-radius: 12px; color: var(--paper); font-size: clamp(1.05rem, 1.8vw, 1.3rem); font-weight: 700; line-height: 1.7; max-width: none; }
.disclaimer .rb-ic { color: var(--gold); margin-top: .2em; }
@media (max-width: 640px) { #risk-bar b { font-size: .82rem; } }
@media (display-mode: standalone) { body.has-risk #site-header { padding-top: 0; } }
.admin-chip { margin-inline-start: 10px; padding: 3px 9px; border: 1px solid var(--gold); border-radius: 6px; color: var(--gold); font-size: .72rem; font-weight: 700; letter-spacing: .08em; }
.nl { white-space: nowrap; }
@media (max-width: 1240px) { .links-many { display: none; } .links-many ~ .nav-tools .menu-btn { display: grid; } }

/* ===================================================================================================
   CoinScan telefon uyumu (2026-10-12, KULLANICI KARARI NOTES 2026-10-12 (8)): 320px'e kadar; geniş tablolar
   telefonda KART görünümü. Bu bölüm dosyanın SONUNDA durur — masaüstü kurallarına dokunmadan önceki
   telefon kurallarını ezer.
   =================================================================================================== */
@media (max-width: 560px) {
  /* --- satır-kart: başlık satırı gizli, her satır 2 satırlı kart --- */
  .tbl > .tr.th, .tbl > .tr[hidden] { display: none; }
  /* ETF fon tablosu: görünür 3 sütun (fon | AUM | ücret) başlıkla kalır — başlıksız "0.25%" anlamsızdı (çürütme turu) */
  .tbl.etf-tbl > .tr.th { display: grid; }
  .tbl.etf-tbl > .tr { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, .7fr); }   /* genel kart kuralından özgül */
  .tbl > .tr { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 6px; padding: 14px 14px; }
  .tbl > .tr > * { min-width: 0; }
  .tbl .td-coin { min-width: 0; }
  .tbl .td-coin > span:last-child { min-width: 0; }
  .tbl .td-coin b { overflow-wrap: anywhere; }
  .tbl .num.mono { white-space: nowrap; }

  /* Coinler / Helal listesi: [coin | fiyat] / [puan (yönetici: rozetler) | 24s] */
  .fq-tbl > .tr > .td-coin { grid-column: 1; grid-row: 1; }
  .fq-tbl > .tr > [data-fp] { grid-column: 2; grid-row: 1; align-self: center; }
  .fq-tbl > .tr > .fq-sc, .fq-tbl > .tr > .fq-adm-b { grid-column: 1; grid-row: 2; justify-content: flex-start; padding-inline-start: 36px; }
  .fq-tbl > .tr > [data-fc] { grid-column: 2; grid-row: 2; }
  /* yedek coin listesi (#tbl, site.js): [coin | fiyat] / [coin | 24s] */
  #tbl > .tr > .td-coin { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
  #tbl > .tr > [data-price] { grid-column: 2; grid-row: 1; }
  #tbl > .tr > .num:not([data-price]):not([data-cap]) { grid-column: 2; grid-row: 2; }
  .fq-tbl .fq-sc { flex-wrap: nowrap; flex-direction: row; align-items: center; gap: 8px; }
  .fq-tbl .fq-sc b { min-width: 0; text-align: start; }
  .fq-tbl .fq-bar { display: block; }   /* başlık gizli → "100%" çubukla puan olduğu anlaşılsın */

  /* bölüm başlığı: h2 flex olduğu için sözcükler alt satıra geçemiyor, sayfa 351px'e taşıyordu (ölçüldü) */
  .sec-head > div { min-width: 0; flex: 1 1 100%; }
  .sec-head h2 { flex-wrap: wrap; overflow-wrap: anywhere; row-gap: 0; }


  /* Teknik Analiz tabloları: başlık / ilk sütun "nowrap" sayfayı 402-458px'e taşıyordu (ölçüldü) */
  .ta-tbl { font-size: .8rem; }
  .ta-tbl th, .ta-tbl td { padding: 7px 6px; }
  .ta-tbl th, .ta-tbl.ind td:first-child { white-space: normal; }
  .ta-tbl td { overflow-wrap: break-word; }
  .ta-tbl td.mono, .ta-tbl .mono { white-space: nowrap; }   /* "$104,231.55" sayının ortasından bölünmesin (çürütme turu) */
  /* anahtar-değer kutuları: değer uzun olunca kırılır, etiketin üstüne binmez */
  .kv div { flex-wrap: wrap; row-gap: 4px; }
  .kv b { min-width: 0; overflow-wrap: break-word; margin-left: auto; }
  [dir="rtl"] .kv b { margin-left: 0; margin-right: auto; }   /* fiziksel: değer <b dir="ltr"> — mantıksal kenar onun yönüne göre çözülür */
  .kv b bdi, .kv b .chg { white-space: nowrap; }   /* "−$119.7M" satır sonunda bölünmesin */
  .select, select, input[type="text"], input[type="search"] { max-width: 100%; }
  /* araç çubuğundaki etiketli seçim kutusu: genişlik en uzun seçeneğe göre (auto) → 2px taşıyordu */
  .toolbar label { display: flex; flex-direction: column; gap: 6px; width: 100%; min-width: 0; }
  .toolbar .select { width: 100%; }
  /* grafik zaman aralığı düğmeleri (15 adet) 3 satır kaplıyordu → tek satır, yatay kaydırılır */
  .tf:not(.ta-tf) { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
  .tf:not(.ta-tf)::-webkit-scrollbar { display: none; }
  .tf button, .tf:not(.ta-tf) > span { flex: none; white-space: nowrap; }
  /* teknik analiz zaman dilimleri (5 düğme): "yalnızca kapanmış mumlar" etiketi kendi satırında, alttaki açıklamaya binmez */
  .ta-tf > span { flex-basis: 100%; margin: 4px 0 8px; }
  .fq-why { padding: 4px 14px 16px; }

  /* özet kutuları (Coinler, ETF): büyük sayı ("+$21.10M") 2. sütunu taşırıyordu → sütunlar küçülebilir */
  .fq-sum { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fq-sum b { font-size: 1.25rem; overflow-wrap: anywhere; }
  .fq-sum > div { padding: 14px; min-width: 0; }
}

/* dokunma alanları en az ~40px (telefon + tablet / tüm dokunmatik ekranlar): altbilgi, geri bağlantısı, fiyat şeridi,
   kitap sayfası ve kaynak bağlantıları, onay kutuları */
@media (max-width: 760px), (pointer: coarse) {
  .f-links a, .back { display: inline-flex; align-items: center; min-height: 40px; }
  .tk { min-height: 40px; }
  a.bk, .src-l { display: inline-block; padding: 10px 4px; margin-block: -10px; }
  a.bk { padding-inline: 8px; margin-inline: -6px; }
  .checks label { min-height: 40px; }
  .checks input[type="checkbox"] { width: 20px; height: 20px; flex: none; margin-top: 3px; }
}

/* üst başlık: yönetici girişliyken (ADMIN rozeti) tema + menü düğmesi 320/360px'te ekran DIŞINA itiliyordu (ölçüldü:
   menü 382..420px) → aralıklar / düğmeler / dil seçici sıkışır. Ziyaretçide Kaya Global'e dönüş düğmesi 320px'te de görünür. */
@media (max-width: 480px) {
  .nav { gap: 8px; }
  .nav-tools { gap: 6px; }
  .ibtn, .kg-home { width: 36px; height: 36px; }
  .lang button { padding: 5px 7px; }
  .admin-chip { margin-inline-start: 0; padding: 3px 6px; font-size: .62rem; letter-spacing: .04em; }
}
@media (max-width: 359px) {
  .kg-home { display: inline-flex; }
  .nav:has(.admin-chip) .kg-home { display: none; }
}