/* VideoKryptan TV V8.13.1 – samma visuella DNA som filmsidorna.
   Påverkar endast TV-titlar, inte vanliga filmrecensioner. */
.vk812-tv { --vk812-ink:#090b12; --vk812-paper:#0b0d17; --vk812-hot:#fb315e; --vk812-line:#72344d; }
.vk812-tv .vk259-tv-hero { border-color:#6b273b; background-color:#070a0f; }
.vk812-tv .vk259-tv-hero__box { display:flex; align-items:center; justify-content:center; min-width:200px; }
.vk812-tv .vk259-tv-hero__copy .vk259-kicker { letter-spacing:.16em; }
/* DVD-box som faktiskt visar seriens egna omslag. Ingen genre-felmatchad sci-fi-ram. */
.vk812-tvcase { box-sizing:border-box; display:flex; width:clamp(160px,19vw,240px); max-width:100%; height:clamp(220px,24vw,315px); filter:drop-shadow(13px 16px 9px #000b); transform:perspective(750px) rotateY(-10deg); position:relative; border:1px solid #55515a; border-radius:5px; overflow:hidden; background:#070708; }
.vk812-tvcase-spine { box-sizing:border-box; width:16%; max-width:31px; flex:0 0 16%; background:linear-gradient(90deg,#09090c,#1e1a1f 40%,#050508 100%); border-right:1px solid #786273; display:flex; justify-content:center; align-items:center; padding:6px 0; }
.vk812-tvcase-spine span { writing-mode:vertical-rl; transform:rotate(180deg); color:#efe7e4; font-family:Impact,'Arial Narrow',sans-serif; text-transform:uppercase; font-size:.8rem; letter-spacing:.06em; overflow:hidden; text-overflow:ellipsis; max-height:90%; }
.vk812-tvcase-front { position:relative; flex:1 1 auto; min-width:0; box-shadow:inset 5px 0 4px #0008; background:#101015; overflow:hidden; }
.vk812-tvcase-front:after { content:""; position:absolute; inset:0; pointer-events:none; border:3px solid #131117; box-shadow:inset 0 0 0 1px #75656a, inset 0 -30px 18px #07080a88; }
.vk812-tvcase-front img { width:100%; height:100%; object-fit:cover; display:block; }
/* Dölj aldrig en riktig recension. Däremot ska tekniskt tomt-state inte visas. */
.vk812-tv .vk259-review-pending { display:none!important; }
.vk812-tv.vk812-has-article > .vk259-deep { display:none!important; }
.vk812-tv .vk259-tv-nav { border-top:2px solid #d83358; border-bottom:1px solid #5d2938; background:#070911; }
.vk812-tv .vk259-tv-nav a { color:#faf2f1; font-weight:850; text-transform:uppercase; font-size:.8rem; letter-spacing:.05em; }
.vk812-tv .vk259-tv-nav a:first-child { color:#fff1f3; }
.vk812-tv .vk259-tv-nav a:hover,.vk812-tv .vk259-tv-nav a:focus-visible { color:#ff5e86; }
.vk812-editorial { padding:0; margin:18px 0 24px; scroll-margin-top:110px; }
.vk812-editorial-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,315px); gap:14px; align-items:start; }
.vk812-review-sheet { background:linear-gradient(135deg,rgba(9,10,17,.98),rgba(13,13,21,.95)); min-width:0; border:1px solid #523244; border-left:3px solid var(--vk812-hot); padding:clamp(18px,2.3vw,30px); box-shadow:0 15px 30px #0009; }
.vk812-brand { font-family:Impact,'Arial Narrow',sans-serif; text-transform:uppercase; font-size:1.75rem; letter-spacing:.035em; color:#fb3459; line-height:1.1; text-shadow:1px 2px #4e1425; padding-bottom:18px; border-bottom:1px solid #8d263e; margin-bottom:15px; }
.vk812-article-title { display:flex; border-bottom:1px solid #492334; padding:0 0 15px; margin-bottom:24px; }
.vk812-article-title h2 { font-family:Impact,'Arial Narrow',sans-serif; text-transform:uppercase; letter-spacing:.015em; color:#f9f7f4; font-size:clamp(1.55rem,2.25vw,2.2rem); line-height:1.14; margin:0; }
/* V8.13.2: Hela artikelrutan skall kunna användas. Bilden flyter mot den HÖGRA
   insidan av ramen, och alla stycken efter bilden tar full artikelbredd. */
.vk812-story { color:#f3eeee; width:100%; min-width:0; max-width:none; }
/* V8.13.1: portratt i filmsidans proportioner, inte ett dominerande halvsidesmotiv.
   The Crow / Rymdimperiet: liten frilagd signatur inuti artikeltexten. */
.vk812-story::after {content:"";display:block;clear:both;}
.vk812-tv .vk812-story .vk813-alex-cutout {
  float:right;
  display:block;
  width:clamp(96px,8.25vw,124px);
  max-width:23%;
  height:auto;
  margin:0 0 12px 17px; /* Hoger ytterkant hanteras av story: full bredd */
  object-fit:contain;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.45));
}
@media (max-width:940px) and (min-width:541px){
  .vk812-tv .vk812-story .vk813-alex-cutout {width:clamp(96px,12vw,118px); max-width:22%; margin-left:13px;}
}
.vk812-story p { margin:0 0 1.25rem; color:#efeced; line-height:1.68; font-size:clamp(0.98rem,1.09vw,1.085rem); font-weight:400; overflow-wrap:break-word; }
.vk812-story p:first-child {font-weight:500;}
.vk812-story h3 { font-family:Impact,'Arial Narrow',sans-serif; font-size:1.25rem; text-transform:uppercase; color:#ffe8dd; border-left:3px solid var(--vk812-hot); padding-left:10px; margin:28px 0 14px; }
.vk812-signature { color:#f8b9c7; font-size:.92rem; font-weight:850; letter-spacing:.03em; text-align:right; margin-top:25px; }
.vk812-sidebar { display:flex; flex-direction:column; gap:11px; }
.vk812-sidepanel { min-width:0; padding:15px; background:#090e17; border:1px solid #344258; box-shadow:inset 3px 0 #e02c58; }
.vk812-sidepanel .vk812-section-head { margin-bottom:14px; border-bottom:1px solid #90233b; padding-bottom:11px; }
.vk812-kicker { display:block; color:#f1af68; letter-spacing:.095em; font-size:.67rem; font-weight:900; text-transform:uppercase; margin-bottom:5px; }
.vk812-section-head h2 { font-family:Impact,'Arial Narrow',sans-serif; font-size:1.2rem; line-height:1.1; font-weight:800; letter-spacing:.025em; text-transform:uppercase; color:#fffaf7; margin:0; }
.vk812-cast ul {list-style:none;margin:0;padding:0;}
.vk812-cast li {display:flex; flex-direction:column; gap:2px; border-bottom:1px solid #273042; padding:8px 0; font-size:.87rem;}
.vk812-cast li b { color:#e9e8ee; }
.vk812-cast li small {color:#c3adb6;}
.vk812-more-cast summary { cursor:pointer; color:#fbb1c8; font-weight:700; margin-top:13px; }
.vk812-stream-link { display:flex; flex-direction:column; gap:3px; color:#f2f0ed; padding:9px 5px; border-bottom:1px solid #273442; text-decoration:none; }
.vk812-stream-link b { font-size:.93rem; }.vk812-stream-link small { color:#e6bf69; font-size:.72rem; }
.vk812-stream-link:hover {color:#ffb5cb}
.vk812-facts p { font-size:.87rem; line-height:1.55; color:#e3dce1; border-bottom:1px solid #343245; margin:0 0 12px; padding-bottom:10px; }
.vk812-facts p:last-child { margin:0; padding:0; border:0; }
.vk812-player { width:100%; aspect-ratio:16/9; background:#111019; position:relative; display:grid; place-items:center; overflow:hidden; border:1px solid #573044; }
.vk812-player img { width:100%; height:100%; object-fit:cover; opacity:.85; }
.vk812-player iframe { border:0; width:100%; height:100%; position:absolute; inset:0; }
.vk812-play { position:absolute; inset:0; border:0; background:transparent; color:white; cursor:pointer; display:flex; flex-direction:column; gap:3px; align-items:center; justify-content:center; text-shadow:0 2px 5px black; }
.vk812-play span { width:57px; height:47px; border:1px solid #ff9ab8; display:grid; place-items:center; background:#ce2555; border-radius:9px; font-size:1.35rem; box-shadow:0 5px 15px #000a; }
.vk812-play small {font-weight:800; background:#080a0eb0; padding:4px 9px;}
.vk812-external { display:inline-block; color:#ffc1d2; font-size:.84rem; font-weight:700; text-decoration:underline; padding-top:11px; }
.vk812-behind { background:#0a0d14; border:1px solid #5a2839; padding:17px; margin:16px 0 20px; scroll-margin-top:120px; color:#fff; }
.vk812-behind > summary { cursor:pointer; color:#f8ced8; font-weight:850; text-transform:uppercase; font-size:.87rem; letter-spacing:.05em; }
.vk812-behind-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:20px; }
.vk812-behind-grid section {padding:15px;border:1px solid #3a2939;background:#13131d;min-width:0;}
.vk812-behind-grid h3 {font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;color:#f2d6ce;margin:0 0 10px;}
.vk812-behind-grid p {font-size:.91rem;line-height:1.6;color:#e7e2e1;overflow-wrap:break-word;}
.vk812-tv .vk259-section { scroll-margin-top:120px; }
@media(max-width:940px){ .vk812-editorial-grid {grid-template-columns:1fr;} .vk812-sidebar {display:grid; grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} }
@media(max-width:660px){ .vk812-sidebar,.vk812-behind-grid {grid-template-columns:1fr;} .vk812-editorial {margin:12px 0 18px;} .vk812-tvcase { width:180px; height:257px; } .vk812-review-sheet {padding:19px 16px;} .vk812-story p {font-size:1rem;line-height:1.68;} }
/* Behall en bred, lasbar artikelkolumn pa mobil. */
@media (max-width:540px){
  .vk812-tv .vk812-story .vk813-alex-cutout {
    float:none;
    display:block;
    width:min(36%,126px);
    max-width:126px;
    margin:4px auto 16px;
  }
}
