/*
Theme Name: Shopiksa Games
Theme URI: https://shopiksa.com
Author: Shopiksa
Description: Dark gaming portal theme — EroLabs style with SEO & Schema support.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: shopiksa
Tags: dark, gaming, custom-menu, featured-images, custom-logo
*/

/* ── VARIABLES ── */
:root{
  --bg0:#0d0d14;--bg1:#13131f;--bg2:#10101a;--bg3:#16161f;
  --bdr:#1e1e30;--acc:#ff4d88;--acc2:#ff2070;
  --al:rgba(255,77,136,.15);--ab:rgba(255,77,136,.3);
  --t1:#e0e0f0;--t2:#aaaacc;--tm:#666680;
  --ft:'Noto Sans',sans-serif;--fh:'Rajdhani',sans-serif;
  --r4:4px;--r6:6px;--r10:10px;
}

/* ── RESET ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--ft);background:var(--bg0);color:var(--t1);font-size:14px;line-height:1.6;min-height:100vh}
a{color:var(--acc);text-decoration:none;transition:color .2s}
a:hover{color:var(--acc2)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button,input,select,textarea{font-family:var(--ft);font-size:14px}
h1,h2,h3,h4,h5,h6{font-family:var(--fh);font-weight:700;color:#fff;line-height:1.2}

/* ── CONTAINER ── */
.sk-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* ── HEADER ── */
#sk-header{background:var(--bg1);border-bottom:1px solid var(--ab);position:sticky;top:0;z-index:200}
.sk-header-inner{display:flex;align-items:center;gap:14px;height:52px}
.sk-logo{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--acc);letter-spacing:2px;flex-shrink:0}
.sk-logo span{color:#fff}
.sk-logo img{height:36px;width:auto}
.sk-nav-primary{display:flex;align-items:center;gap:2px;flex:1}
.sk-nav-primary a{color:var(--t2);font-size:12px;padding:5px 11px;border-radius:var(--r4);transition:all .2s;white-space:nowrap}
.sk-nav-primary a:hover,.sk-nav-primary a.current-menu-item{color:#fff;background:var(--al)}
.sk-search-input{background:#1e1e2e;border:1px solid var(--bdr);border-radius:20px;padding:5px 15px;color:var(--t1);font-size:12px;width:180px;outline:none;transition:border-color .2s}
.sk-search-input:focus{border-color:var(--ab)}
.sk-search-input::placeholder{color:var(--tm)}
.sk-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:4px;line-height:1}

/* ── SUB-NAV ── */
.sk-sub-nav{background:var(--bg2);border-bottom:1px solid var(--bdr)}
.sk-sub-nav-inner{display:flex;gap:2px;height:38px;align-items:center;overflow-x:auto;scrollbar-width:none}
.sk-sub-nav-inner::-webkit-scrollbar{display:none}
.sk-sub-nav a{color:var(--tm);font-size:12px;padding:5px 13px;border-radius:var(--r4);white-space:nowrap;transition:all .2s}
.sk-sub-nav a:hover,.sk-sub-nav a.current{color:#fff;background:var(--al)}

/* ── BREADCRUMB ── */
.sk-breadcrumb{padding:8px 0;font-size:12px;color:var(--tm)}
.sk-breadcrumb a{color:var(--tm)}
.sk-breadcrumb a:hover{color:var(--acc)}
.sk-breadcrumb .current{color:var(--acc)}
.sk-breadcrumb span{margin:0 4px}

/* ── SECTION HEADS ── */
.sk-section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sk-section-title{font-family:var(--fh);font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.sk-section-line{flex:1;height:1px;background:var(--ab)}

/* ── TABS ── */
.sk-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}
.sk-tab-btn{font-size:12px;padding:4px 12px;border-radius:var(--r4);cursor:pointer;color:var(--tm);border:1px solid transparent;background:none;transition:all .2s}
.sk-tab-btn.active,.sk-tab-btn:hover{background:var(--al);color:var(--acc);border-color:var(--ab)}

/* ═══════════════════════════════════════════════════
   EROLABS-STYLE SLIDER SECTION
   ═══════════════════════════════════════════════════ */
.sk-slider-section{background:var(--bg1);padding:12px 0}

.sk-slider-layout{
  display:grid;
  grid-template-columns:1fr 300px;
  gap:10px;
  align-items:start;
}

/* BIG SLIDER */
.sk-slider-main-wrap{position:relative;border-radius:var(--r6);overflow:hidden}
.sk-slider-wrap{position:relative;height:380px;overflow:hidden;background:var(--bg0)}

.sk-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.sk-slide.active{opacity:1;pointer-events:auto}

/* Background zoom animation */
.sk-slide-bg{
  position:absolute;inset:0;background-size:cover;background-position:center top;
  transform:scale(1.06);transition:transform 7s ease;
}
.sk-slide.active .sk-slide-bg{transform:scale(1)}

.sk-slide-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to right,rgba(13,13,20,.9) 0%,rgba(13,13,20,.5) 55%,rgba(13,13,20,.05) 100%);
}

/* Platform icons top-right */
.sk-slide-platforms{
  position:absolute;top:12px;right:12px;z-index:3;
  display:flex;gap:4px;
}
.sk-slide-pl-icon{
  background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);
  border-radius:50%;width:28px;height:28px;display:flex;align-items:center;
  justify-content:center;font-size:13px;
}

