:root{
  --bg:#0e0e18;--bg2:#161624;--bg3:#1e1e32;--bg4:#252540;
  --accent:#4ade80;--accent2:#f4a261;--red:#e63946;
  --border:rgba(255,255,255,0.08);--border2:rgba(74,222,128,0.2);
  --text:#ffffff;--text2:rgba(255,255,255,0.7);--text3:rgba(255,255,255,0.45);--text4:rgba(255,255,255,0.25);
  --font-display:'Bebas Neue',sans-serif;--font-body:'Nunito',sans-serif;
  --radius:14px;--radius-sm:8px;
  --shadow:0 8px 32px rgba(0,0,0,0.4);--shadow-accent:0 4px 24px rgba(74,222,128,0.2);
  --bottom-nav-h:60px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes autoProgress{from{width:0%}to{width:100%}}
@keyframes slideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* NAVBAR */
.nav{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(14,14,24,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;gap:12px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.logo-icon{width:42px;height:42px;border-radius:12px;border:2px solid rgba(74,222,128,0.5);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a0a2e,#3b1f6b);box-shadow:0 0 14px rgba(74,222,128,0.25);}
.logo-icon svg{width:32px;height:32px;}
.logo-text{font-family:var(--font-display);font-size:30px;letter-spacing:2px;background:linear-gradient(90deg,#4ade80,#a3f0c0,#f4a261);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(74,222,128,0.3));}
.nav-links{display:flex;gap:4px;align-items:center;}
.nav-links a{color:var(--text3);text-decoration:none;font-size:13px;font-weight:600;padding:6px 11px;border-radius:var(--radius-sm);transition:all 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--accent);background:rgba(74,222,128,0.08);}
.nav-right{display:flex;gap:8px;align-items:center;}
.nav-search{display:flex;align-items:center;gap:8px;background:var(--bg3);border-radius:10px;padding:7px 12px;border:1px solid var(--border);transition:border-color 0.2s;}
.nav-search:focus-within{border-color:var(--accent);}
.nav-search input{background:transparent;border:none;color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;width:140px;}
.nav-search input::placeholder{color:var(--text4);}
.btn-login{padding:7px 14px;border-radius:var(--radius-sm);background:transparent;border:1px solid rgba(255,255,255,0.2);color:var(--text2);font-size:12px;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all 0.2s;}
.btn-login:hover{border-color:var(--accent);color:var(--accent);}
.btn-join{padding:7px 14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--red),var(--accent2));border:none;color:#fff;font-size:12px;font-family:var(--font-body);font-weight:700;cursor:pointer;transition:opacity 0.2s,transform 0.2s;}
.btn-join:hover{opacity:0.9;transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);}
.mobile-search-btn{display:none;background:none;border:none;color:var(--text2);font-size:20px;cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);line-height:1;transition:color 0.2s;}
.mobile-search-btn:hover{color:var(--accent);}
.mobile-search-bar{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(14,14,24,0.98);border-bottom:1px solid var(--border);padding:10px 16px;z-index:999;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}
.mobile-search-bar.open{display:flex;align-items:center;gap:10px;animation:slideIn 0.2s ease;}
.mobile-search-bar input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:9px 14px;color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;}
.mobile-search-bar input:focus{border-color:var(--accent);}
.mobile-search-close{background:none;border:none;color:var(--text3);font-size:18px;cursor:pointer;padding:4px;}

/* WEATHER */
.weather-bar{display:flex;align-items:center;justify-content:space-between;padding:7px 24px;background:var(--bg2);border-bottom:1px solid var(--border);}
.weather-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.weather-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text3);font-weight:500;}
.weather-temp{font-size:12px;font-weight:700;color:var(--accent);}
.date-text{font-size:11px;color:var(--text4);}

