/* پرامپت‌یاب رساتو · گالری و صفحهٔ هر پرامپت؛ هم‌خانوادهٔ download-glass با گوشه‌های تیز (≤۶px) */
.hub{padding:28px 0 64px}
.topbar nav a[aria-current="page"]{color:var(--amber-2)}

/* ─── سربرگ ─── */
.hub-hero{text-align:center;max-width:760px;margin:24px auto 28px}
.hub-hero h1{margin:14px 0 8px;font-size:clamp(34px,6.4vw,62px);line-height:1.15}
.hub-hero p{color:var(--muted);font-size:clamp(15px,2.2vw,18px);margin:0 auto 22px;max-width:620px}
.hub-search{display:flex;gap:6px;max-width:620px;margin:0 auto 16px;padding:6px;border:.5px solid var(--stroke-2);border-radius:6px;background:rgba(10,18,36,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hub-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;font-size:16px;outline:none}
.hub-search input::placeholder{color:var(--faint)}
.hub-search button{width:46px;border:0;border-radius:4px;background:var(--amber);color:var(--navy);font-size:20px;font-weight:700;transition:transform .2s var(--spring)}
.hub-search button:active{transform:scale(.94)}
.hub-search:focus-within{border-color:rgba(230,201,131,.6);box-shadow:0 0 0 3px rgba(214,173,85,.15)}
.hub-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.hub-chips a{padding:6px 12px;border:.5px solid var(--stroke-2);border-radius:4px;background:var(--glass);color:var(--muted);font-size:14px;transition:background .2s,color .2s,border-color .2s}
.hub-chips a small{opacity:.7;margin-inline-start:4px}
.hub-chips a:hover{color:var(--ink);border-color:rgba(230,201,131,.5)}
.hub-chips a.on{background:rgba(214,173,85,.16);color:var(--amber-2);border-color:rgba(230,201,131,.55)}
.hub-result{color:var(--muted);text-align:center;margin:0 0 16px}
.hub-result a{color:var(--amber-2)}

/* ─── شبکهٔ کارت‌ها ─── */
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hub-grid.small{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.hub-card{display:flex;flex-direction:column;border:.5px solid var(--stroke);border-radius:6px;overflow:hidden;background:rgba(12,20,40,.6);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s var(--ease)}
.hub-card:hover{transform:translateY(-4px);border-color:rgba(230,201,131,.45);box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 .5px rgba(214,173,85,.25)}
.hub-card figure{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(135deg,#1d3357,#18283f 45%,#2a2147)}
.hub-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.hub-card:hover img{transform:scale(1.05)}
.hub-card figure.noimg img{display:none}
.hub-card figure.noimg::after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:40px;color:rgba(230,201,131,.5)}
.hub-card .code{position:absolute;top:8px;inset-inline-start:8px;padding:2px 8px;border-radius:3px;background:rgba(11,20,36,.82);color:var(--amber-2);font:600 12px/1.6 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.5px;backdrop-filter:blur(6px)}
.hub-card .play{position:absolute;inset:auto auto 10px 10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(214,173,85,.92);color:var(--navy);font-size:13px;font-style:normal;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.hub-card .meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px}
.hub-card .model{font-size:12px;color:var(--faint)}
.hub-card h2{margin:0;font-size:15px;line-height:1.6;font-weight:700}
.hub-card p{margin:2px 0 0;font-size:13px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hub-grid.small .meta{padding:8px}
.hub-grid.small h2{font-size:13px}
.hub-pages{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0;color:var(--muted)}
.hub-pages a{padding:8px 14px;border:.5px solid var(--stroke-2);border-radius:4px;color:var(--ink)}
.hub-empty{text-align:center;color:var(--muted);padding:40px 0}
.hub-empty a{color:var(--amber-2)}

/* ─── دعوت به ربات و مجوز ─── */
.hub-bot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:40px 0 16px;padding:22px 24px;border:.5px solid rgba(230,201,131,.35);border-radius:6px;background:linear-gradient(120deg,rgba(214,173,85,.12),rgba(124,92,255,.08))}
.hub-bot h2{margin:0 0 4px;font-size:20px}
.hub-bot p{margin:0;color:var(--muted)}
.hub-bot code,.detail code{padding:1px 6px;border-radius:3px;background:rgba(255,255,255,.08);color:var(--amber-2)}
.hub-bot .primary,.detail .primary{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:5px;background:var(--amber);color:var(--navy);font-weight:700;transition:transform .2s var(--spring),box-shadow .2s}
.hub-bot .primary:hover,.detail .primary:hover{box-shadow:0 10px 30px rgba(214,173,85,.35)}
.hub-license{color:var(--faint);font-size:13px;text-align:center;max-width:720px;margin:12px auto 0}

/* ─── صفحهٔ هر پرامپت ─── */
.crumbs{font-size:13px;color:var(--faint);margin:8px 0 18px}
.crumbs a{color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}
.detail-media{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:96px}
.detail-media>a:first-child,.detail-media video{grid-column:1/-1}
.detail-media img,.detail-media video{width:100%;display:block;border-radius:6px;border:.5px solid var(--stroke);background:#111b30}
.detail-media img{aspect-ratio:auto;object-fit:cover}
.detail-body h1{margin:10px 0 8px;font-size:clamp(26px,4vw,38px);line-height:1.35}
.detail-body h2{font-size:16px;margin:18px 0 6px}
.lead{font-size:17px;color:var(--ink);opacity:.92;margin:0 0 6px}
.why{margin:0;padding-inline-start:20px;color:var(--muted)}
.why li{margin:4px 0}
.why li::marker{color:var(--amber)}
.adapt{margin:14px 0;padding:10px 14px;border-inline-start:3px solid var(--amber);background:rgba(214,173,85,.08);border-radius:3px}
.prompt-box{margin:18px 0;border:.5px solid var(--stroke-2);border-radius:6px;overflow:hidden;background:rgba(5,10,22,.7)}
.prompt-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;border-bottom:.5px solid var(--stroke)}
.copy{border:0;border-radius:4px;padding:6px 14px;background:rgba(214,173,85,.16);color:var(--amber-2);font-weight:600;transition:background .2s}
.copy:hover{background:rgba(214,173,85,.26)}
.copy.ok{background:rgba(61,220,151,.18);color:var(--ok)}
.prompt-box pre{margin:0;padding:14px 16px;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word;text-align:left;font:13.5px/1.75 ui-monospace,Menlo,Consolas,monospace;color:#dfe6f5}
.facts{display:grid;gap:8px;margin:0 0 18px}
.facts div{display:grid;grid-template-columns:120px 1fr;gap:10px}
.facts dt{color:var(--faint)}
.facts dd{margin:0}
.facts a{color:var(--amber-2)}
.credit{margin:16px 0 0;font-size:13px;color:var(--faint);line-height:2}
.credit a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.related{margin-top:44px}

/* ─── همکاری در فروش ─── */
.aff{margin:16px 0 0;padding:14px 16px;border:.5px solid rgba(124,92,255,.4);border-radius:6px;background:rgba(124,92,255,.08)}
.aff b{display:block;margin-bottom:2px}
.aff p{margin:0 0 8px;color:var(--muted);font-size:14px}
.aff a{color:var(--amber-2);font-weight:600}
.aff small{display:block;margin-top:6px;color:var(--faint);font-size:12px}

/* ─── موبایل ─── */
@media (max-width:980px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-grid.small{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
 .shell{width:calc(100% - 32px)}
 .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .hub-card .meta{padding:8px 9px 10px}.hub-card h2{font-size:14px}
 .detail-grid{grid-template-columns:1fr}
 .detail-media{position:static}
 .hub-bot{flex-direction:column;align-items:stretch;text-align:center}
 .facts div{grid-template-columns:1fr;gap:0}
 .topbar nav a:not(.telegram){font-size:14px}
}
@media (prefers-reduced-motion:reduce){.hub-card,.hub-card img{transition:none}.hub-card:hover{transform:none}}
