/* ============================================================
   IzdaX — ئۇيغۇرچە كىنوخانا ئىزدەش سىستېمىسى (RTL)
   بارلىق رەڭ / بۇرجەك / خەت → CSS ئۆزگەرگۈچى (theme.php تەرىپىدىن قويۇلىدۇ)
   ============================================================ */

@font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Amiri-400.woff2') format('woff2'); }
@font-face { font-family: 'Amiri'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/Amiri-700.woff2') format('woff2'); }
@font-face { font-family: 'NotoSansArabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/NotoSansArabic-400.woff2') format('woff2'); }
@font-face { font-family: 'NotoSansArabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/NotoSansArabic-500.woff2') format('woff2'); }
@font-face { font-family: 'NotoSansArabic'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/NotoSansArabic-700.woff2') format('woff2'); }

/* ئەگەر theme.php يۈكلەنمىگەن بولسا، ئەمەلدىكى قىممەتلەر */
:root{
  --bg:#0c0f16; --bg2:#11151f; --card:#171c28; --card2:#1d2433; --line:#2a3242;
  --fg:#eef1f6; --mut:#97a1b3; --acc:#ff5a5f; --acc2:#4f8cff; --gold:#f5c451; --ok:#38d39f;
  --radius:14px; --radius-sm:8px; --wrap:1180px; --fs:16px;
  --font-body:'NotoSansArabic','Segoe UI',system-ui,sans-serif;
  --font-title:'Amiri','NotoSansArabic',serif;
  --shadow:0 10px 30px rgba(0,0,0,.45);
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
html{ font-size:var(--fs); }
body{
  background:var(--bg);
  color:var(--fg);
  font-family:var(--font-body);
  line-height:1.7;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.brand{ font-family:var(--font-title); }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; }
button,input,select,textarea{ font-family:inherit; font-size:inherit; }
code{ font-family:ui-monospace,Menlo,Consolas,monospace; }

.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 18px 60px; }

/* ---------------- ئۈستى بالداق ---------------- */
header.top{ position:sticky; top:0; z-index:60; background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.top .row{ max-width:var(--wrap); margin:0 auto; padding:11px 18px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.brand{ font-size:1.45rem; font-weight:700; color:var(--acc); display:flex; align-items:center; gap:8px; }
.brand small{ color:var(--mut); font-family:var(--font-body); font-weight:500; font-size:.8rem; }
.top nav{ margin-inline-start:auto; display:flex; gap:7px; align-items:center; flex-wrap:wrap; }
.navlink{ padding:7px 14px; border-radius:var(--radius-sm); color:var(--mut); font-size:.9rem; transition:.15s; border:0; background:none; cursor:pointer; }
.navlink:hover{ color:var(--fg); background:var(--card); }
.navlink.acc{ background:var(--acc); color:#fff; }
.navlink.acc2{ background:var(--card2); color:var(--fg); border:1px solid var(--line); }
.navlink.ghostbtn{ background:var(--card2); border:1px solid var(--line); }

/* ---------------- ئىزدەش ---------------- */
.hero{ padding:38px 0 14px; text-align:center; }
.hero h1{ font-size:2.15rem; margin:0 0 8px; }
.hero p{ color:var(--mut); margin:0 auto 22px; max-width:660px; }
.searchbar{ display:flex; gap:10px; max-width:740px; margin:0 auto; }
.searchbar input[type=text]{ flex:1; padding:14px 18px; border-radius:var(--radius); border:1px solid var(--line);
  background:var(--bg2); color:var(--fg); outline:none; transition:.15s; }
.searchbar input[type=text]:focus{ border-color:var(--acc); box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 22%,transparent); }
.searchbar button{ padding:0 26px; border:0; border-radius:var(--radius); background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 65%,#ff8a3d));
  color:#fff; font-size:1rem; font-weight:700; cursor:pointer; }
.searchbar button:disabled{ opacity:.6; cursor:default; }

.source-filter{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:16px 0 6px; }
.chip{ padding:6px 14px; border-radius:20px; border:1px solid var(--line); background:var(--bg2); color:var(--mut);
  font-size:.82rem; cursor:pointer; user-select:none; transition:.15s; }
.chip:hover{ color:var(--fg); }
.chip.on{ background:var(--acc2); color:#fff; border-color:var(--acc2); }
/* ❗ ھەر بىر مەنبە چېكىنىڭ يېنىغا نەتىجە سانى — ئىزدەشتىن كېيىن
     ئۇيغۇرچە «1-مەنبە: 73» دەپ ئېنىق كۆرۈنىدۇ. 0 بولغان مەنبە
     بۇكۈملەك كۆرۈنىدۇ، ئۇنى چېكىپ قويغاندا خىل چۈشەنمەيدۇ. */
.chip .cnt{ display:inline-block; min-width:18px; margin-inline-start:6px; padding:0 5px;
  border-radius:10px; background:rgba(255,255,255,.14); font-size:.72rem; font-weight:700;
  text-align:center; vertical-align:1px; }
.chip.zero{ opacity:.45; }
.chip.zero .cnt{ background:rgba(255,255,255,.06); }
/* ❗ ئىزدەش نەتىجىسى بىلەن «يېڭى قوشۇلغان فىلىملەر» بۆلىكى
     ئىككىسى بىر-بىرىدىن ئايرىلىپ تۇرسۇن — ئۇيغۇر ئىشلەتكۈچى
     نەتىجەنى قەيەردە ئىزدەيدۇ ئېنىق كۆرۈنسۇن. */
#resultArea{ scroll-margin-top:14px; }
#resultArea:not(:empty){ margin-bottom:34px; }
#hotArea:not(:empty){
  padding-top:26px; border-top:1px solid var(--line);
}

/* ---------------- نەتىجە تورى ---------------- */
.grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(158px,1fr)); gap:16px; margin-top:22px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:.18s;
  display:flex; flex-direction:column; cursor:pointer; position:relative; }
.card:hover{ transform:translateY(-4px); border-color:var(--acc); box-shadow:var(--shadow); }
.card .poster{ width:100%; aspect-ratio:2/3; object-fit:cover; background:#000; display:block; }
/* ❗ رەسىم تېخى يۈكلەنمىگەن ⇒ قاراڭ ئورۇن بوش قالمايدۇ،
   ئەڭگە سۈ skeletal (ئۆسكۈلە) ئىقتىدارلىق ئۆزگىرىش بېرىلىدۇ. */
.card .poster.lazy-poster:not(.img-bad){
  background:linear-gradient(100deg,#141824 30%,#1e2534 50%,#141824 70%);
  background-size:220% 100%;
  animation:posterLoading 1.1s linear infinite;
}
.card .poster.lazy-poster.img-bad{
  animation:none;
  background:#0d1017;
  opacity:.5;
}
@keyframes posterLoading{ 0%{background-position:140% 0} 100%{background-position:-40% 0} }
@media (prefers-reduced-motion:reduce){
  .card .poster.lazy-poster:not(.img-bad){ animation:none; background:#141824; }
}
.card .meta{ padding:10px 11px; }
.card .name{ font-weight:600; font-size:.94rem; line-height:1.35; min-height:2.5em; overflow:hidden; }
.card .sub{ color:var(--mut); font-size:.75rem; margin-top:6px; display:flex; justify-content:space-between; gap:6px; }
.badge{ display:inline-block; padding:1px 8px; border-radius:7px; font-size:.7rem; background:color-mix(in srgb,var(--acc) 22%,transparent); color:var(--acc); white-space:nowrap; }
.badge.ok{ background:color-mix(in srgb,var(--ok) 20%,transparent); color:var(--ok); }
.src-tag{ position:absolute; top:8px; inset-inline-start:8px; background:rgba(0,0,0,.62); color:#fff;
  font-size:.7rem; padding:2px 9px; border-radius:8px; backdrop-filter:blur(4px); }
.pay-tag{ position:absolute; top:8px; inset-inline-end:8px; background:rgba(212,175,55,.9); color:#1a1408;
  font-size:.68rem; padding:2px 8px; border-radius:8px; font-weight:700; }
/* ئوخشاش كىنو باشقا مەنبەدە تېپىلغان بەلگىسى */
.card .also-tag{ display:inline-block; margin-inline-start:6px; padding:1px 7px; border-radius:8px;
  background:rgba(120,180,255,.16); color:#a8c8ff; font-size:.68rem; font-weight:700;
  border:1px solid rgba(120,180,255,.28); cursor:help; }

.msg{ padding:18px 20px; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); color:var(--mut); margin-top:20px; }

/* ئىزدەلمىگەندە كۆرسەتىلەن سۆز تۇغمىسى */
.kw-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.kw-chip{
  padding:7px 14px; border-radius:999px; cursor:pointer; font-size:.92rem;
  background:var(--card); border:1px solid var(--line); color:var(--fg);
  transition:border-color .15s, color .15s, background .15s;
}
.kw-chip:hover{ border-color:var(--acc); color:var(--acc); background:var(--acc-soft,rgba(255,255,255,.04)); }

.spinner{ width:34px; height:34px; border:3px solid var(--line); border-top-color:var(--acc); border-radius:50%; margin:26px auto; animation:spin .8s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }
.loading-row{ text-align:center; color:var(--mut); padding:10px; }
.status-line{ color:var(--mut); font-size:.8rem; text-align:center; margin-top:10px; }

/* ---------------- تەپسىلات ---------------- */
.detail{ display:flex; gap:26px; margin-top:26px; flex-wrap:wrap; }
.detail .poster{ width:225px; height:335px; object-fit:cover; border-radius:var(--radius); background:#000; }
.detail .info{ flex:1; min-width:270px; }
.detail h1{ margin:0 0 10px; font-size:1.7rem; }
.kv{ color:var(--mut); font-size:.9rem; margin:4px 0; }
.kv b{ color:var(--fg); }
.content-box{ background:var(--bg2); border:1px solid var(--line); border-radius:var(--radius-sm); padding:12px; margin-top:12px; color:var(--mut); font-size:.9rem; }

.seasons{ margin-top:22px; }
.season-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.season-tab{ padding:6px 14px; border:1px solid var(--line); border-radius:var(--radius-sm); cursor:pointer; font-size:.88rem; color:var(--mut); }
.season-tab.on{ background:var(--acc); color:#fff; border-color:var(--acc); }
.ep-list{ display:grid; grid-template-columns:repeat(auto-fill,minmax(124px,1fr)); gap:9px; }
.ep{ background:var(--bg2); border:1px solid var(--line); border-radius:var(--radius-sm); padding:9px; text-align:center; font-size:.84rem; display:flex; flex-direction:column; gap:5px; }
.ep .lbl{ font-weight:600; }
.ep .play{ color:var(--acc); font-weight:700; cursor:pointer; }
.ep .copy{ color:var(--acc2); cursor:pointer; font-size:.78rem; }
.ep .lock{ color:var(--gold); cursor:pointer; font-size:.78rem; }

.copy-bar{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:16px 0 4px; }
.btn{ padding:9px 16px; border:0; border-radius:var(--radius-sm); background:var(--acc2); color:#fff; font-weight:600; cursor:pointer; font-size:.88rem; }
.btn.ghost{ background:var(--card2); color:var(--fg); border:1px solid var(--line); }
.btn.gold{ background:linear-gradient(135deg,var(--gold),#e0a63d); color:#241c05; }
.btn.danger{ background:var(--acc); color:#fff; }
.btn.sm{ padding:5px 11px; font-size:.8rem; }
.locked-box{ background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,transparent),color-mix(in srgb,var(--acc) 10%,transparent));
  border:1px solid color-mix(in srgb,var(--gold) 40%,transparent); border-radius:var(--radius); padding:18px 20px; margin-top:18px; text-align:center; }
.locked-box h3{ margin:0 0 6px; color:var(--gold); }
.locked-box p{ color:var(--mut); margin:0 0 14px; }

.player{ margin-top:18px; background:#000; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); }
.player video{ width:100%; height:460px; border:0; display:block; background:#000; }
.player .ph{ height:460px; display:flex; align-items:center; justify-content:center; color:var(--mut); }
/* سىناق ۋاقتى تۈگگەندە / خاتالىق بولغاندا كۆرېلىدىغان ئۇچۇق بەت */
.player-msg{ min-height:460px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:28px 22px; color:var(--fg); background:var(--bg2); }
.player-msg h3{ margin:10px 0 0; font-size:1.15rem; }
.player-msg .btn-primary{ margin-top:4px; }
@media (max-width:640px){ .player-msg{ min-height:260px; } }

/* ---------------- فورما ---------------- */
.form-box{ max-width:430px; margin:50px auto; background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius); padding:26px; box-shadow:var(--shadow); }
.form-box h2{ margin:0 0 6px; }
.form-box .hint{ color:var(--mut); font-size:.84rem; margin-bottom:18px; }
.field{ margin-bottom:14px; }
.field label{ display:block; font-size:.84rem; color:var(--mut); margin-bottom:6px; }
.field input,.field select,.field textarea{ width:100%; padding:11px 14px; border-radius:var(--radius-sm); border:1px solid var(--line);
  background:var(--bg2); color:var(--fg); outline:none; }
.field input:focus,.field select:focus,.field textarea:focus{ border-color:var(--acc2); }
.field.row{ display:flex; align-items:center; gap:8px; }
.field.row label{ margin:0; color:var(--fg); }
.btn-primary{ width:100%; padding:13px; border:0; border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 60%,#ff9a3d)); color:#fff; font-size:1rem; font-weight:700; cursor:pointer; margin-top:6px; }
.btn-line{ width:100%; padding:12px; border:1px solid var(--line); border-radius:var(--radius-sm); background:var(--bg2); color:var(--fg); cursor:pointer; margin-top:10px; display:block; text-align:center; }
.form-msg{ padding:10px 12px; border-radius:var(--radius-sm); margin-bottom:14px; font-size:.9rem; }
.form-msg.err{ background:color-mix(in srgb,var(--acc) 18%,transparent); color:var(--acc); border:1px solid color-mix(in srgb,var(--acc) 40%,transparent); }
.form-msg.ok{ background:color-mix(in srgb,var(--ok) 16%,transparent); color:var(--ok); border:1px solid color-mix(in srgb,var(--ok) 40%,transparent); }
.form-msg.warn{ background:color-mix(in srgb,var(--gold) 16%,transparent); color:var(--gold); border:1px solid color-mix(in srgb,var(--gold) 40%,transparent); }
.switch{ text-align:center; color:var(--mut); font-size:.88rem; margin-top:14px; }
.switch a{ color:var(--acc2); }

/* ---------------- ئەزالىق ---------------- */
.plan{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin-top:22px; }
.plan .card{ padding:22px; cursor:default; }
.plan .price{ font-size:1.9rem; font-weight:800; color:var(--gold); font-family:var(--font-title); }
.pay-methods{ background:var(--bg2); border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px; margin-top:14px; white-space:pre-wrap; color:var(--mut); font-size:.9rem; }
.member-badge{ display:inline-flex; align-items:center; gap:6px; padding:4px 12px; border-radius:20px; font-size:.82rem; }
.member-badge.on{ background:color-mix(in srgb,var(--ok) 18%,transparent); color:var(--ok); }
.member-badge.off{ background:color-mix(in srgb,var(--acc) 18%,transparent); color:var(--acc); }
.pay-qr{ text-align:center; margin-top:16px; }
.pay-qr img{ width:230px; max-width:78%; border-radius:var(--radius); border:1px solid var(--line); background:#fff; padding:8px; }
.pay-qr .cap{ color:var(--mut); font-size:.84rem; margin-top:8px; }
.pay-qr .cap b{ color:#22c55e; }

/* ---------------- ئۇقتۇرۇش/ئېلان ---------------- */
.notice{ background:linear-gradient(135deg,color-mix(in srgb,var(--acc2) 14%,transparent),color-mix(in srgb,var(--acc) 10%,transparent));
  border:1px solid color-mix(in srgb,var(--acc2) 35%,transparent); border-radius:var(--radius); padding:12px 16px; margin:16px 0; color:var(--fg); font-size:.92rem; }

/* ---------------- سىناق ۋاقتى ---------------- */
#trialBar{ border-color:color-mix(in srgb,var(--gold) 45%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 14%,transparent),transparent); }
#trialBar b{ font-variant-numeric:tabular-nums; font-size:1.05rem; }
#trialBar .btn{ padding:7px 14px; font-size:.86rem; }

/* ---------------- باشقۇرۇش ---------------- */
.admin-wrap{ display:flex; gap:20px; margin-top:20px; align-items:flex-start; }
.admin-side{ width:216px; flex:none; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:12px; position:sticky; top:80px; }
.admin-side a{ display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:var(--radius-sm); color:var(--mut); margin-bottom:4px; font-size:.9rem; }
.admin-side a:hover,.admin-side a.on{ background:var(--card2); color:var(--fg); }
.admin-side .badge-n{ margin-inline-start:auto; background:var(--acc); color:#fff; border-radius:10px; padding:0 7px; font-size:.7rem; }
.admin-main{ flex:1; min-width:0; }
.admin-main h2{ margin:0 0 16px; }
table.tbl{ width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:table; }
table.tbl th,table.tbl td{ padding:11px 12px; text-align:start; border-bottom:1px solid var(--line); font-size:.88rem; vertical-align:middle; }
table.tbl th{ background:var(--bg2); color:var(--mut); font-weight:600; white-space:nowrap; }
table.tbl tr:last-child td{ border-bottom:0; }
table.tbl tr:hover td{ background:color-mix(in srgb,var(--bg2) 70%,transparent); }
.tag{ padding:2px 9px; border-radius:7px; font-size:.75rem; white-space:nowrap; display:inline-block; }
.tag.sabilar{ background:color-mix(in srgb,var(--gold) 22%,transparent); color:var(--gold); }
.tag.dilsir{ background:#1c2b46; color:#9cc0ff; }
.tag.maccms{ background:#2b1c46; color:#c9a8ff; }
.tag.generic{ background:#1c4632; color:#8be0a8; }
.tag.on{ background:color-mix(in srgb,var(--ok) 20%,transparent); color:var(--ok); }
.tag.off{ background:color-mix(in srgb,var(--acc) 20%,transparent); color:var(--acc); }
.tag.admin{ background:color-mix(in srgb,var(--acc2) 22%,transparent); color:var(--acc2); }
.row-actions{ white-space:nowrap; }
.row-actions a,.row-actions button{ margin-inline-end:6px; font-size:.82rem; color:var(--acc2); cursor:pointer; background:none; border:0; padding:0; }
.row-actions .danger{ color:var(--acc); }
.stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px; }
.stat{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; }
.stat .k{ color:var(--mut); font-size:.82rem; }
.stat .v{ font-size:1.7rem; font-weight:800; font-family:var(--font-title); }
.form-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.form-grid .wide{ grid-column:1/-1; }
.section{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:18px; margin-bottom:18px; }
.section h3{ margin:0 0 12px; }
.btnrow{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:8px; }
.btnrow .btn-primary,.btnrow .btn-line,.btnrow .btn{ width:auto; margin-top:0; }
.tabs{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.tabs a{ padding:7px 14px; border-radius:var(--radius-sm); background:var(--card2); border:1px solid var(--line); font-size:.85rem; color:var(--mut); }
.tabs a.on{ background:var(--acc2); color:#fff; border-color:var(--acc2); }

/* ---------------- مىما ساندۇقى ---------------- */
/* JS ئاساسىدا باشقۇرىلىدۇ (inline style) — CSS پەقەت كۆرۈنۈش شەكلىنى بېرىدۇ */
/* #themeDrawerGuard (theme.php دىكى inline <style>) ئەڭ كۈچلۈك — بۇ يەردىكى
   rules پەقەت «ئاق بۇركۈن» ھەقمدە، كونا كېچە بار بولسا پەقەتلا يېڭىلىنىدۇ. */
body.theme-open,html.theme-open{ overflow:hidden; }
.theme-drawer{ position:fixed; top:0; right:0; bottom:0; left:0; width:100vw; height:100vh;
  z-index:2147483000; background:rgba(0,0,0,.58); display:none; justify-content:flex-start; align-items:stretch; }
.theme-drawer.open{ display:flex; }
.theme-card{ width:420px; max-width:100vw; height:100%; min-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;
  background:var(--card); border-inline-end:1px solid var(--line); padding:20px; box-sizing:border-box; box-shadow:var(--shadow);
  animation:slideIn .18s ease; }
@keyframes slideIn{ from{ opacity:.4 } to{ opacity:1 } }
.theme-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; font-size:1.1rem; }
.theme-x{ background:var(--card2); border:1px solid var(--line); color:var(--fg); border-radius:var(--radius-sm);
  width:40px; height:40px; min-width:40px; font-size:1.15rem; line-height:1; cursor:pointer; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center; }
.theme-x:hover{ background:var(--acc); color:#fff; border-color:var(--acc); }
.theme-sec{ margin-bottom:18px; }
.theme-lbl{ color:var(--mut); font-size:.84rem; margin-bottom:9px; }
.preset-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:8px; }
.preset{ display:flex; align-items:center; gap:4px; padding:10px 8px; border:2px solid var(--line); border-radius:var(--radius-sm); cursor:pointer; position:relative; }
.preset i{ width:12px; height:12px; border-radius:50%; display:inline-block; }
.preset em{ font-style:normal; font-size:.76rem; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.7); margin-inline-start:auto; }
.preset.on{ box-shadow:0 0 0 2px var(--acc2); }
.color-row{ display:grid; grid-template-columns:repeat(auto-fill,minmax(104px,1fr)); gap:8px; }
.color-item{ display:flex; align-items:center; justify-content:space-between; gap:6px; background:var(--bg2); border:1px solid var(--line); border-radius:var(--radius-sm); padding:6px 8px; font-size:.78rem; color:var(--mut); }
.color-item input[type=color]{ width:34px; height:26px; border:0; background:none; padding:0; cursor:pointer; }
.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.two-col label{ font-size:.8rem; color:var(--mut); display:flex; flex-direction:column; gap:5px; }
.two-col select{ padding:8px 10px; border-radius:var(--radius-sm); border:1px solid var(--line); background:var(--bg2); color:var(--fg); }
.theme-foot{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.theme-foot .btn-primary,.theme-foot .btn-line{ margin-top:0; }
.theme-close2{ margin-inline-start:auto !important; }
.theme-hint{ color:var(--mut); font-size:.78rem; margin-top:12px; }

@media (max-width:520px){
  .theme-drawer{ justify-content:flex-start; padding-inline-end:34px; }
  .theme-card{ width:100%; max-width:100vw; padding:16px; border-inline-end:0; }
}

footer.foot{ margin-top:50px; padding:22px 0; color:var(--mut); font-size:.82rem; border-top:1px solid var(--line); text-align:center; }
footer.foot p{ margin:0; }
.footlink{ color:var(--acc2); text-decoration:none; }
.footlink:hover{ text-decoration:underline; }

/* ---------------- جاۋابچان ---------------- */
@media (max-width:860px){
  .admin-wrap{ flex-direction:column; }
  /* ❗ column ھالىتىدە flex:1 بىلەن «مەسىلىلە ھەم كەڭ» (content size) بولۇپ كەتەدۇ
     — ئەگەر width:100% بەرمىسە، ئىچىدىكى جەدۋەل main نى كېڭەيتىپ ئەۋرەن چىقىدۇ. */
  .admin-main{ width:100%; min-width:0; }
  .admin-side{ width:100%; position:static; display:flex; flex-wrap:wrap; gap:6px; }
  .admin-side a{ margin:0; }
}
@media (max-width:720px){
  .hero h1{ font-size:1.6rem; }
  .detail .poster{ width:150px; height:225px; }
  .player video,.player .ph{ height:280px; }
  .searchbar{ flex-direction:column; }
  .searchbar button{ padding:13px; }
  table.tbl{ display:block; overflow-x:auto; }
  /* ئالدىنلا .tbl-scroll قۇرۇلفان جەدۋەل — ئىچى زى.flush */
  .tbl-scroll table.tbl{ display:table; }
}

/* ============================================================
   تەشۋىق بۆلەكلىرى (promo) — ئىزدەش / سىناق / ئەزا / مەنبە قوشۇش
   ============================================================ */
.promo{ margin:26px 0 8px; }
.promo-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; }

.promo-card{
  position:relative; overflow:hidden;
  background:var(--card); border:1px solid var(--line);
  border-radius:var(--radius); padding:20px 18px 18px;
  display:flex; flex-direction:column; gap:9px;
  transition:transform .18s, border-color .18s, box-shadow .18s;
}
.promo-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow); }
/* ھەر بىر كارتىنىڭ يېقىرىدا رەڭلىك ياغ */
.promo-card::before{
  content:''; position:absolute; inset-inline:0; top:0; height:3px;
  background:var(--pc,var(--acc2));
}
.promo-card.free { --pc:var(--ok); }
.promo-card.trial{ --pc:var(--acc2); }
.promo-card.vip  { --pc:var(--gold); }
.promo-card.join { --pc:#b06bff; }

.promo-ico{
  width:46px; height:46px; flex:0 0 46px; border-radius:13px;
  display:flex; align-items:center; justify-content:center; font-size:1.45rem;
  background:color-mix(in srgb,var(--pc) 16%,transparent);
  border:1px solid color-mix(in srgb,var(--pc) 34%,transparent);
}
.promo-card h3{ margin:2px 0 0; font-size:1.16rem; line-height:1.4; }
.promo-card p{ margin:0; color:var(--mut); font-size:.87rem; line-height:1.65; }
.promo-card ul{ list-style:none; margin:4px 0 0; padding:0; display:flex; flex-direction:column; gap:5px; }
.promo-card li{ font-size:.83rem; color:var(--mut); line-height:1.55; }
.promo-card li b{ color:var(--fg); }
.promo-card .btn{ margin-top:auto; align-self:flex-start; }

/* نېمە ئۈچۈن بۇ يەرنى تاللايمىز */
.why{ margin:30px 0 6px; }
.why h2{ font-size:1.35rem; margin:0 0 14px; text-align:center; }
.why-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
.why-grid > div{
  background:var(--bg2); border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:14px 15px;
}
.why-grid b{ display:block; font-size:.95rem; margin-bottom:5px; }
.why-grid p{ margin:0; color:var(--mut); font-size:.83rem; line-height:1.6; }

/* ئەزا مەركىزى — ھوقۇق جەدۋەلى */
.vip-table{ width:100%; border-collapse:collapse; margin-top:8px; font-size:.88rem; }
.vip-table th,.vip-table td{ padding:10px 12px; text-align:start; border-bottom:1px solid var(--line); }
.vip-table th{ color:var(--mut); font-weight:600; font-size:.82rem; }
.vip-table td.yes{ color:var(--ok); font-weight:600; }
.vip-table td.no{ color:var(--mut); }
.vip-table tr:last-child td{ border-bottom:0; }

/* سىناق ۋاقتى ئاگاھلاندۇرۇشى */
.trial-nudge{
  margin:12px 0 0; padding:11px 14px; border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--gold) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--gold) 32%,transparent);
  font-size:.85rem; color:var(--fg); line-height:1.6;
}
.trial-nudge b{ color:var(--gold); }

/* ھەر خىل ئۈسكۈنىدە ئىشلەيدۇ */
.dev-row{ display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.dev-row span{
  font-size:.78rem; padding:3px 10px; border-radius:999px;
  background:var(--card2); border:1px solid var(--line); color:var(--mut);
}

@media (max-width:520px){
  .promo-grid{ grid-template-columns:1fr; }
  .promo-card{ padding:16px 15px 15px; }
  .promo-card h3{ font-size:1.08rem; }
  .why h2{ font-size:1.15rem; }
}

/* RTL ھەميانە: بىرىنچى كارتا (ئىزدەش) ئەڭ چېڭدا تۇرسۇن */
.promo-grid{ direction:ltr; }
.promo-card{ direction:rtl; }
.why-grid{ direction:ltr; }
.why-grid > div{ direction:rtl; }

/* ===== خاتىرە بېتى: ھەرگىرسىز كۆرۈنۈش (admin.php) ===== */
.tbl-scroll{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:10px;
  border:1px solid var(--line);
}
.tbl-scroll .tbl{ margin:0; border:0; min-width:560px; }
.tbl-scroll .tbl th:first-child,
.tbl-scroll .tbl td:first-child{ position:sticky; start:0; background:var(--card); z-index:1; }

.log-filter-form{
  display:flex; gap:8px; flex-wrap:wrap; align-items:center;
  margin-bottom:12px;
}
.log-filter-form select,
.log-filter-form input{
  padding:8px 10px; border-radius:8px;
  background:var(--card); color:var(--fg); border:1px solid var(--line);
  font-family:inherit; font-size:.9rem;
}
.log-filter-form input[name=ip]{ width:150px; direction:ltr; }
.log-filter-form input[name=kw]{ flex:1; min-width:160px; }

@media (max-width:640px){
  .log-filter-form{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .log-filter-form input[name=ip],
  .log-filter-form input[name=kw]{ width:auto; min-width:0; grid-column:1 / -1; }
  .log-filter-form .btn,
  .log-filter-form .btn-line{ grid-column:1 / -1; width:100%; }
  .tbl-scroll .tbl{ min-width:520px; }
  .tbl-scroll .tbl td{ font-size:.82rem; }
}

/* ===== تەپسىلات بېتى: تېلېفوندا يېقىنىش ===== */
@media (max-width:640px){
  /* .detail بىر خىل يۆنىلىشكە بىر ھەم سىناق قىلىدۇ — سىناقتا .info نىڭ
     min-width:270px سەۋەبىدىن باشقا ئىستونلار ئۇنىغا چىشىپ،
     ھەر بىر ھەرپ ئېھتىياجدىن ئارتۇق تېخە بىر قۇرغۇچ بولىپ قېلىپ كېتەدۇ. */
  .detail{ display:block; }
  .detail .poster{ display:block; margin:0 auto 14px; }
  .detail .info{ min-width:0; width:100%; }
  .detail h1{ font-size:1.35rem; }
}

/* «ئەزا بولۇڭ» دېگەن بۇتنۇڭ ئىككى قۇرغۇچ بولۇپ كېتىشى — ھەرگىز يېرىم قۇرغۇچ بولۇپ قالمايدۇ */
a.btn, button.btn, .btn{
  white-space:nowrap;
  display:inline-flex; align-items:center; justify-content:center;
}
.trial-bar, .trial-nudge{ flex-wrap:wrap; }
.trial-bar a.btn, .trial-nudge a.btn{ flex:none; }