/* Slide Content — animated */
.sk-slide-content{
  position:absolute;bottom:0;left:0;right:0;padding:48px 24px 24px;z-index:2;
}

/* Individual element animations (trigger when .active) */
.sk-slide .sk-anim-tag,
.sk-slide .sk-anim-title,
.sk-slide .sk-anim-desc,
.sk-slide .sk-anim-btn{
  opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;
}
.sk-slide.active .sk-anim-tag{opacity:1;transform:translateY(0);transition-delay:.1s}
.sk-slide.active .sk-anim-title{opacity:1;transform:translateY(0);transition-delay:.25s}
.sk-slide.active .sk-anim-desc{opacity:1;transform:translateY(0);transition-delay:.38s}
.sk-slide.active .sk-anim-btn{opacity:1;transform:translateY(0);transition-delay:.5s}

.sk-slide-tag{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--acc);font-family:var(--fh);font-weight:600;margin-bottom:6px}
.sk-slide-title{font-family:var(--fh);font-size:30px;font-weight:700;color:#fff;line-height:1.15;text-shadow:0 2px 14px rgba(0,0,0,.8);margin-bottom:8px;max-width:460px}
.sk-slide-desc{font-size:13px;color:#ccc;margin-bottom:16px;max-width:340px}
.sk-slide-play{
  display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:#fff;
  border:none;padding:9px 26px;border-radius:var(--r6);font-size:13px;font-weight:700;
  cursor:pointer;font-family:var(--fh);letter-spacing:1px;text-transform:uppercase;
  transition:background .2s,transform .1s;text-decoration:none;
}
.sk-slide-play:hover{background:var(--acc2);color:#fff;transform:scale(1.04)}

/* Nav arrows */
.sk-slider-prev,.sk-slider-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);
  color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;
  font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .2s;
}
.sk-slider-prev{left:10px}
.sk-slider-next{right:10px}
.sk-slider-prev:hover,.sk-slider-next:hover{background:var(--acc);border-color:var(--acc)}

/* Dots */
.sk-slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5}
.sk-dot{width:7px;height:7px;border-radius:4px;background:rgba(255,255,255,.3);cursor:pointer;border:none;transition:all .3s}
.sk-dot.active{width:22px;background:var(--acc)}

/* RIGHT AD BANNERS */
.sk-slider-ads{
  display:flex;flex-direction:column;gap:10px;height:380px;
}
.sk-ad-banner{
  flex:1;border-radius:var(--r6);overflow:hidden;display:block;
  position:relative;border:1px solid var(--bdr);transition:border-color .2s;
}
.sk-ad-banner:hover{border-color:var(--ab)}
.sk-ad-banner img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sk-ad-banner:hover img{transform:scale(1.04)}
.sk-ad-placeholder{
  width:100%;height:100%;background:var(--bg0);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;
}
.sk-ad-placeholder span{font-family:var(--fh);font-size:14px;color:#ddd;font-weight:600}
.sk-ad-play{background:var(--acc);color:#fff;padding:4px 14px;border-radius:var(--r4);font-size:12px;font-family:var(--fh);letter-spacing:1px}
.sk-ad-platform-row{
  position:absolute;bottom:8px;right:8px;display:flex;gap:3px;
}
.sk-ad-platform-row span{
  background:rgba(0,0,0,.65);border-radius:3px;font-size:11px;
  padding:2px 5px;
}

/* ── MAIN GRID ── */
.sk-grid-main{display:grid;grid-template-columns:1fr 260px;gap:20px;padding:16px 0}
.sk-home-section{margin-bottom:22px}

/* ── GAME LIST (EroLabs style — icon + rank + name + play) ── */
.sk-game-list{display:grid;grid-template-columns:1fr 1fr;gap:0}
.sk-game-list-item{
  display:flex;align-items:center;gap:8px;padding:8px 10px;
  border-bottom:1px solid var(--bdr);border-right:1px solid var(--bdr);
  transition:background .2s;
}
.sk-game-list-item:nth-child(even){border-right:none}
.sk-game-list-item:hover{background:var(--al)}
.sk-gli-icon{width:46px;height:46px;border-radius:var(--r6);overflow:hidden;flex-shrink:0;background:var(--bg1)}
.sk-gli-icon img{width:100%;height:100%;object-fit:cover}
.sk-gli-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:10px;font-weight:700;color:rgba(255,255,255,.2)}
.sk-gli-rank{font-family:var(--fh);font-size:16px;color:var(--acc);font-weight:700;min-width:26px;text-align:center;flex-shrink:0}
.sk-gli-name{flex:1;min-width:0;font-size:12px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-gli-name a{color:#ddd}
.sk-gli-name a:hover{color:var(--acc)}
.sk-gli-play{
  flex-shrink:0;background:var(--al);color:var(--acc);
  border:1px solid var(--ab);border-radius:12px;font-size:11px;
  padding:3px 11px;font-family:var(--fh);letter-spacing:.5px;font-weight:600;
  transition:background .2s;
}
.sk-gli-play:hover{background:rgba(255,77,136,.3);color:var(--acc)}

/* ── PC GRID ── */
.sk-pc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sk-pc-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r6);overflow:hidden;transition:border-color .2s,transform .2s;text-decoration:none;display:block}
.sk-pc-card:hover{border-color:var(--ab);transform:translateY(-3px)}
.sk-pc-thumb{aspect-ratio:3/2;overflow:hidden;position:relative;background:var(--bg1)}
.sk-pc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sk-pc-card:hover .sk-pc-thumb img{transform:scale(1.08)}
.sk-pc-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:16px;font-weight:700;color:rgba(255,255,255,.12)}
.sk-pc-name{font-size:11px;color:var(--t2);padding:6px 8px;text-align:center}