/* AD */
.ad-wrapper{margin:12px 24px 0;}
.ad-banner{border-radius:var(--radius);overflow:hidden;background:linear-gradient(90deg,#1a1050,#2d1b69);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(107,127,247,0.3);gap:14px;}
.ad-text{font-size:12px;color:var(--text2);line-height:1.5;}
.ad-text strong{color:#c084fc;font-size:13px;display:block;margin-bottom:2px;}
.ad-btn{padding:8px 16px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#7c3aed,#c084fc);border:none;color:#fff;font-size:12px;font-family:var(--font-body);font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;}
.ad-label{font-size:10px;color:var(--text4);text-align:right;padding:3px 24px 4px;}

/* HERO */
.hero-section{padding:16px 24px 10px;}
.hero-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.hero-label-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--red),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:13px;animation:float 3s ease-in-out infinite;}
.hero-label-text{font-family:var(--font-display);font-size:18px;letter-spacing:1px;color:var(--accent);}

/* CAROUSEL */
.featured-carousel-wrapper{position:relative;overflow:hidden;}
.featured-track{display:flex;gap:12px;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform;}
.featured-card{border-radius:var(--radius);overflow:hidden;background:var(--bg3);cursor:pointer;position:relative;border:1px solid var(--border);transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s;flex:0 0 calc(25% - 9px);min-width:calc(25% - 9px);}
.featured-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(74,222,128,0.15);}
.featured-img{width:100%;height:180px;background:linear-gradient(160deg,#0d0d25,#1a1050);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.featured-img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform 0.4s;}
.featured-card:hover .featured-img img{transform:scale(1.05);}
.featured-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--bg3),transparent);}
.featured-tags{position:absolute;top:8px;left:8px;display:flex;gap:5px;z-index:2;}
.ftag{font-size:9px;padding:3px 9px;border-radius:20px;font-weight:700;letter-spacing:0.5px;}
.ftag-top{background:linear-gradient(90deg,var(--red),var(--accent2));color:#fff;}
.ftag-new{background:var(--accent);color:#0a2a0a;}
.featured-body{padding:10px 12px 12px;}
.featured-cats{display:flex;gap:4px;margin-bottom:6px;}
.cpill{font-size:9px;padding:3px 8px;border-radius:20px;font-weight:700;}
.cp-act{background:var(--red);color:#fff;}.cp-sci{background:#3b4fd4;color:#fff;}.cp-drm{background:#2d8a4e;color:#fff;}
.featured-title{font-family:var(--font-display);font-size:15px;letter-spacing:0.5px;line-height:1.2;margin-bottom:5px;}
.featured-desc{font-size:11px;color:rgba(255,255,255,0.5);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.featured-foot{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:4px;}
.author{display:flex;align-items:center;gap:6px;}
.ava{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#fff;flex-shrink:0;}
.ava-name{font-size:10px;color:var(--text3);font-weight:600;}
.stats-row{display:flex;gap:8px;}
.stat-item{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text3);}
.watch-btn{width:100%;padding:9px;border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent2));border:none;color:#0a2a0a;font-size:12px;font-family:var(--font-display);letter-spacing:1px;cursor:pointer;transition:opacity 0.2s;}
.watch-btn:hover{opacity:0.9;}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;}
.carousel-btn{width:34px;height:34px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);color:var(--text2);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.carousel-btn:hover{background:var(--accent);color:#0a2a0a;border-color:var(--accent);}
.carousel-dots{display:flex;gap:6px;align-items:center;}
.dot{width:8px;height:8px;border-radius:3px;background:rgba(255,255,255,0.2);cursor:pointer;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);flex-shrink:0;}
.dot.active{width:24px;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 8px rgba(74,222,128,0.5);}
.carousel-auto-bar{position:absolute;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:1px;}
.carousel-auto-bar.running{animation:autoProgress 5s linear forwards;}

/* SECTIONS */
.section{padding:16px 24px 8px;}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.section-title{font-family:var(--font-display);font-size:19px;letter-spacing:1px;color:var(--text2);}
.section-title span{color:var(--accent);}
.see-all{font-size:12px;color:var(--accent);font-weight:700;text-decoration:none;padding:5px 10px;border-radius:6px;transition:background 0.2s;}
.see-all:hover{background:rgba(74,222,128,0.1);}

/* MAIN CATEGORY GRID */
.main-cats-section{padding:0 0 8px;}
.main-cats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 24px 8px;}
.mcat-card{background:var(--bg3);border-radius:12px;padding:12px 10px 10px;cursor:pointer;border:1px solid var(--border);transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;user-select:none;animation:fadeUp 0.4s ease both;}
.mcat-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.22s;border-radius:12px;}
.mcat-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,0.14);}
.mcat-card:hover::before{opacity:1;}
.mcat-all{border-color:rgba(74,222,128,0.25);background:linear-gradient(135deg,rgba(74,222,128,0.08),rgba(74,222,128,0.03));}
.mcat-all::before{background:linear-gradient(135deg,rgba(74,222,128,0.14),rgba(244,162,97,0.08));}
.mcat-all.selected{border-color:var(--accent);background:rgba(74,222,128,0.12);}
.mcat-movie::before{background:linear-gradient(135deg,rgba(230,57,70,0.1),rgba(244,162,97,0.07));}
.mcat-movie.selected{border-color:var(--red);background:rgba(230,57,70,0.1);}
.mcat-news::before{background:linear-gradient(135deg,rgba(74,222,128,0.1),rgba(34,197,94,0.07));}
.mcat-news.selected{border-color:var(--accent);background:rgba(74,222,128,0.1);}
.mcat-travel::before{background:linear-gradient(135deg,rgba(6,182,212,0.1),rgba(59,130,246,0.07));}
.mcat-science::before{background:linear-gradient(135deg,rgba(168,85,247,0.1),rgba(124,58,237,0.07));}
.mcat-ai::before{background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(239,68,68,0.07));}
.mcat-history::before{background:linear-gradient(135deg,rgba(249,115,22,0.1),rgba(220,38,38,0.07));}
.mcat-knowledge::before{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(8,145,178,0.07));}
.mcat-product::before{background:linear-gradient(135deg,rgba(236,72,153,0.1),rgba(139,92,246,0.07));}
.mcat-stars::before{background:linear-gradient(135deg,rgba(250,204,21,0.12),rgba(251,146,60,0.08));}
.mcat-icon{width:42px;height:42px;margin-bottom:7px;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,0.3);transition:transform 0.25s;flex-shrink:0;}
.mcat-all .mcat-icon{border-radius:50%;}
.mcat-card:hover .mcat-icon{transform:scale(1.1) rotate(-3deg);}
.mcat-icon svg{width:42px;height:42px;display:block;}
.mcat-label{font-family:var(--font-display);font-size:13px;letter-spacing:0.4px;color:var(--text);margin-bottom:2px;line-height:1.1;}
.mcat-sub{font-size:9px;color:var(--text4);font-weight:500;margin-bottom:5px;line-height:1.2;}
.mcat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:rgba(255,255,255,0.08);border-radius:9px;font-size:10px;font-weight:700;color:var(--text3);}
.mcat-all .mcat-badge{background:rgba(74,222,128,0.2);color:var(--accent);}
.mcat-movie .mcat-badge{background:rgba(230,57,70,0.18);color:#ff6b7a;}
.mcat-news .mcat-badge{background:rgba(74,222,128,0.18);color:var(--accent);}
.mcat-travel .mcat-badge{background:rgba(6,182,212,0.18);color:#06b6d4;}
.mcat-science .mcat-badge{background:rgba(168,85,247,0.18);color:#c084fc;}
.mcat-ai .mcat-badge{background:rgba(245,158,11,0.18);color:#fbbf24;}
.mcat-history .mcat-badge{background:rgba(249,115,22,0.18);color:#fb923c;}
.mcat-knowledge .mcat-badge{background:rgba(16,185,129,0.18);color:#34d399;}
.mcat-product .mcat-badge{background:rgba(236,72,153,0.18);color:#f472b6;}
.mcat-stars .mcat-badge{background:rgba(250,204,21,0.2);color:#fbbf24;}

@media(max-width:900px){
  .main-cats-grid{grid-template-columns:repeat(5,1fr);gap:7px;padding:0 16px 8px;}
  .mcat-icon{width:36px;height:36px;}.mcat-icon svg{width:36px;height:36px;}
  .mcat-label{font-size:11px;}.mcat-sub{display:none;}
}
@media(max-width:600px){
  .main-cats-grid{grid-template-columns:repeat(5,1fr);gap:5px;padding:0 12px 8px;}
  .mcat-card{padding:9px 5px 8px;border-radius:10px;}
  .mcat-icon{width:30px;height:30px;}.mcat-icon svg{width:30px;height:30px;}
  .mcat-label{font-size:10px;}.mcat-badge{display:none;}
}
@media(max-width:400px){
  .main-cats-grid{grid-template-columns:repeat(5,1fr);gap:4px;}
  .mcat-card{padding:7px 3px 6px;}
  .mcat-icon{width:26px;height:26px;}.mcat-icon svg{width:26px;height:26px;}
  .mcat-label{font-size:9px;}
}

/* NEWS CATS */
.news-cats{display:flex;gap:8px;overflow-x:auto;padding:0 24px 12px;scrollbar-width:none;}
.news-cats::-webkit-scrollbar{display:none;}
.ncat-btn{padding:7px 15px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--text3);font-size:12px;font-family:var(--font-body);font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all 0.2s;}
.ncat-btn:hover{border-color:var(--border2);color:var(--accent);}
.ncat-btn.on{background:rgba(74,222,128,0.12);color:var(--accent);border-color:var(--accent);}

/* Кино жанр */
.cat-section-wrap{padding:0 24px 4px;}
.cat-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;}
.cat-row::-webkit-scrollbar{display:none;}
.cat-btn{padding:7px 15px;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,0.04);color:var(--text3);font-size:12px;font-family:var(--font-body);font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all 0.2s;}
.cat-btn:hover{border-color:var(--border2);color:var(--accent);}
.cat-btn.on{background:var(--accent);color:#0a2a0a;border-color:var(--accent);}

/* MOVIE GRID */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 20px;}
.grid-card{background:var(--bg3);border-radius:var(--radius);overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:border-color 0.25s,transform 0.25s,box-shadow 0.25s;animation:fadeUp 0.4s ease both;}
.grid-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:var(--shadow-accent);}
.grid-img{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a0a2e,#3b1f6b);display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;overflow:hidden;}
.grid-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.grid-card:hover .grid-img img{transform:scale(1.05);}
.grid-badge{position:absolute;top:7px;left:7px;font-size:9px;padding:3px 8px;border-radius:20px;font-weight:700;}
.grid-body{padding:10px 12px 12px;}
.grid-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.grid-meta{font-size:11px;color:rgba(255,255,255,0.5);margin-bottom:8px;}
.grid-stats{display:flex;gap:10px;}
.gstat{display:flex;align-items:center;gap:4px;font-size:11px;color:rgba(255,255,255,0.5);cursor:pointer;font-weight:600;transition:color 0.2s;padding:2px 0;background:none;border:none;font-family:var(--font-body);}
.gstat:hover{color:var(--accent);}
.gstat.liked{color:var(--red);}

/* SKELETON */
.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}
.skel-card{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
.skel-img{width:100%;aspect-ratio:16/9;}
.skel-body{padding:10px 12px;}
.skel-line{height:11px;border-radius:4px;margin-bottom:7px;}
.skel-line.short{width:55%;}

/* NEWS GRID */
.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 20px;}
.news-card{background:var(--bg3);border-radius:var(--radius);overflow:hidden;cursor:pointer;border:1px solid var(--border);display:flex;flex-direction:column;transition:border-color 0.25s,transform 0.25s;animation:fadeUp 0.5s ease both;}
.news-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:var(--shadow-accent);}
.news-img{width:100%;height:160px;background:linear-gradient(135deg,#1a1a0a,#2a2a10);overflow:hidden;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;}
.news-img img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;position:absolute;top:0;left:0;transition:transform 0.4s;}
.news-card:hover .news-img img{transform:scale(1.04);}
.news-img .n-emoji{font-size:44px;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.5));transition:transform 0.3s;position:relative;z-index:1;}
.news-card:hover .n-emoji{transform:scale(1.12) rotate(-4deg);}
.news-body{padding:10px 12px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.news-cat{font-size:9px;padding:3px 8px;border-radius:20px;font-weight:700;background:rgba(74,222,128,0.12);color:var(--accent);display:inline-block;margin-bottom:5px;}
.news-title{font-size:12px;font-weight:700;color:var(--text);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-foot{display:flex;align-items:center;justify-content:space-between;}
.news-date{font-size:10px;color:var(--text4);}
.news-views{font-size:10px;color:var(--text4);}

/* HIDDEN SECTION */
.section-hidden{display:none;}

/* MESSENGER FAB */
.messenger-fab{position:fixed;bottom:calc(var(--bottom-nav-h) + 14px);right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0084ff,#00c6ff);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 24px rgba(0,132,255,0.4);z-index:998;text-decoration:none;font-size:22px;transition:transform 0.2s;}
.messenger-fab:hover{transform:scale(1.1);}

/* FOOTER */
.footer{background:#0a0a14;padding:28px 24px 18px;border-top:1px solid var(--border);margin-top:8px;}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;}
.footer-col h4{font-family:var(--font-display);font-size:15px;letter-spacing:1px;color:var(--accent);margin-bottom:12px;}
.footer-col p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.7;}
.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.5);text-decoration:none;margin-bottom:7px;font-weight:500;transition:color 0.2s;}
.footer-col a:hover{color:var(--accent);}
.footer-social{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;}
.social-btn{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;color:#fff;transition:transform 0.2s,opacity 0.2s;border:none;}
.social-btn:hover{transform:translateY(-3px);opacity:0.9;}
.sb-fb{background:linear-gradient(135deg,#1877f2,#0a5ab4);}
.sb-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#bc1888);}
.sb-yt{background:linear-gradient(135deg,#ff0000,#cc0000);}
.sb-x{background:linear-gradient(135deg,#000000,#333333);}
.social-btn svg{width:26px;height:26px;fill:#fff;}
.footer-phone{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;background:rgba(74,222,128,0.06);border:1px solid var(--border2);border-radius:10px;font-size:13px;color:var(--accent);font-weight:700;}
.footer-bottom{border-top:1px solid var(--border);padding-top:14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.footer-copy{font-size:11px;color:var(--text4);}
.footer-links{display:flex;gap:14px;}
.footer-links a{font-size:11px;color:var(--text4);text-decoration:none;transition:color 0.2s;}
.footer-links a:hover{color:var(--accent);}

/* EMPTY / TOAST */
.empty-state{grid-column:1/-1;text-align:center;padding:36px 20px;color:var(--text3);}
.empty-state .icon{font-size:36px;margin-bottom:10px;}
.empty-state p{font-size:14px;font-weight:600;}
.toast{position:fixed;bottom:calc(var(--bottom-nav-h) + 12px);right:20px;background:var(--bg3);border:1px solid var(--border2);color:var(--text);padding:9px 14px;border-radius:10px;font-size:13px;font-weight:600;z-index:2000;animation:fadeUp 0.3s ease;box-shadow:var(--shadow);}

/* STAGGER */
.grid-card:nth-child(1){animation-delay:.04s}.grid-card:nth-child(2){animation-delay:.08s}
.grid-card:nth-child(3){animation-delay:.12s}.grid-card:nth-child(4){animation-delay:.16s}
.news-card:nth-child(1){animation-delay:.04s}.news-card:nth-child(2){animation-delay:.08s}
.news-card:nth-child(3){animation-delay:.12s}.news-card:nth-child(4){animation-delay:.16s}

/* MOBILE BOTTOM NAVIGATION */
.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:68px;background:rgba(12,12,22,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(74,222,128,0.15);z-index:1000;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 24px rgba(0,0,0,0.5);}
.mobile-bottom-nav .mbn-inner{display:flex;align-items:center;justify-content:space-around;height:100%;}
.mbn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border-radius:16px;text-decoration:none;color:rgba(255,255,255,0.35);font-size:11px;font-family:var(--font-body);font-weight:700;transition:all 0.2s;cursor:pointer;border:none;background:none;flex:1;min-width:0;max-width:80px;letter-spacing:0.3px;}
.mbn-item.active{color:var(--accent);background:rgba(74,222,128,0.12);}
.mbn-item svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:all 0.2s;}
.mbn-item.active svg{stroke:var(--accent);filter:drop-shadow(0 0 8px rgba(74,222,128,0.6));}
.mbn-item span{font-size:11px;line-height:1;}

/* RESPONSIVE */
@media(max-width:1024px){
  .grid-4{grid-template-columns:repeat(3,1fr);}
  .featured-card{flex:0 0 calc(33.333% - 8px);min-width:calc(33.333% - 8px);}
  .news-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .mobile-bottom-nav{display:flex;}
  body{padding-bottom:var(--bottom-nav-h);}
  .messenger-fab{bottom:calc(var(--bottom-nav-h) + 14px);}
  .toast{bottom:calc(var(--bottom-nav-h) + 12px);}
  .mobile-search-btn{display:flex;align-items:center;justify-content:center;}
  .nav{padding:10px 16px;flex-wrap:wrap;position:relative;}
  .nav-links{display:none;width:100%;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--border);}
  .nav-links.open{display:flex;}
  .nav-right{display:none;width:100%;flex-direction:column;gap:8px;}
  .nav-right.open{display:flex;}
  .nav-toggle{display:block;}
  .nav-search{width:100%;}
  .nav-search input{width:100%;}
  .weather-bar{flex-direction:column;align-items:flex-start;gap:5px;padding:7px 16px;}
  .ad-wrapper{margin:10px 16px 0;}
  .hero-section{padding:12px 16px 8px;}
  .featured-card{flex:0 0 calc(50% - 6px);min-width:calc(50% - 6px);}
  .featured-img{height:140px;}
  .section{padding:12px 16px 6px;}
  .grid-4{grid-template-columns:repeat(2,1fr);gap:9px;padding:0 16px 14px;}
  .news-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px 14px;}
  .news-img{height:120px;}
  .footer-grid{grid-template-columns:1fr;gap:16px;}
  .footer{padding:20px 16px 14px;}
  .cat-section-wrap{padding:0 16px 4px;}
  .cat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-x:visible;padding-bottom:8px;}
  .cat-btn{white-space:normal;text-align:center;flex-shrink:unset;padding:8px 10px;}
  .news-cats{display:grid;grid-template-columns:repeat(2,1fr);overflow-x:visible;padding:0 16px 12px;gap:8px;}
  .ncat-btn{white-space:normal;text-align:center;flex-shrink:unset;padding:8px 10px;}
}
@media(max-width:480px){
  .news-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .news-img{height:100px;}
  .news-title{font-size:11px;}
  .featured-card{flex:0 0 100%;min-width:100%;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .logo-text{font-size:21px;}
  .featured-img{height:160px;}
}