:root{--bg:#090b0f;--card:#13161b;--text:#f5f6f8;--muted:#9299a6;--accent:#ff2f68}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}
a{color:inherit}.svt-wrap{max-width:1250px;margin:auto;padding:0 18px}
.svt-header{position:sticky;top:0;z-index:50;background:#090b0fee;border-bottom:1px solid #252a33;backdrop-filter:blur(12px)}
.svt-header .svt-wrap{min-height:68px;display:flex;align-items:center;gap:24px}.svt-brand{font-size:23px;font-weight:800}
.svt-brand a{text-decoration:none}.svt-header nav{flex:1}.svt-header nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}.svt-header nav a{color:#ddd;text-decoration:none}
.svt-search{display:flex;background:#171a20;border:1px solid #2a2e37;border-radius:10px;overflow:hidden}.svt-search input{background:none;border:0;color:#fff;padding:10px;width:190px;outline:0}.svt-search button{background:none;color:#fff;border:0;padding:0 12px}
.svt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:25px 0}.svt-card{min-width:0}
.svt-media{position:relative;display:block;aspect-ratio:16/10;background:#16191e;border-radius:10px;overflow:hidden;text-decoration:none}
.svt-media img,.svt-media video{width:100%;height:100%;object-fit:cover;display:block}.svt-preview-video{position:absolute;inset:0;opacity:0;transition:opacity .12s}.svt-preview-active .svt-preview-video{opacity:1}
.svt-hide-poster{opacity:0}.svt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#000b;display:grid;place-items:center;font-size:20px;opacity:.9;z-index:3}
.svt-preview-label{position:absolute;left:8px;top:8px;background:#000b;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:700;z-index:4}
.svt-duration{position:absolute;right:8px;bottom:8px;background:#000c;padding:4px 7px;border-radius:5px;font-size:12px;z-index:4}
.svt-card h2{font-size:15px;line-height:1.35;margin:9px 0 5px}.svt-card h2 a{text-decoration:none}.svt-meta{color:var(--muted);font-size:12px}
.svt-single{max-width:950px;margin:25px auto}.svt-single h1{font-size:30px}.svt-player{background:#000;border-radius:12px;overflow:hidden;margin:18px 0}.svt-player video{width:100%;display:block}
.svt-content{line-height:1.7}.svt-heading{font-size:24px;margin-top:30px}.svt-ad{margin:18px 0;text-align:center;overflow:hidden}
.svt-footer{margin-top:50px;padding:30px 0;border-top:1px solid #242831;color:var(--muted)}.svt-page{max-width:900px;margin:30px auto}
.navigation.pagination{margin:30px 0}.page-numbers{display:inline-block;padding:8px 12px;margin:3px;background:#181b21;color:#fff;text-decoration:none;border-radius:7px}
.svt-sticky-ad{position:fixed;left:0;right:0;bottom:0;z-index:9999;text-align:center;background:#090b0fee;padding:5px}
@media(max-width:900px){.svt-grid{grid-template-columns:repeat(3,1fr)}.svt-header nav{display:none}}
@media(max-width:600px){.svt-header .svt-wrap{gap:10px}.svt-brand{font-size:19px}.svt-search{margin-left:auto}.svt-search input{width:110px}.svt-grid{grid-template-columns:repeat(2,1fr);gap:12px}.svt-card h2{font-size:13px}.svt-single h1{font-size:22px}.svt-heading{font-size:20px}}

.svt-related-pagination{grid-column:1/-1;text-align:center;margin:10px 0 24px}
.svt-related-pagination .page-numbers{min-width:38px;text-align:center;font-weight:700}
.svt-related-pagination .page-numbers.current{background:var(--accent);color:#fff}

/* V6: mobile-safe advertisements */
.svt-ad{
  width:100%; max-width:100%; margin:18px auto; padding:0;
  text-align:center; overflow:hidden; box-sizing:border-box; clear:both;
}
.svt-ad > *{max-width:100% !important; box-sizing:border-box !important;}
.svt-ad iframe,.svt-ad img,.svt-ad video,.svt-ad object,.svt-ad embed{
  max-width:100% !important; height:auto; box-sizing:border-box;
}
.svt-sticky-ad{
  width:100%; max-width:100vw; left:0; right:0; bottom:0;
  overflow:hidden; box-sizing:border-box; padding:3px;
}
.svt-sticky-ad > *{max-width:100% !important; box-sizing:border-box !important;}
.svt-sticky-ad iframe,.svt-sticky-ad img,.svt-sticky-ad video,
.svt-sticky-ad object,.svt-sticky-ad embed{max-width:100% !important; height:auto;}
html,body{max-width:100%;overflow-x:hidden;}
img,video,iframe,embed,object{max-width:100%;}
@media(max-width:600px){
  .svt-wrap{padding-left:10px;padding-right:10px;}
  .svt-ad{margin:12px auto;}
  .svt-sticky-ad{padding:2px;}
  .svt-brand{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw;}
  .svt-search{max-width:48vw;min-width:0;}
  .svt-search input{width:100%;min-width:0;}
}

/* V7: contain advertising so ad code cannot break the page layout */
.svt-ad{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  clear:both !important;
  isolation:isolate !important;
  contain:layout paint style !important;
  text-align:center !important;
}
.svt-ad > div,
.svt-ad > span,
.svt-ad > section,
.svt-ad > iframe,
.svt-ad > a{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
.svt-ad iframe,
.svt-ad img,
.svt-ad video,
.svt-ad object,
.svt-ad embed{
  display:block !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.svt-ad script{display:none !important}

/* Prevent ad-generated fixed/absolute children from escaping the ad slot */
.svt-ad > *{
  position:relative;
}
.svt-ad > iframe{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
}

/* Mobile: give normal banner/rectangle ads a safe slot */
@media(max-width:600px){
  .svt-ad{
    width:100% !important;
    max-width:calc(100vw - 20px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:hidden !important;
  }
  .svt-ad iframe,
  .svt-ad img,
  .svt-ad video,
  .svt-ad object,
  .svt-ad embed{
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
  }
}

/* Sticky ad is isolated from normal document flow */
.svt-sticky-ad{
  position:fixed !important;
  z-index:99999 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-width:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  contain:layout paint style !important;
  isolation:isolate !important;
}
.svt-sticky-ad > *{
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

/* V8: Global third-party ad overflow shield.
 * Keeps externally injected banners from widening the page on mobile.
 * Does not remove or disable the ad itself.
 */
html, body {
  width:100%;
  max-width:100%;
  overflow-x:clip !important;
}

*, *::before, *::after { box-sizing:border-box; }

img, video, iframe, object, embed, svg, canvas {
  max-width:100%;
}

/* Common externally injected ad containers */
[id*="ad"], [class*="ad"], [id*="banner"], [class*="banner"] {
  max-width:100%;
}

/* Do not let long third-party links/text force the layout wider */
a, p, div, span {
  overflow-wrap:anywhere;
}

@media (max-width:600px){
  body {
    overflow-x:clip !important;
  }
  .svt-wrap,
  .svt-header,
  .svt-footer,
  .svt-single,
  .svt-grid {
    max-width:100%;
    min-width:0;
  }
  .svt-grid > *,
  .svt-single > *,
  .svt-wrap > * {
    min-width:0;
    max-width:100%;
  }
}


/* V8 Ads: keep ad slots inside the theme layout without displaying code as page text. */
.svt-ad {
  width: 100%;
  max-width: 100%;
  margin: 14px auto;
  text-align: center;
  overflow: hidden;
  clear: both;
}
.svt-ad > script { display: none !important; }
.svt-ad iframe { max-width: 100% !important; border: 0; }
.svt-inline-home-ad {
  grid-column: 1 / -1;
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svt-global-code { width: 100%; max-width: 100%; }
.svt-sticky-ad {
  padding: 0;
  background: transparent;
}
.svt-sticky-ad iframe,
.svt-sticky-ad img,
.svt-sticky-ad video,
.svt-sticky-ad object,
.svt-sticky-ad embed { max-width: 100% !important; }
@media (max-width: 600px) {
  .svt-inline-home-ad { min-height: 70px; }
  .svt-ad { max-width: calc(100vw - 16px); }
}


/* V8.1 Mobile category menu: six-or-more categories remain usable on phones */
@media (max-width: 900px){
  .svt-header .svt-wrap{
    flex-wrap:wrap;
    row-gap:10px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .svt-header nav{
    display:block !important;
    flex:0 0 100% !important;
    width:100%;
    order:3;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .svt-header nav::-webkit-scrollbar{display:none}
  .svt-header nav ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    width:max-content;
    margin:0 !important;
    padding:0 2px !important;
    list-style:none !important;
  }
  .svt-header nav li{flex:0 0 auto !important;margin:0 !important}
  .svt-header nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:7px 14px;
    border:1px solid #2a2e37;
    border-radius:20px;
    background:#15181e;
    color:#f5f6f8;
    font-size:14px;
    line-height:1;
    white-space:nowrap;
    text-decoration:none;
  }
  .svt-header nav .current-menu-item > a,
  .svt-header nav .current-menu-ancestor > a,
  .svt-header nav a:hover{
    background:#ff2f68;
    border-color:#ff2f68;
    color:#fff;
  }
}
@media (max-width:600px){
  .svt-header .svt-wrap{gap:8px}
  .svt-brand{font-size:18px;max-width:45vw}
  .svt-search{margin-left:auto;max-width:48vw}
  .svt-search input{width:100%;min-width:0;padding:9px 8px;font-size:14px}
  .svt-search button{padding:0 9px}
  .svt-header nav a{font-size:13px;min-height:36px;padding:7px 12px}
}


/* V8.2: Always show category navigation. Categories are rendered directly so
 * the menu does not depend on WordPress Customizer menu-location assignment. */
.svt-category-nav{display:block !important;flex:1 1 auto;min-width:0;}
.svt-category-nav ul{display:flex !important;align-items:center;gap:8px !important;list-style:none !important;margin:0 !important;padding:0 !important;white-space:nowrap;}
.svt-category-nav li{flex:0 0 auto !important;margin:0 !important;padding:0 !important;}
.svt-category-nav a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #2a2e37;border-radius:20px;background:#15181e;color:#f5f6f8 !important;text-decoration:none !important;font-size:14px;line-height:1;white-space:nowrap;}
.svt-category-nav li.current-menu-item a,.svt-category-nav a:hover{background:#ff2f68;border-color:#ff2f68;color:#fff !important;}
@media(max-width:900px){
  .svt-header .svt-wrap{flex-wrap:wrap !important;row-gap:8px;}
  .svt-category-nav{order:3 !important;flex:0 0 100% !important;width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;padding:1px 0 3px !important;}
  .svt-category-nav::-webkit-scrollbar{display:none !important;}
  .svt-category-nav ul{width:max-content !important;flex-wrap:nowrap !important;}
}
@media(max-width:600px){
  .svt-category-nav a{min-height:36px;padding:7px 12px;font-size:13px;}
}

/* V8.3 FINAL HEADER/MENU FIX */
.svt-header .svt-wrap{
  max-width:1250px;
  padding:0 18px;
}
.svt-topbar{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.svt-brand{flex:1 1 auto;min-width:0;}
.svt-brand a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.svt-search{flex:0 0 auto;width:360px;max-width:42%;height:52px;border-radius:16px;}
.svt-search input{width:100%;font-size:18px;padding:0 16px;}
.svt-search button{font-size:22px;min-width:54px;}
.svt-category-nav{
  display:block !important;
  width:100% !important;
  flex:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:0 0 10px !important;
}
.svt-category-nav::-webkit-scrollbar{display:none;}
.svt-category-nav ul{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center;
  width:max-content !important;
  min-width:100%;
  gap:9px !important;
  margin:0 !important;
  padding:0 2px !important;
}
.svt-category-nav li{flex:0 0 auto !important;}
.svt-category-nav a{
  min-height:38px;
  padding:8px 15px;
  border-radius:20px;
  font-size:14px;
  line-height:1;
  white-space:nowrap;
}
@media(max-width:700px){
  .svt-header .svt-wrap{padding:0 10px;}
  .svt-topbar{min-height:70px;gap:8px;}
  .svt-brand{max-width:58%;font-size:20px;}
  .svt-search{width:42%;max-width:none;height:44px;border-radius:13px;}
  .svt-search input{font-size:14px;padding:0 9px;}
  .svt-search button{font-size:18px;min-width:40px;padding:0 7px;}
  .svt-category-nav{padding-bottom:8px !important;}
  .svt-category-nav ul{gap:7px !important;min-width:max-content;}
  .svt-category-nav a{min-height:34px;padding:7px 11px;font-size:13px;}
}

/* V8.4 HEADER FINAL - desktop/mobile stable layout */
.svt-header > .svt-wrap{
  display:block !important;
  width:100% !important;
  max-width:1250px !important;
  margin:0 auto !important;
  padding:0 18px !important;
}
.svt-header .svt-topbar{
  width:100% !important;
  min-height:86px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
.svt-header .svt-brand{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
}
.svt-header .svt-brand a{
  display:block !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.svt-header .svt-search{
  flex:0 0 360px !important;
  width:360px !important;
  max-width:45% !important;
  margin:0 !important;
}
.svt-header .svt-category-nav{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 0 9px !important;
  margin:0 !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
.svt-header .svt-category-nav::-webkit-scrollbar{display:none !important}
.svt-header .svt-category-nav ul{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  width:max-content !important;
  min-width:100% !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.svt-header .svt-category-nav li{
  display:block !important;
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.svt-header .svt-category-nav a{
  display:flex !important;
  width:auto !important;
  max-width:none !important;
  min-height:38px !important;
  padding:8px 15px !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  border:1px solid #2a2e37 !important;
  border-radius:20px !important;
  background:#15181e !important;
  color:#f5f6f8 !important;
  text-decoration:none !important;
  line-height:1.1 !important;
}
@media (max-width:700px){
  .svt-header > .svt-wrap{
    padding:0 10px !important;
  }
  .svt-header .svt-topbar{
    min-height:68px !important;
    gap:8px !important;
  }
  .svt-header .svt-brand{
    flex:1 1 auto !important;
    max-width:60% !important;
    font-size:20px !important;
  }
  .svt-header .svt-search{
    flex:0 0 40% !important;
    width:40% !important;
    max-width:40% !important;
    height:44px !important;
    border-radius:13px !important;
  }
  .svt-header .svt-search input{
    width:100% !important;
    min-width:0 !important;
    padding:0 8px !important;
    font-size:14px !important;
  }
  .svt-header .svt-search button{
    min-width:38px !important;
    padding:0 7px !important;
    font-size:18px !important;
  }
  .svt-header .svt-category-nav{
    padding-bottom:8px !important;
  }
  .svt-header .svt-category-nav ul{
    min-width:max-content !important;
    gap:7px !important;
  }
  .svt-header .svt-category-nav a{
    min-height:34px !important;
    padding:7px 11px !important;
    font-size:13px !important;
  }
}
@media (max-width:380px){
  .svt-header .svt-brand{font-size:18px !important;max-width:57% !important}
  .svt-header .svt-search{flex-basis:43% !important;width:43% !important;max-width:43% !important}
}

/* V8.5 BUTTON MENU - category buttons */
.svt-category-nav{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding:6px 0 12px!important;margin:0!important;}
.svt-category-nav::-webkit-scrollbar{display:none!important;}
.svt-category-nav ul{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:max-content!important;min-width:100%!important;margin:0!important;padding:0 2px!important;list-style:none!important;}
.svt-category-nav li{display:block!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;}
.svt-category-nav a{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;min-height:42px!important;padding:0 18px!important;border:1px solid #343945!important;border-radius:12px!important;background:#171a21!important;color:#fff!important;text-decoration:none!important;font-size:15px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;transition:transform .15s ease,background .15s ease,border-color .15s ease!important;}
.svt-category-nav a:hover,.svt-category-nav li.current-menu-item a{background:#ff2f68!important;border-color:#ff2f68!important;color:#fff!important;transform:translateY(-1px)!important;}
@media(max-width:700px){
 .svt-category-nav{padding:5px 0 10px!important;}
 .svt-category-nav ul{gap:8px!important;min-width:max-content!important;padding:0 2px!important;}
 .svt-category-nav a{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important;font-weight:600!important;}
}


/* V8.6 SEARCH + HAMBURGER MENU */
.svt-mobile-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.svt-menu-toggle{display:none;position:relative;box-sizing:border-box;width:56px;height:44px;border:1px solid #343945;border-radius:12px;background:#171a21;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:5px;cursor:pointer;}
.svt-menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#fff;}
.svt-menu-toggle b{font-size:7px;line-height:1;font-weight:700;margin-top:1px;}
.svt-menu-toggle.is-open{background:#ff2f68;border-color:#ff2f68;}
@media(min-width:701px){
 .svt-mobile-tools{display:flex!important;}
 .svt-category-nav{display:block!important;}
}
@media(max-width:700px){
 .svt-header > .svt-wrap{padding:10px 12px 0!important;}
 .svt-header .svt-topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-height:0!important;}
 .svt-header .svt-brand{max-width:100%!important;flex:none!important;font-size:23px!important;text-align:left!important;}
 .svt-mobile-tools{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;}
 .svt-header .svt-search{flex:1 1 auto!important;width:auto!important;max-width:none!important;height:46px!important;margin:0!important;}
 .svt-header .svt-search input{font-size:15px!important;}
 .svt-menu-toggle{display:flex!important;flex:0 0 56px!important;}
 .svt-header .svt-category-nav{display:none!important;padding:8px 0 10px!important;}
 .svt-header .svt-category-nav.svt-menu-open{display:block!important;}
 .svt-header .svt-category-nav ul{min-width:max-content!important;gap:8px!important;padding:0 1px!important;}
 .svt-header .svt-category-nav a{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;}
}
