/* TV menu design gallery: original brand colours, image proportions preserved. */
.themes-section{scroll-margin-top:0;overflow:hidden;background:var(--glow)}
.themes-section .section-heading{align-items:center;margin-bottom:34px}
.themes-section .section-heading h2{font-size:clamp(36px,3.15vw,46px)}
.themes-section .section-intro{max-width:400px;font-size:16px}
.theme-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}
.theme-filters{display:flex;flex-wrap:wrap;gap:8px}
.theme-filters button{display:flex;align-items:center;gap:9px;min-height:42px;border:1px solid #bca7e24d;border-radius:30px;background:#ffffff05;color:#e6dbfa;padding:11px 16px;font-size:12px;line-height:1.4;font-weight:550;transition:background .18s,border-color .18s}
.theme-filters button span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:12px;background:#bfa2e51f;font-size:10px;font-variant-numeric:tabular-nums;opacity:.9}
.theme-filters button[aria-pressed=true]{background:#eee6ff;border-color:#eee6ff;color:#2d2253}
.theme-filters button:hover:not([aria-pressed=true]){background:#ffffff13;border-color:#cfb4f2}
.theme-nav{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-counter{min-width:59px;text-align:center;font-size:12px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#e7dcf6}
.theme-arrow{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;padding:0;background:#ffffff06;color:#fff;border:1px solid #bca7e265;border-radius:50%;transition:background .18s,border-color .18s}
.theme-arrow:hover{background:#bfa5ec22;border-color:#d1b3ff}
.theme-arrow svg,.theme-expand svg,.theme-dialog svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.theme-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:center}
.theme-screen{display:block;position:relative;width:100%;padding:6px;border:1px solid #afa5c585;background:linear-gradient(145deg,#857b9b,#211a37 50%,#716385);border-radius:15px;box-shadow:0 24px 55px #0804195c;cursor:zoom-in}
.theme-screen>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#130f1c;border-radius:9px}
.theme-expand{position:absolute;right:19px;bottom:19px;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:30px;border:1px solid #ffffff40;background:#181329df;color:#fff;font-size:11px;font-weight:600;backdrop-filter:blur(10px);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}
.theme-screen:hover .theme-expand,.theme-screen:focus-visible .theme-expand{opacity:1;transform:none}
.theme-expand svg{width:16px;height:16px}
.theme-detail{min-width:0}
.theme-detail .theme-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#cbb4ec;margin-bottom:13px}
.theme-detail h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;color:#fff;min-height:72px;display:flex;align-items:center}
.theme-detail .theme-description{font-size:14px;line-height:1.8;color:#e0d4f1;margin-top:14px;min-height:101px}
.theme-facts{display:grid;gap:14px;margin:23px 0;padding:20px 0;border-block:1px solid #c4afe034}
.theme-facts div{display:grid;gap:5px}
.theme-facts dt{font-size:10px;color:#bfaad9}
.theme-facts dd{margin:0;font-size:12px;line-height:1.6;font-weight:550;color:#f1eafa}
.theme-detail .button{font-size:12px;white-space:normal;width:100%;gap:12px;padding-inline:18px}
.theme-detail .theme-included{font-size:11px;line-height:1.65;color:#ccb9e4;margin-top:13px;text-align:center}
.theme-thumbnails{display:flex;gap:14px;margin-top:30px;padding:4px 3px 16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#aa8cdb5c transparent}
.theme-thumbnails::-webkit-scrollbar{height:4px}.theme-thumbnails::-webkit-scrollbar-thumb{border-radius:4px;background:#aa8cdb5c}
.theme-thumbnail{flex:0 0 calc((100% - 70px)/6);min-width:155px;max-width:230px;display:block;position:relative;text-align:left;padding:5px;border:1px solid #aa90cd38;border-radius:11px;background:#ffffff04;color:#ddcfea;scroll-snap-align:start;transition:background .18s,border-color .18s}
.theme-thumbnail:hover{border-color:#cbb2ed99;background:#ffffff0c}
.theme-thumbnail[aria-pressed=true]{border-color:#d1b3ff;box-shadow:0 0 0 2px #bb94ee45;background:#bb94ee18;color:#fff}
.theme-thumbnail img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:6px;background:#171125}
.theme-thumbnail-label{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 5px 8px;font-size:11px;line-height:1.4;font-weight:550}
.theme-thumbnail-label>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-thumbnail-label>span:last-child{font-size:10px;font-weight:450;opacity:.65;font-variant-numeric:tabular-nums}
.theme-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:12px}
.themes-section .theme-caption p{font-size:11px;line-height:1.7;color:#c9b8df;max-width:740px}
.theme-caption>a{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;color:#f1e7ff;flex-shrink:0;border-bottom:1px solid #bda1dc70;padding-bottom:4px}
.theme-caption>a:hover{color:#d1b3ff}
.theme-caption>a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.theme-dialog{width:min(1440px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #7b649c;border-radius:18px;background:#19143f;color:#fff;overflow:auto;box-shadow:0 30px 100px #0008}
.theme-dialog::backdrop{background:#100b27e8;backdrop-filter:blur(8px)}
.theme-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px}
.theme-dialog-top h2{font-size:17px;font-weight:600;letter-spacing:-.01em}
.theme-dialog-top button{width:36px;height:36px}
.theme-dialog>img{width:100%;max-height:calc(100dvh - 210px);object-fit:contain;background:#0f0b1c}
.theme-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}
.theme-dialog-bottom p{font-size:11px;color:#d1bfe7}
.theme-dialog-bottom>a{font-size:12px;font-weight:550;color:#eee2ff;display:flex;align-items:center;gap:10px}
.theme-dialog-bottom>a:hover{color:#d1b3ff}
@media(min-width:1000px) and (max-width:1350px){.theme-stage{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.theme-detail h3{font-size:26px;min-height:62px}.theme-detail .theme-description{font-size:13px;min-height:92px}.theme-facts{padding:16px 0;margin:18px 0;gap:11px}.theme-filters button{font-size:11px;padding-inline:12px;gap:6px}.theme-toolbar{gap:15px}.theme-arrow{width:38px;height:38px}.theme-nav{gap:9px}.theme-thumbnail{flex-basis:calc((100% - 56px)/5)}}