/*
Theme Name: Moviebeess Final v2.0
Description: Final theme - Top 10 most viewed, mobile 2-column grid, sticky Telegram/WhatsApp buttons.
Version: 2.0
Author: Moviebeess
*/
:root{--accent:#ff4632;--bg:#0b0b0c;--card:#131314;--muted:#777;}
body{margin:0;background:var(--bg);color:#e6e6e6;font-family:Arial,Helvetica;}
a{color:var(--accent);text-decoration:none;}
.container{max-width:1150px;margin:auto;padding:0 15px;}
.header{padding:18px 0;border-bottom:1px solid #222;display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:28px;color:#fff;font-weight:700;}
.main-nav{margin-left:20px;}
.sticky-join{position:fixed;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:1000;}
.sticky-join a{background:var(--accent);color:#fff;padding:10px 18px;border-radius:30px;font-weight:600;box-shadow:0 0 10px #000;}
.top10{margin-top:20px;padding:18px 0;}
.top10 h2{color:#fff;margin:0 0 10px 0;}
.top10-list{display:flex;overflow-x:auto;gap:14px;padding-bottom:10px;}
.top10-item{min-width:160px;background:var(--card);border-radius:6px;overflow:hidden;}
.top10-item img{width:100%;height:240px;object-fit:cover;}
.top10-item .meta{padding:8px;font-size:14px;color:#eee;}

.grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:10px 0 60px;}
.card{background:var(--card);border-radius:6px;overflow:hidden;}
.card img{width:100%;height:300px;object-fit:cover;}
.card .meta{padding:10px;}
.button{display:inline-block;background:var(--accent);color:#fff;padding:8px 12px;border-radius:6px;margin-top:6px;}
.footer{text-align:center;padding:30px;color:var(--muted);margin-top:40px;border-top:1px solid #222;}

/* MOBILE 2-column */
@media(max-width:600px){
  .grid{grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:80px;}
  .card img{height:180px;}
  .top10-item img{height:160px;}
  .sticky-join{bottom:8px;padding:0 6px;}
}