/* VideoKryptan 8.17 – only /streaming. Existing film React VHS archive is untouched. */
#vk89-streaming-tv{display:none!important}
.vk816-section{margin:16px auto 22px;padding:20px;border:1px solid #754350;border-top:3px solid #bb3e5a;background:repeating-linear-gradient(0deg,transparent 0px 7px,#fff1 8px 9px),linear-gradient(135deg,#1d1118,#080a11 70%,#160d14);box-shadow:0 12px 26px #0009;color:#f1e9dc}
.vk816-heading{border-bottom:1px solid #62313c;padding-bottom:12px;margin-bottom:17px}.vk816-heading .vk816-kicker{color:#e7b474;letter-spacing:.16em;font-size:10px;font-weight:900}
.vk816-heading h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.035em;font-size:clamp(26px,3.5vw,42px);color:#ffe1b6;text-shadow:3px 3px #681b2d;margin:3px 0 4px;line-height:1.05}.vk816-heading p{font-size:13px;margin:0;color:#cfc0c2;line-height:1.5}
.vk816-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}.vk816-grid .vk814-case{width:100%;min-width:0;box-sizing:border-box}.vk816-grid .vk814-box{height:clamp(210px,24vw,270px);max-width:200px;min-height:0;margin-inline:auto}.vk816-grid .vk814-name{min-height:0}
.vk816-status{font-size:12px;color:#f0b88e;margin:0 0 13px}.vk816-status:empty{display:none}.vk816-empty{color:#dec6c6;font-size:14px;padding:20px 0}.vk816-note{font-size:11px;color:#a9a1a9;margin:14px 0 0}
.vk816-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:15px 0 20px}.vk816-button{border:1px solid #e65d77;background:linear-gradient(160deg,#a51a3e,#6b112d);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;text-decoration:none;border-radius:4px;font-size:13px;font-weight:900;box-shadow:3px 4px 0 #08060a;cursor:pointer}.vk816-button.vk816-secondary{background:#1c1a25;border-color:#9b6167}.vk816-button:focus-visible,.vk816-small-link:focus-visible{outline:3px solid #f9d191;outline-offset:3px}
.vk816-tv-more{margin-top:16px}.vk816-tv-more[hidden]{display:none!important}.vk816-tv-more .vk816-search{display:flex;gap:12px;margin:10px 0 20px}.vk816-search input,.vk816-search select{min-width:0;flex:2 1 250px;padding:11px;background:#e7ce9d;color:#261d1b;border:1px solid #b99b71;font-size:14px;font-weight:800}.vk816-search select{flex:1 1 200px}
.vk816-archive{border-top:3px solid #ae344c;background:linear-gradient(90deg,#1b1018,#090a11);padding:16px 20px;margin:12px 0 9px}.vk816-archive .vk816-heading{margin-bottom:5px}.vk816-small-link{color:#f2c0c7;font-size:11px;font-weight:800;text-underline-offset:4px}
/* Collapse only the archive until the user opens it. Filter input always expands matching cards. */
.vk816-archive-compact .vk2430-grid>.vk2430-card:nth-child(n+9){display:none!important}
#vk816-film-toggle{margin-top:7px;padding-bottom:17px;border-bottom:2px solid #742a3e}
@media(max-width:950px){.vk816-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.vk816-section{padding:12px}.vk816-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vk816-grid .vk814-box{height:215px}.vk816-tv-more .vk816-search{flex-direction:column}.vk816-archive{padding:13px}}
@media(max-width:370px){.vk816-grid .vk814-box{height:185px}}
.vk816-button[hidden],.vk816-tv-more[hidden]{display:none!important}

/* V8.17: one or two TV-boxar ska inte se ut som tomma fyrkolumnskort. */
#vk816-tv{padding-bottom:12px}
#vk816-tv .vk816-heading{margin-bottom:11px;padding-bottom:9px}
#vk816-tv .vk816-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;align-items:flex-start}
#vk816-tv .vk816-grid .vk814-case{box-sizing:border-box;width:190px;max-width:190px;flex:0 0 190px}
#vk816-tv .vk816-grid .vk814-box{height:210px;max-width:165px;margin-inline:auto}
#vk816-tv .vk816-actions{justify-content:flex-start;margin:8px 0 0}
#vk816-tv .vk816-status{margin-bottom:9px}
@media(max-width:680px){#vk816-tv .vk816-grid{gap:10px}#vk816-tv .vk816-grid .vk814-case{width:calc(50% - 5px);max-width:185px;flex:0 0 calc(50% - 5px)}#vk816-tv .vk816-grid .vk814-box{height:195px;max-width:155px}}

/* V8.18 – Redaktionens val, premiärår och jämna videohyllor. */
#vk816-tv{padding-bottom:18px}
#vk816-tv .vk816-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
#vk816-tv .vk816-grid .vk814-case{width:100%;max-width:none;flex:auto;display:flex;min-height:0}
#vk816-tv .vk816-grid .vk814-box{height:clamp(210px,23vw,260px);max-width:190px}
#vk816-tv .vk816-grid .vk814-meta{margin-top:auto}
#vk816-tv .vk816-grid .vk814-case .vk814-name{min-height:34px}
#vk816-tv .vk816-actions.vk818-actions{justify-content:flex-end;gap:9px;margin:13px 0 0}
#vk816-tv .vk818-featured{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:17px 20px;margin:10px 0 18px;background:linear-gradient(100deg,#24151b,#0b0d12 70%);border:1px solid #8d4855;border-left:4px solid #e04567;box-shadow:inset 0 0 0 1px #131015,0 7px 20px #0007}
#vk816-tv .vk818-featured-cover{display:block;align-self:stretch;max-width:170px;max-height:230px;min-height:210px;background:linear-gradient(#121820,#090a11);border:5px ridge #4f4b59;box-shadow:8px 6px 12px #000b;color:#fff;font:25px Impact;overflow:hidden}
#vk816-tv .vk818-featured-cover img{width:100%;height:100%;object-fit:cover;display:block}
#vk816-tv .vk818-featured-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}
#vk816-tv .vk818-feature-label{font-size:11px;font-weight:900;color:#f9c487;letter-spacing:.12em}
#vk816-tv .vk818-feature-title{font-family:Impact,'Arial Narrow',sans-serif;text-decoration:none;font-size:clamp(27px,3vw,42px);color:#fff4de;line-height:1;text-shadow:2px 2px #8a2739}
#vk816-tv .vk818-feature-title:hover{text-decoration:underline}
#vk816-tv .vk818-feature-meta,#vk816-tv .vk818-feature-offer{font-size:12px;color:#d8c7c6;margin:0}
#vk816-tv .vk818-feature-description{font-size:14px;line-height:1.6;color:#f4e6da;margin:1px 0}
#vk816-tv .vk818-feature-offer b{color:#fff}#vk816-tv .vk818-feature-offer span{color:#e3ba74}
#vk816-tv .vk818-feature-link{color:#ffc2cf;text-decoration:underline;text-underline-offset:4px;font-weight:900;font-size:12px}
#vk816-tv .vk818-next-head{border-top:1px dashed #774a50;padding:10px 1px 11px;display:flex;gap:15px;align-items:baseline;flex-wrap:wrap}
#vk816-tv .vk818-next-head h3{margin:0;color:#ffe2b7;font:24px Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
#vk816-tv .vk818-next-head p{margin:0;color:#b8a5a6;font-size:11px}
#vk816-tv .vk818-next-head[hidden]{display:none!important}
#vk816-tv .vk818-search-heading{margin:12px 0;color:#ecd7c2}
#vk816-tv .vk818-search-heading h3{font:26px Impact,'Arial Narrow',sans-serif;margin:0 0 3px;color:#ffe3b4}
#vk816-tv .vk818-search-heading p{font-size:12px;margin:0;color:#c4b6ae}
#vk816-tv #vk818-matches{font-size:12px;color:#e9bc81}
#vk816-tv .vk816-tv-more .vk816-search{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px}
#vk816-tv .vk816-tv-more .vk816-search input,#vk816-tv .vk816-tv-more .vk816-search select{width:100%;min-width:0;box-sizing:border-box}
#vk816-tv .vk816-tv-more .vk816-grid{row-gap:20px}
#vk816-tv .vk818-featured:focus-within{outline:2px solid #e7b474;outline-offset:3px}
@media(max-width:950px){#vk816-tv .vk816-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){#vk816-tv .vk816-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#vk816-tv .vk816-grid .vk814-box{height:215px;max-width:155px}#vk816-tv .vk818-featured{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:11px}#vk816-tv .vk818-featured-cover{min-height:156px;max-height:185px;border-width:3px}#vk816-tv .vk818-feature-title{font-size:27px}#vk816-tv .vk818-feature-description{font-size:12px;line-height:1.4}#vk816-tv .vk818-feature-label{font-size:9px}#vk816-tv .vk816-tv-more .vk816-search{grid-template-columns:1fr}#vk816-tv .vk816-actions.vk818-actions{justify-content:stretch}#vk816-tv .vk816-actions.vk818-actions>*{flex:1 1 100%;text-align:center}}
@media(max-width:370px){#vk816-tv .vk818-featured{grid-template-columns:86px minmax(0,1fr)}#vk816-tv .vk818-feature-description{display:none}#vk816-tv .vk816-grid .vk814-box{height:190px}}
