/* 18+ Comic v2.6.0 — Full Width Header, Top Ad & Direct Media Player */
body.vtt-comic-library-v260{background:#f7f5ec}

/* The shell/header uses the entire viewport. Content panels retain the v2.5.1 max-width. */
body.vtt-comic-library-v260 .vtt-header-primary,
body.vtt-comic-library-v260 .vtt-desktop-nav{width:100%}
body.vtt-comic-library-v260 .vtt-header-primary>.container,
body.vtt-comic-library-v260 .vtt-desktop-nav>.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-inline:clamp(18px,4vw,78px)!important;
}
body.vtt-comic-library-v260 .vtt-header-primary__inner{
  min-height:78px;
  gap:18px;
}
body.vtt-comic-library-v260 .vtt-header-tools--left,
body.vtt-comic-library-v260 .vtt-header-tools--right{min-width:120px}
body.vtt-comic-library-v260 .vtt-header-tools--right{justify-content:flex-end}
body.vtt-comic-library-v260 .vtt-brand__image img{max-width:230px;max-height:54px}
body.vtt-comic-library-v260 .vtt-brand__text{font-size:34px}
body.vtt-comic-library-v260 .vtt-desktop-nav>.container{border-left:0;border-right:0}
body.vtt-comic-library-v260 .vtt-primary-nav{justify-content:flex-start}
body.vtt-comic-library-v260 .vtt-primary-nav>li:first-child{border-left:1px solid rgba(255,255,255,.12)}