/* ── SIDEBAR ── */
.sk-sidebar{}
.sk-sidebar-widget{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r6);overflow:hidden;margin-bottom:14px}
.sk-sidebar-widget-title{font-family:var(--fh);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;padding:9px 12px;border-bottom:1px solid var(--ab);display:flex;gap:6px;align-items:center}

/* Sidebar tabs (New/Hot Topics/Hot Forum) */
.sk-sidebar-tabs{display:flex;border-bottom:1px solid var(--bdr)}
.sk-sidebar-tab{flex:1;background:none;border:none;color:var(--tm);font-size:12px;padding:8px 4px;cursor:pointer;font-family:var(--ft);transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}
.sk-sidebar-tab.active{color:var(--acc);border-bottom-color:var(--acc)}
.sk-sidebar-tab:hover{color:#ddd}
.sk-sidebar-panel{display:none}
.sk-sidebar-panel.active{display:block}
.sk-sidebar-panel-head{display:flex;justify-content:space-between;padding:6px 12px;font-size:10px;color:var(--tm);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--bdr)}
.sk-sidebar-more{display:block;text-align:right;font-size:12px;color:var(--acc);padding:4px 0;transition:color .2s}
.sk-sidebar-more:hover{color:var(--acc2)}

/* Trend items */
.sk-trend-item{display:flex;align-items:flex-start;gap:8px;padding:7px 12px;border-bottom:1px solid var(--bdr);cursor:pointer;transition:background .2s;text-decoration:none}
.sk-trend-item:last-child{border-bottom:none}
.sk-trend-item:hover{background:var(--al)}
.sk-trend-num{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--acc);min-width:18px;line-height:1;margin-top:2px}
.sk-trend-num.top{color:#ffd700}
.sk-trend-info{flex:1;min-width:0}
.sk-trend-name{font-size:11px;color:#ccc;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-trend-game{font-size:10px;color:var(--tm);margin-top:1px}
.sk-trend-views{font-size:10px;color:var(--tm);flex-shrink:0;padding-top:2px}

/* Similar games sidebar */
.sk-sim-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--bdr);cursor:pointer;transition:background .2s;text-decoration:none}
.sk-sim-item:last-child{border-bottom:none}
.sk-sim-item:hover{background:var(--al)}
.sk-sim-icon{width:40px;height:40px;border-radius:var(--r4);overflow:hidden;flex-shrink:0;background:var(--bg1)}
.sk-sim-icon img{width:100%;height:100%;object-fit:cover}
.sk-sim-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:10px;font-weight:700;color:rgba(255,255,255,.2)}
.sk-sim-info{flex:1;min-width:0}
.sk-sim-name{font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-sim-price{font-size:10px;color:var(--acc);margin-top:1px}

/* ═══════════════════════════════════════════════════
   SINGLE POST PAGE
   ═══════════════════════════════════════════════════ */

/* Banner */
.sk-single-banner{width:100%;height:300px;position:relative;overflow:hidden}
.sk-single-banner-bg{position:absolute;inset:0;background-size:cover;background-position:center top;transform:scale(1.04);animation:sk-banner-zoom 8s ease forwards}
@keyframes sk-banner-zoom{to{transform:scale(1)}}
.sk-single-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(13,13,20,.2) 0%,rgba(13,13,20,.95) 100%)}
.sk-single-banner-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:42px;font-weight:700;color:rgba(255,255,255,.07);letter-spacing:4px;background:linear-gradient(135deg,#1a0030,#300050,#0a0a30)}

/* Game Header */
.sk-game-header{display:flex;gap:16px;padding:14px 0 12px;border-bottom:1px solid var(--bdr);align-items:flex-start}
.sk-game-icon-wrap{width:84px;height:84px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--ab);background:var(--bg1)}
.sk-game-icon-wrap img{width:100%;height:100%;object-fit:cover}
.sk-game-icon-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-size:16px;font-weight:700;color:rgba(255,255,255,.2)}
.sk-game-meta{flex:1;min-width:0}
.sk-game-title-main{font-family:var(--fh);font-size:26px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:7px}
.sk-platform-icons{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
.sk-pi{font-size:11px;padding:2px 8px;border-radius:var(--r4);background:var(--bg3);color:var(--tm);border:1px solid var(--bdr)}
.sk-pi.active{background:var(--al);color:var(--acc);border-color:var(--ab)}
.sk-game-tags{font-size:12px;color:var(--tm);margin-bottom:4px}
.sk-game-developer{font-size:12px;color:var(--tm);margin-bottom:6px}
.sk-game-developer a{color:var(--acc)}
.sk-game-price-badge{margin-top:4px}
.sk-game-header-actions{display:flex;gap:6px;align-items:flex-start;padding-top:2px}
.sk-icon-btn{background:var(--bg3);border:1px solid var(--bdr);color:var(--tm);padding:6px 10px;border-radius:var(--r4);cursor:pointer;font-size:15px;transition:all .2s;line-height:1}
.sk-icon-btn:hover{border-color:var(--acc);color:var(--acc)}
.sk-wish-btn.wished{color:var(--acc)}

/* Download */
.sk-download-section{padding:14px 0;border-bottom:1px solid var(--bdr)}
.sk-dl-label{font-family:var(--fh);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.sk-dl-btns{display:flex;gap:8px;flex-wrap:wrap}
.sk-dl-btn{display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:#fff;border:none;padding:9px 18px;border-radius:var(--r6);font-size:12px;font-weight:700;cursor:pointer;font-family:var(--fh);letter-spacing:1px;text-transform:uppercase;transition:background .2s;text-decoration:none}
.sk-dl-btn:hover{background:var(--acc2);color:#fff}
.sk-dl-web{background:transparent;border:1px solid var(--acc);color:var(--acc)}
.sk-dl-web:hover{background:var(--al);color:var(--acc)}

/* Gallery */
.sk-gallery-section{padding:14px 0;border-bottom:1px solid var(--bdr)}
.sk-gallery-main{width:100%;aspect-ratio:16/9;border-radius:var(--r6);overflow:hidden;position:relative;cursor:zoom-in;margin-bottom:8px;background:var(--bg1)}
.sk-gallery-main img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sk-gallery-main:hover img{transform:scale(1.02)}
.sk-gallery-main-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s}
.sk-gallery-main-nav:hover{background:var(--acc)}
.sk-gallery-nav-prev{left:8px}
.sk-gallery-nav-next{right:8px}
.sk-gallery-zoom-hint{position:absolute;bottom:8px;right:10px;font-size:10px;color:rgba(255,255,255,.6);background:rgba(0,0,0,.5);padding:2px 8px;border-radius:3px;pointer-events:none}
.sk-gallery-counter{position:absolute;bottom:8px;left:10px;font-size:11px;color:rgba(255,255,255,.7);background:rgba(0,0,0,.5);padding:2px 8px;border-radius:3px;pointer-events:none}
.sk-gallery-thumbs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.sk-gallery-thumbs::-webkit-scrollbar{display:none}
.sk-gallery-thumb{width:72px;height:52px;border-radius:var(--r4);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s;flex-shrink:0;background:var(--bg1)}
.sk-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.sk-gallery-thumb.active{border-color:var(--acc)}
.sk-gallery-thumb:hover{border-color:var(--ab)}

/* Lightbox */
.sk-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;align-items:center;justify-content:center}
.sk-lightbox.open{display:flex}
.sk-lightbox-inner{background:var(--bg1);border:1px solid var(--ab);border-radius:var(--r10);padding:16px;max-width:900px;width:95%;position:relative}
.sk-lightbox-close{position:absolute;top:10px;right:12px;color:var(--tm);cursor:pointer;font-size:20px;background:none;border:none;line-height:1;transition:color .2s}
.sk-lightbox-close:hover{color:var(--acc)}
.sk-lightbox-img{width:100%;aspect-ratio:16/9;border-radius:var(--r6);overflow:hidden;background:var(--bg2);margin-bottom:10px;display:flex;align-items:center;justify-content:center}
.sk-lightbox-img img{width:100%;height:100%;object-fit:contain}
.sk-lightbox-nav{display:flex;justify-content:space-between;align-items:center}
.sk-lightbox-nav button{background:var(--bg3);border:1px solid var(--bdr);color:var(--t2);padding:5px 16px;border-radius:var(--r4);cursor:pointer;font-size:13px;transition:all .2s}
.sk-lightbox-nav button:hover{border-color:var(--acc);color:var(--acc)}
.sk-lightbox-count{font-size:12px;color:var(--tm)}

/* Content sections */
.sk-content-section{padding:14px 0;border-bottom:1px solid var(--bdr)}
.sk-content-section:last-child{border-bottom:none}
.sk-content-section-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer}
.sk-content-section-toggle{color:var(--acc);font-size:16px;line-height:1;transition:transform .3s;user-select:none}
.sk-content-section-toggle.open{transform:none}
.sk-content-section-toggle.closed{transform:rotate(45deg)}
.sk-content-body{font-size:13px;line-height:1.8;color:var(--t2)}
.sk-content-body p{margin-bottom:.8rem;color:var(--t2)}
.sk-content-body h2,.sk-content-body h3{color:#ddd;margin:12px 0 6px}
.sk-tips-text{color:rgba(255,77,136,.85);font-size:12px;font-style:italic}

/* Social share */
.sk-social-share{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sk-social-btn{background:var(--bg3);border:1px solid var(--bdr);color:var(--tm);padding:5px 13px;border-radius:var(--r4);font-size:12px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.sk-social-btn:hover{border-color:var(--ab);color:var(--acc)}

/* Badges */
.sk-badge{display:inline-block;font-size:10px;padding:2px 9px;border-radius:var(--r4);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.sk-badge-accent{background:var(--acc);color:#fff}
.sk-badge-free{background:rgba(50,200,100,.15);color:#4ade80;border:1px solid rgba(50,200,100,.3)}

/* Archive */
.sk-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sk-archive-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r6);overflow:hidden;transition:border-color .2s,transform .2s}
.sk-archive-card:hover{border-color:var(--ab);transform:translateY(-3px)}
.sk-archive-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--bg1)}
.sk-archive-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sk-archive-card:hover .sk-archive-thumb img{transform:scale(1.06)}
.sk-archive-info{padding:12px}
.sk-archive-cat{font-size:10px;color:var(--acc);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-weight:600}
.sk-archive-title{font-family:var(--fh);font-size:16px;font-weight:700;color:#ddd;line-height:1.3;margin-bottom:6px}
.sk-archive-title a{color:#ddd}
.sk-archive-title a:hover{color:var(--acc)}
.sk-archive-excerpt{font-size:12px;color:var(--tm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sk-archive-meta{font-size:11px;color:var(--tm);margin-top:8px;display:flex;gap:10px}

/* Pagination */
.sk-pagination,.page-numbers-wrap{display:flex;gap:5px;justify-content:center;padding:20px 0;flex-wrap:wrap}
.sk-page-btn,.page-numbers{background:var(--bg3);border:1px solid var(--bdr);color:var(--t2);padding:6px 12px;border-radius:var(--r4);cursor:pointer;font-size:12px;transition:all .2s;text-decoration:none;display:inline-block}
.sk-page-btn:hover,.page-numbers:hover,.page-numbers.current{background:var(--acc);border-color:var(--acc);color:#fff}

/* Footer */
#sk-footer{background:var(--bg1);border-top:1px solid var(--bdr);margin-top:30px;padding:20px 0 10px}
.sk-footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--bdr)}
.sk-footer-logo{font-family:var(--fh);font-size:20px;font-weight:700;color:var(--acc);letter-spacing:2px;margin-bottom:8px}
.sk-footer-logo span{color:#fff}
.sk-footer-desc{font-size:12px;color:var(--tm);line-height:1.7}
.sk-footer-heading{font-family:var(--fh);font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.sk-footer-links{list-style:none}
.sk-footer-links li{margin-bottom:5px}
.sk-footer-links a{font-size:12px;color:var(--tm);transition:color .2s}
.sk-footer-links a:hover{color:var(--acc)}
.sk-footer-bottom{padding-top:10px;font-size:11px;color:var(--tm);text-align:center}

/* Utilities */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.alignleft{float:left;margin-right:1.5rem;margin-bottom:1rem}
.alignright{float:right;margin-left:1.5rem;margin-bottom:1rem}
.aligncenter{display:block;margin:0 auto 1rem}
.wp-caption-text{font-size:11px;color:var(--tm);text-align:center;margin-top:4px}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — ALL DEVICES
   ═══════════════════════════════════════════════════ */

/* Tablet 1024px */
@media(max-width:1024px){
  .sk-slider-layout{grid-template-columns:1fr 240px}
  .sk-pc-grid{grid-template-columns:repeat(3,1fr)}
  .sk-grid-main{grid-template-columns:1fr 220px;gap:14px}
}

/* Tablet 900px */
@media(max-width:900px){
  .sk-slider-layout{grid-template-columns:1fr}
  .sk-slider-ads{flex-direction:row;height:160px}
  .sk-slider-wrap{height:300px}
  .sk-grid-main{grid-template-columns:1fr}
  .sk-sidebar{display:none}
  .sk-pc-grid{grid-template-columns:repeat(3,1fr)}
  .sk-footer-inner{grid-template-columns:1fr 1fr}
}

/* Mobile 768px */
@media(max-width:768px){
  .sk-menu-toggle{display:block}
  .sk-nav-primary{display:none;position:absolute;top:52px;left:0;right:0;background:var(--bg1);flex-direction:column;padding:10px;border-bottom:1px solid var(--bdr);z-index:300}
  .sk-nav-primary.open{display:flex}
  .sk-search-input{width:120px}
  .sk-slider-wrap{height:240px}
  .sk-slide-title{font-size:22px}
  .sk-slider-ads{height:120px}
  .sk-pc-grid{grid-template-columns:repeat(2,1fr)}
  .sk-game-list{grid-template-columns:1fr}
  .sk-game-list-item{border-right:none}
  .sk-archive-grid{grid-template-columns:1fr}
  .sk-game-header{flex-wrap:wrap}
  .sk-dl-btns{gap:6px}
  .sk-dl-btn{padding:7px 13px;font-size:11px}
  .sk-footer-inner{grid-template-columns:1fr}
}

/* Mobile 480px */
@media(max-width:480px){
  .sk-container{padding:0 10px}
  .sk-slider-wrap{height:200px}
  .sk-slide-title{font-size:18px;max-width:260px}
  .sk-slide-desc{display:none}
  .sk-slider-ads{height:100px}
  .sk-slide-content{padding:30px 14px 14px}
  .sk-slide-play{padding:7px 18px;font-size:12px}
  .sk-game-icon-wrap{width:64px;height:64px}
  .sk-game-title-main{font-size:20px}
  .sk-single-banner{height:200px}
  .sk-pc-grid{grid-template-columns:repeat(2,1fr)}
  .sk-gallery-thumb{width:60px;height:44px}
}

/* ═══════════════════════════════════════════════════
   SLIDER SECTION LAYOUT (EroLabs Style)
   ═══════════════════════════════════════════════════ */
.sk-slider-section { background:var(--bg1); padding:12px 0; }

.sk-slider-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 10px;
    align-items: stretch;
}

/* Big slider */
.sk-slider-main-wrap { border-radius: var(--r6); overflow: hidden; }
.sk-slider-wrap { position:relative; height:380px; overflow:hidden; background:var(--bg0); border-radius:var(--r6); }

.sk-slide { position:absolute; inset:0; opacity:0; transition:opacity .7s ease; pointer-events:none; }
.sk-slide.active { opacity:1; pointer-events:auto; }

.sk-slide-bg {
    position:absolute; inset:0;
    background-size:cover; background-position:center top;
    transform:scale(1.07); transition:transform 8s ease;
}
.sk-slide.active .sk-slide-bg { transform:scale(1); }

.sk-slide-overlay {
    position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(13,13,20,.92) 0%, rgba(13,13,20,.55) 55%, rgba(13,13,20,.05) 100%);
    z-index:1;
}

/* Platform icons */
.sk-slide-platforms { position:absolute; top:12px; right:12px; z-index:3; display:flex; gap:5px; }
.sk-slide-pl-icon {
    background:rgba(0,0,0,.65); border:1px solid rgba(255,255,255,.15);
    border-radius:50%; width:30px; height:30px;
    display:flex; align-items:center; justify-content:center; font-size:14px;
}

/* Slide content */
.sk-slide-content { position:absolute; bottom:0; left:0; right:0; padding:50px 24px 24px; z-index:2; }
.sk-slide-tag  { font-size:11px; text-transform:uppercase; letter-spacing:3px; color:var(--acc); font-family:var(--fh); font-weight:600; margin-bottom:6px; }
.sk-slide-title { font-family:var(--fh); font-size:30px; font-weight:700; color:#fff; line-height:1.15; text-shadow:0 2px 14px rgba(0,0,0,.8); margin-bottom:8px; max-width:460px; }
.sk-slide-desc  { font-size:13px; color:#ccc; margin-bottom:16px; max-width:340px; }
.sk-slide-play  {
    display:inline-flex; align-items:center; gap:6px;
    background:var(--acc); color:#fff; border:none;
    padding:9px 28px; border-radius:var(--r6);
    font-size:13px; font-weight:700; font-family:var(--fh);
    letter-spacing:1px; text-transform:uppercase;
    transition:background .2s, transform .15s; text-decoration:none;
}
.sk-slide-play:hover { background:var(--acc2); color:#fff; transform:scale(1.04); }

/* Video slide */
.sk-slide-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.sk-slide-yt-wrap { position:absolute; inset:-30%; pointer-events:none; z-index:0; }
.sk-slide-yt-wrap iframe { width:100%; height:100%; border:none; }

/* Slider controls */
.sk-slider-prev,.sk-slider-next {
    position:absolute; top:50%; transform:translateY(-50%); z-index:5;
    background:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.1);
    color:#fff; width:36px; height:36px; border-radius:50%;
    cursor:pointer; font-size:15px; display:flex; align-items:center; justify-content:center;
    transition:background .2s; padding:0;
}
.sk-slider-prev { left:10px; }
.sk-slider-next { right:10px; }
.sk-slider-prev:hover,.sk-slider-next:hover { background:var(--acc); border-color:var(--acc); }

/* Dots */
.sk-slider-dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:5px; z-index:5; }
.sk-dot { width:7px; height:7px; border-radius:4px; background:rgba(255,255,255,.3); cursor:pointer; border:none; transition:all .3s; padding:0; }
.sk-dot.active { width:22px; background:var(--acc); }

/* ── RIGHT BANNERS: 2 alag alag ── */
.sk-slider-ads { display:flex; flex-direction:column; gap:10px; height:380px; }

.sk-ad-banner {
    flex:1; border-radius:var(--r6); overflow:hidden;
    display:block; position:relative;
    border:1px solid var(--bdr); transition:border-color .2s;
    min-height:0;
}
.sk-ad-banner:hover { border-color:var(--ab); }
.sk-ad-banner img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s; }
.sk-ad-banner:hover img { transform:scale(1.05); }

.sk-ad-empty { border:1px dashed var(--bdr) !important; cursor:default; }

.sk-ad-placeholder {
    width:100%; height:100%;
    background:linear-gradient(135deg,var(--bg0),var(--bg2));
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    gap:8px; padding:12px; text-align:center;
}
.sk-ad-placeholder span { font-family:var(--fh); font-size:13px; color:#ddd; font-weight:600; }
.sk-ad-play-lbl { background:var(--acc); color:#fff; padding:4px 14px; border-radius:var(--r4); font-size:11px; font-family:var(--fh); letter-spacing:1px; }

.sk-ad-platform-row {
    position:absolute; bottom:8px; right:8px;
    display:flex; gap:4px; z-index:2;
}
.sk-ad-platform-row span {
    background:rgba(0,0,0,.7); border-radius:3px;
    font-size:12px; padding:2px 6px;
}

/* ── RESPONSIVE SLIDER ── */
@media(max-width:1024px) {
    .sk-slider-layout { grid-template-columns:1fr 240px; }
}
@media(max-width:900px) {
    .sk-slider-layout { grid-template-columns:1fr; }
    .sk-slider-ads { flex-direction:row; height:160px; }
    .sk-slider-wrap { height:300px; }
}
@media(max-width:768px) {
    .sk-slider-wrap { height:240px; }
    .sk-slide-title { font-size:22px; }
    .sk-slider-ads { height:120px; }
}
@media(max-width:480px) {
    .sk-slider-wrap { height:200px; }
    .sk-slide-title { font-size:18px; max-width:240px; }
    .sk-slide-desc { display:none; }
    .sk-slide-content { padding:32px 14px 14px; }
    .sk-slider-ads { height:100px; }
}

/* ═══════════════════════════════════════════════════
   CONTENT BODY — Clean Article Styling (like screenshot 2)
   ═══════════════════════════════════════════════════ */
.sk-content-body { font-size:14px; line-height:1.9; color:#d0d0e0; }
.sk-content-body p { margin-bottom:1.2rem; color:#d0d0e0; }
.sk-content-body h2 { font-family:var(--fh); font-size:20px; font-weight:700; color:#fff; margin:24px 0 10px; padding-bottom:6px; border-bottom:2px solid var(--acc); }
.sk-content-body h3 { font-family:var(--fh); font-size:17px; font-weight:700; color:#fff; margin:18px 0 8px; }
.sk-content-body h4 { font-family:var(--fh); font-size:15px; color:var(--acc); margin:14px 0 6px; }
.sk-content-body strong,.sk-content-body b { color:#fff; font-weight:700; }
.sk-content-body a { color:var(--acc); text-decoration:underline; }
.sk-content-body a:hover { color:var(--acc2); }

/* Lists */
.sk-content-body ul,.sk-content-body ol { padding-left:22px; margin-bottom:1rem; }
.sk-content-body ul li { list-style:disc; margin-bottom:6px; color:#d0d0e0; }
.sk-content-body ol li { list-style:decimal; margin-bottom:6px; color:#d0d0e0; }
.sk-content-body ol li::marker { color:var(--acc); font-weight:700; }

/* Gift Code Table */
.sk-content-body table { width:100%; border-collapse:collapse; margin:16px 0; background:var(--bg2); border-radius:var(--r6); overflow:hidden; }
.sk-content-body table th { background:var(--acc); color:#fff; padding:10px 14px; text-align:left; font-family:var(--fh); font-size:13px; text-transform:uppercase; letter-spacing:.5px; }
.sk-content-body table td { padding:10px 14px; border-bottom:1px solid var(--bdr); color:#d0d0e0; font-size:13px; }
.sk-content-body table tr:last-child td { border-bottom:none; }
.sk-content-body table tr:hover td { background:var(--al); }
.sk-content-body table td:first-child { font-weight:700; color:#fff; font-family:monospace; font-size:14px; letter-spacing:1px; }

/* Tip/Note box */
.sk-content-body blockquote { background:var(--bg2); border-left:3px solid var(--acc); padding:10px 16px; border-radius:0 var(--r4) var(--r4) 0; margin:14px 0; color:#d0d0e0; }

/* Language Switcher */
.sk-lang-switcher { display:flex; align-items:center; gap:8px; padding:10px 0; margin-bottom:14px; flex-wrap:wrap; }
.sk-lang-label { font-size:12px; color:var(--tm); font-weight:600; }
.sk-lang-btn { font-size:12px; padding:4px 14px; border-radius:20px; border:1px solid var(--bdr); color:var(--t2); transition:all .2s; text-decoration:none !important; background:var(--bg3); }
.sk-lang-btn:hover,.sk-lang-btn.active { background:var(--acc); color:#fff !important; border-color:var(--acc); }

/* Responsive table */
@media(max-width:600px) {
    .sk-content-body table { display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .sk-content-body h2 { font-size:17px; }
}

/* ═══════════════════════════════════════════════════
   COMMENTS SECTION — Complete Dark Theme Fix
   ═══════════════════════════════════════════════════ */

/* Comment form wrapper */
#comments { margin-top: 10px; }

#respond {
    background: var(--bg2);
    border: 1px solid var(--bdr);
    border-radius: var(--r6);
    padding: 20px;
    margin-top: 16px;
}

/* Title */
#reply-title,
.comment-reply-title {
    font-family: var(--fh);
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
    display: block;
}

/* Subtitle text */
.comment-notes,
#respond p.comment-notes {
    font-size: 12px;
    color: var(--tm);
    margin-bottom: 14px;
}

/* ALL INPUT FIELDS — dark theme */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    background: #0d0d14 !important;
    border: 1px solid var(--bdr) !important;
    border-radius: var(--r4) !important;
    color: var(--t1) !important;
    font-size: 13px !important;
    font-family: var(--ft) !important;
    padding: 9px 12px !important;
    outline: none !important;
    transition: border-color .2s !important;
    box-shadow: none !important;
    -webkit-appearance: none;
}

#commentform input[type="text"]:focus,
#commentform input[type="email"]:focus,
#commentform input[type="url"]:focus,
#commentform textarea:focus,
.comment-form input:focus,
.comment-form textarea:focus {
    border-color: var(--ab) !important;
    background: #13131f !important;
    color: #fff !important;
}

#commentform input::placeholder,
#commentform textarea::placeholder,
.comment-form input::placeholder,
.comment-form textarea::placeholder {
    color: var(--tm) !important;
}

/* Textarea specific */
#commentform textarea,
.comment-form textarea,
#comment {
    min-height: 120px;
    resize: vertical;
    background: #0d0d14 !important;
    color: var(--t1) !important;
}

/* Field labels */
.comment-form label,
#commentform label {
    display: block;
    font-size: 12px;
    color: var(--t2);
    margin-bottom: 5px;
    font-weight: 500;
}

/* Form fields row */
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
    margin-bottom: 12px;
}

/* Checkbox — dark */
.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.comment-form-cookies-consent input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--acc);
    flex-shrink: 0;
    margin-top: 2px;
    cursor: pointer;
    background: #0d0d14 !important;
    border: 1px solid var(--bdr) !important;
}

.comment-form-cookies-consent label {
    font-size: 12px;
    color: var(--tm);
    line-height: 1.5;
    margin-bottom: 0;
}

/* Submit button */
#commentform input[type="submit"],
.comment-form input[type="submit"],
#submit {
    background: var(--acc) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 28px !important;
    border-radius: var(--r6) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: var(--fh) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background .2s !important;
    width: auto !important;
}

#commentform input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
    background: var(--acc2) !important;
}

/* Required star */
.required,
.comment-form .required { color: var(--acc); }

/* Existing comments list */
.comment-list {
    list-style: none;
    margin-bottom: 20px;
}

.comment-list .comment {
    padding: 12px 0;
    border-bottom: 1px solid var(--bdr);
}

.comment-list .comment:last-child { border-bottom: none; }

.comment-body {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

/* Avatar */
.comment-body .avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid var(--bdr);
}

.comment-content-wrap { flex: 1; min-width: 0; }

.comment-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.comment-author .fn {
    font-size: 13px;
    font-weight: 600;
    color: #ddd;
}

.comment-author a { color: #ddd; }

.comment-metadata a,
.comment-metadata time {
    font-size: 11px;
    color: var(--tm);
}

.comment-content p {
    font-size: 13px;
    color: var(--t2);
    line-height: 1.7;
    margin-bottom: 0;
}

/* Reply link */
.comment-reply-link {
    font-size: 11px;
    color: var(--acc);
    margin-top: 5px;
    display: inline-block;
}

.comment-reply-link:hover { color: var(--acc2); }

/* No comments text */
.no-comments {
    color: var(--tm);
    font-size: 13px;
    text-align: center;
    padding: 16px;
}

/* Comments count title */
.comments-title {
    font-family: var(--fh);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--ab);
}

/* Pingback/Trackback */
.pingback .comment-body,
.trackback .comment-body {
    font-size: 12px;
    color: var(--tm);
}

/* Cancel reply link */
#cancel-comment-reply-link {
    font-size: 12px;
    color: var(--tm);
    margin-left: 10px;
}

/* Logged in text */
#respond .logged-in-as {
    font-size: 12px;
    color: var(--tm);
    margin-bottom: 10px;
}
#respond .logged-in-as a { color: var(--acc); }

/* Mobile */
@media(max-width: 480px) {
    #respond { padding: 14px; }
    .comment-body { gap: 8px; }
    .comment-body .avatar { width: 30px; height: 30px; }
}

/* ═══════════════════════════════════════════════════
   SLIDER LAYOUT FIX — Right banners proper height
   ═══════════════════════════════════════════════════ */

/* Force slider section full width */
.sk-slider-section {
    width: 100%;
    overflow: hidden;
}

/* Grid: left big slider + right 2 banners */
.sk-slider-layout {
    display: grid !important;
    grid-template-columns: 1fr 280px !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* Big slider fixed height */
.sk-slider-main-wrap {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.sk-slider-wrap {
    width: 100% !important;
    height: 380px !important;
}

/* Right banners — 2 equal boxes stacked */
.sk-slider-ads {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    height: 380px !important;
    min-width: 0 !important;
    width: 100% !important;
}

/* Each banner = exactly half height */
.sk-ad-banner {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: 185px !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: var(--r6) !important;
    position: relative !important;
}

.sk-ad-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.sk-ad-empty {
    background: var(--bg2) !important;
    border: 1px dashed var(--bdr) !important;
}

/* ── HOMEPAGE MAIN GRID FIX ── */
.sk-grid-main {
    display: grid !important;
    grid-template-columns: 1fr 260px !important;
    gap: 20px !important;
    padding: 16px 0 !important;
    width: 100% !important;
}

.sk-content {
    min-width: 0 !important;
    width: 100% !important;
}

.sk-sidebar {
    min-width: 0 !important;
    width: 100% !important;
}

/* Sidebar widget fix */
.sk-sidebar-widget {
    width: 100% !important;
    overflow: hidden !important;
}

/* Trend item text overflow fix */
.sk-trend-name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 180px !important;
}

/* Game list 2 column fix */
.sk-game-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    width: 100% !important;
}

.sk-game-list-item {
    min-width: 0 !important;
    overflow: hidden !important;
}

.sk-gli-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    flex: 1 !important;
}

/* ── RESPONSIVE FIXES ── */
@media (max-width: 1100px) {
    .sk-slider-layout {
        grid-template-columns: 1fr 240px !important;
    }
    .sk-grid-main {
        grid-template-columns: 1fr 220px !important;
    }
}

@media (max-width: 900px) {
    .sk-slider-layout {
        grid-template-columns: 1fr !important;
    }
    .sk-slider-ads {
        flex-direction: row !important;
        height: 150px !important;
    }
    .sk-ad-banner {
        max-height: 150px !important;
    }
    .sk-grid-main {
        grid-template-columns: 1fr !important;
    }
    .sk-sidebar {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .sk-slider-wrap { height: 260px !important; }
    .sk-slider-ads { height: 120px !important; }
    .sk-ad-banner { max-height: 120px !important; }
    .sk-game-list { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
    .sk-slider-wrap { height: 200px !important; }
    .sk-slider-ads { height: 100px !important; }
    .sk-ad-banner { max-height: 100px !important; }
    .sk-slide-title { font-size: 18px !important; max-width: 220px !important; }
    .sk-slide-desc { display: none !important; }
}