/* Right Sidebar - Affiliate Banners (Fixed position, aligned with content) */
.sidebar-right-fixed{position:fixed;left:calc(50% + 800px + 20px);top:103px;width:300px;z-index:100;}
.sidebar-right-ad{background:rgba(0,0,0,0.3);backdrop-filter:blur(10px);border-radius:15px;padding:15px;margin-bottom:20px;text-align:center;}
.sidebar-right-ad img{max-width:100%;height:auto;border-radius:10px;display:block;}
.sidebar-right-ad a{display:block;}
@media(max-width:1700px){.sidebar-right-fixed{display:none;}}
/* SIDEBAR NAVIGATION */
.page-wrapper{display:flex;gap:20px;max-width:1600px;margin:0 auto;padding:20px;}
.sidebar{width:260px;flex-shrink:0;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}
.sidebar::-webkit-scrollbar{width:6px;}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3);border-radius:3px;}
.main-content{flex:1;min-width:0;}

/* Sidebar Box */
.sidebar-box{background:rgba(0,0,0,0.3);backdrop-filter:blur(10px);border-radius:15px;padding:20px;margin-bottom:20px;overflow:hidden;}
.sidebar-title{display:block;font-size:1.1em;font-weight:700;color:#ffd700;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,0.1);text-decoration:none;transition:color 0.2s;}
.sidebar-title:hover{color:#fff;}

/* Affiliate Banner */
.sidebar-affiliate{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;padding:15px;text-align:center;margin-bottom:15px;transition:transform 0.3s;overflow:hidden;}
.sidebar-affiliate:hover{transform:scale(1.02);}
.sidebar-affiliate a{color:#fff;text-decoration:none;font-weight:600;font-size:0.95em;display:block;overflow:hidden;}
.sidebar-affiliate img{max-width:100%;border-radius:8px;margin-bottom:10px;}
.sidebar-affiliate-text{font-size:0.85em;opacity:0.9;}

/* Hide close button by default */
.sidebar-close{display:none;}

/* Category Links */
.sidebar-categories{list-style:none;padding:0;margin:0;}
.sidebar-categories li{margin-bottom:5px;}
.sidebar-categories a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#fff;text-decoration:none;border-radius:10px;transition:all 0.2s;font-size:0.95em;}
.sidebar-categories a:hover{background:rgba(255,255,255,0.15);transform:translateX(5px);}
.sidebar-categories a.active{background:linear-gradient(135deg,#f093fb,#f5576c);font-weight:600;}
.sidebar-cat-icon{font-size:1.2em;width:24px;text-align:center;}
.sidebar-cat-count{margin-left:auto;font-size:0.8em;background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:10px;}

/* Mobile Toggle */
.sidebar-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:1000;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:1.5em;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.4);}

/* Mobile Styles */
@media(max-width:1024px){
.page-wrapper{flex-direction:column;}
.sidebar{position:fixed;left:-280px;top:0;width:280px;height:100vh;max-height:100vh;z-index:999;transition:left 0.3s ease;border-radius:0 15px 15px 0;padding-top:20px;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;overflow-x:hidden;}
.sidebar.open{left:0;}
.sidebar-toggle{display:flex;align-items:center;justify-content:center;}
.sidebar-close{display:block;position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.2);border:none;color:#fff;width:35px;height:35px;border-radius:50%;font-size:1.2em;cursor:pointer;}
.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:998;}
.sidebar-overlay.show{display:block;}
}