/* Search panel shares the full header gutter but its form remains readable. */
body.vtt-comic-library-v260 .vtt-header-search{z-index:720;padding:16px 0;background:#0d0d11;border-bottom:2px solid var(--vtt-yellow)}
body.vtt-comic-library-v260 .vtt-header-search>.container{width:100%!important;max-width:none!important;padding-inline:clamp(18px,4vw,78px)!important}
body.vtt-comic-library-v260 .vtt-header-search__inner{position:relative;display:flex;align-items:center;justify-content:center;gap:10px}
body.vtt-comic-library-v260 .vtt-header-search .vtt-search-form{width:min(100%,860px);margin:0}
body.vtt-comic-library-v260 .vtt-header-search__close{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;color:#fff;background:rgba(255,255,255,.08);cursor:pointer}
body.vtt-comic-library-v260 .vtt-header-search__close:hover{color:var(--vtt-ink);background:var(--vtt-yellow)}
body.vtt-comic-library-v260 .vtt-header-search.is-open{display:block!important}

/* Main/grid/sidebar stay within the stable v2.5.1 composition. */
body.vtt-comic-library-v260 .vtt-site-content>.container,
body.vtt-comic-library-v260 .vtt-library-stage>.container,
body.vtt-comic-library-v260 .vtt-comic-breadcrumb-bar>.container,
body.vtt-comic-library-v260 .vtt-site-footer>.container{
  width:min(1360px,calc(100% - 48px))!important;
  max-width:1360px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* Single-video bottom ad is intentionally promoted above the player stage. */
body.vtt-comic-library-v260 .vtt-single-top-ad{
  position:relative;
  z-index:4;
  width:100%;
  padding:22px 0 2px;
  border-bottom:1px solid rgba(32,32,37,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(247,245,236,.82));
}
body.vtt-comic-library-v260 .vtt-single-top-ad>.container{width:min(1360px,calc(100% - 48px))!important;max-width:1360px!important}
body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot--page-bottom{
  width:min(100%,1040px)!important;
  margin:0 auto 18px!important;
  padding:16px!important;
  border-width:2px!important;
  background:#fff!important;
  box-shadow:4px 5px 0 rgba(23,23,27,.13),0 13px 24px rgba(23,23,27,.07)!important;
}
body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot__content{min-height:90px;padding-top:2px}
body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot__content>script{display:block}
body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot__content iframe,
body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot__content img{max-width:100%!important;height:auto!important}
body.vtt-comic-library-v260 .vtt-library-stage--single{padding-top:24px}

/* Direct media player: Video.js/HLS handles supported web media; incompatible MOV codecs expose a safe fallback. */
body.vtt-comic-library-v260 .vtt-player-viewport{isolation:isolate}
body.vtt-comic-library-v260 .vtt-player-viewport .video-js{z-index:1}
body.vtt-comic-library-v260 .vtt-player-viewport .video-js .vjs-control-bar{z-index:12!important}
body.vtt-comic-library-v260 .vtt-player-compatibility{position:absolute!important;inset:0!important;z-index:95!important;display:grid!important;place-items:center!important;padding:20px!important;background:rgba(5,5,8,.84)!important;color:#fff!important;text-align:center}
body.vtt-comic-library-v260 .vtt-player-compatibility[hidden]{display:none!important}
body.vtt-comic-library-v260 .vtt-player-compatibility__card{position:static!important;display:grid!important;justify-items:center!important;gap:10px!important;max-width:420px!important;padding:18px!important;margin:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important}
body.vtt-comic-library-v260 .vtt-player-compatibility__card>i{color:var(--vtt-yellow);font-size:28px}
body.vtt-comic-library-v260 .vtt-player-compatibility__card strong{font-family:"Quicksand","Inter",sans-serif;font-size:17px;line-height:1.2}
body.vtt-comic-library-v260 .vtt-player-compatibility__card span{color:rgba(255,255,255,.82);font-size:12px;line-height:1.55}
body.vtt-comic-library-v260 .vtt-player-compatibility__card>div{position:static!important;display:flex!important;gap:8px!important;width:auto!important;height:auto!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}
body.vtt-comic-library-v260 .vtt-player-compatibility__card a{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:7px 11px;border:1px solid #fff;border-radius:7px;color:#17171b!important;background:var(--vtt-yellow);font-size:11px;font-weight:800}
body.vtt-comic-library-v260 .vtt-player-compatibility__card a+ a{color:#fff!important;background:transparent}

@media (min-width:1720px){
  body.vtt-comic-library-v260 .vtt-header-primary>.container,
  body.vtt-comic-library-v260 .vtt-desktop-nav>.container,
  body.vtt-comic-library-v260 .vtt-header-search>.container{padding-inline:clamp(60px,6vw,128px)!important}
}
@media (max-width:1023px){
  body.vtt-comic-library-v260 .vtt-header-primary>.container,
  body.vtt-comic-library-v260 .vtt-desktop-nav>.container,
  body.vtt-comic-library-v260 .vtt-header-search>.container{padding-inline:20px!important}
  body.vtt-comic-library-v260 .vtt-header-primary__inner{min-height:68px}
  body.vtt-comic-library-v260 .vtt-site-content>.container,
  body.vtt-comic-library-v260 .vtt-library-stage>.container,
  body.vtt-comic-library-v260 .vtt-comic-breadcrumb-bar>.container,
  body.vtt-comic-library-v260 .vtt-site-footer>.container,
  body.vtt-comic-library-v260 .vtt-single-top-ad>.container{width:min(960px,calc(100% - 32px))!important}
}
@media (max-width:767px){
  body.vtt-comic-library-v260 .vtt-header-primary>.container,
  body.vtt-comic-library-v260 .vtt-header-search>.container{padding-inline:14px!important}
  body.vtt-comic-library-v260 .vtt-header-primary__inner{min-height:62px;gap:8px}
  body.vtt-comic-library-v260 .vtt-header-tools--left,
  body.vtt-comic-library-v260 .vtt-header-tools--right{min-width:42px}
  body.vtt-comic-library-v260 .vtt-brand__image img{max-width:190px;max-height:46px}
  body.vtt-comic-library-v260 .vtt-brand__text{font-size:28px}
  body.vtt-comic-library-v260 .vtt-header-search{padding:12px 0}
  body.vtt-comic-library-v260 .vtt-header-search__inner{gap:7px}
  body.vtt-comic-library-v260 .vtt-header-search .vtt-search-form{width:100%}
  body.vtt-comic-library-v260 .vtt-header-search__close{width:38px;height:38px;flex-basis:38px}
  body.vtt-comic-library-v260 .vtt-site-content>.container,
  body.vtt-comic-library-v260 .vtt-library-stage>.container,
  body.vtt-comic-library-v260 .vtt-comic-breadcrumb-bar>.container,
  body.vtt-comic-library-v260 .vtt-site-footer>.container,
  body.vtt-comic-library-v260 .vtt-single-top-ad>.container{width:calc(100% - 24px)!important}
  body.vtt-comic-library-v260 .vtt-single-top-ad{padding-top:16px}
  body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot--page-bottom{width:100%!important;padding:10px!important;margin-bottom:12px!important}
  body.vtt-comic-library-v260 .vtt-single-top-ad .vtt-ad-slot__content{min-height:0}
  body.vtt-comic-library-v260 .vtt-library-stage--single{padding-top:16px}
  body.vtt-comic-library-v260 .vtt-player-compatibility__card{padding:14px!important}
  body.vtt-comic-library-v260 .vtt-player-compatibility__card strong{font-size:14px}
}
