/* Trending Slots page styles */
:root{--bg:#ffffff;--ink:#0b0f14;--muted:#64748b;--accent:#16dd00;--accent-dark:#0f7e00;--rail:#132f0f;--card:#f6fff4;--stroke:rgba(0,0,0,.12);--container:min(1200px,92vw);--radius:14px;--radius-lg:18px;--shadow:0 10px 30px rgba(0,0,0,.10)}
*{box-sizing:border-box}
body{background:#fff;color:var(--ink);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.container{width:var(--container);margin-inline:auto}
.hero{background:linear-gradient(173deg,#17c705 0%,#121810 0.9%,#17c705 209%);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.hero .container{padding:0 16px}
.breadcrumbs{font-size:12px;opacity:.9}
.breadcrumbs a{opacity:.95}
.hero h1{margin:8px 0 6px;font-size:clamp(28px,3.6vw,44px);line-height:1.15;font-weight:900}
.hero p{margin:0;max-width:820px;opacity:.95}
.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:800}
.btn.accent{background:var(--accent);color:#0b0f14;border-color:transparent}
.btn.accent:hover{filter:saturate(1.03) brightness(1.02)}
@media (max-width:980px){.controls{grid-template-columns:1fr 1fr 1fr}.controls .btn{grid-column:1/-1}}
.grid{width:var(--container);margin:18px auto 60px;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
.slot{display:grid;grid-template-rows:auto 1fr auto;gap:10px;background:var(--card);border:1px solid #c9f5c1;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.slot:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.14)}
.thumb{position:relative;aspect-ratio:16/10;background:#e2e8f0;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;left:10px;top:10px;background:#ff2f71;color:#fff;font-weight:900;padding:6px 10px;border-radius:999px;font-size:12px}
.body{padding:10px 12px}
.title{margin:0 0 2px;font-size:16px;font-weight:900;color:#111}
.meta{display:flex;flex-wrap:wrap;gap:10px;color:#334155;font-size:12px}
.meta b{color:#0b0f14}
.tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.tag{background:#e9f7e6;border:1px solid #c9efbe;color:#0a3a00;font-weight:800;border-radius:999px;padding:4px 8px;font-size:11px}
.foot{display:flex;align-items:center;justify-content:space-between;padding:0 12px 12px}
.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#0b0f14;padding:10px 14px;border-radius:10px;font-weight:900;min-width:120px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.stat{font-size:12px;color:#0b0f14;background:#d9ffe0;border:1px solid #bdf7c5;border-radius:8px;padding:6px 8px;font-weight:800}
.empty{width:var(--container);margin:24px auto;padding:18px;border:2px dashed #cdeeca;border-radius:16px;background:#f5fff4;color:#0a3a00;font-weight:700;text-align:center;display:none}