/* Store layer (night-audit): media slider with the video first, prices, bundle nudge, bundle options, value table. */
.ms{position:relative;min-width:0;max-width:100%}   /* grid item: never let the thumb row widen the page */
.ms-stage{position:relative;aspect-ratio:4/5;background:var(--void,#080A0D);border:1px solid rgba(242,245,241,.12);border-radius:6px;overflow:hidden}
.ms-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease}
.ms-slide.on{opacity:1;visibility:visible}
.ms-slide img,.ms-slide video{display:block;width:100%;height:100%;object-fit:contain}
.ms-slide.fill img{object-fit:cover}
.ms-slide video{background:var(--void,#080A0D)}
.ms-tag{position:absolute;top:14px;left:14px;z-index:3;background:var(--volt,#B9FF38);color:var(--void,#080A0D);font:600 11px/1 PlexMonoLocal,ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;padding:8px 12px;border-radius:4px;pointer-events:none}
.ms-tag{transition:opacity .3s}.ms-slide.playing .ms-tag{opacity:0}
.ms-nav{position:absolute;top:50%;margin-top:-22px;z-index:4;width:44px;height:44px;border:1px solid rgba(242,245,241,.35);background:rgba(8,10,13,.62);color:#F2F5F1;border-radius:4px;cursor:pointer;font-size:20px;line-height:1}
.ms-nav:hover{background:var(--cobalt,#2F5BFF);border-color:var(--cobalt,#2F5BFF)}
.ms-prev{left:12px}.ms-next{right:12px}
.ms-count{position:absolute;right:14px;bottom:14px;z-index:3;font:600 11px/1 PlexMonoLocal,ui-monospace,monospace;letter-spacing:1px;color:#F2F5F1;background:rgba(8,10,13,.62);padding:7px 10px;border-radius:4px}
.ms-thumbs{display:flex;min-width:0;gap:10px;margin-top:12px;overflow-x:auto;scrollbar-width:thin;padding:3px 3px 6px}
.ms-thumb{position:relative;flex:0 0 calc((100% - 50px)/6);min-width:58px;aspect-ratio:1;border:1px solid var(--line,#D8DEE3);border-radius:4px;overflow:hidden;background:var(--void,#080A0D);cursor:pointer;padding:0}
.ms-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.72;transition:opacity .2s}
.ms-thumb:hover img,.ms-thumb.on img{opacity:1}
.ms-thumb.on{outline:2px solid var(--cobalt,#2F5BFF);outline-offset:2px}
.ms-thumb .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;background:rgba(8,10,13,.38)}
@media(max-width:560px){.ms-thumb{flex-basis:calc((100% - 30px)/4.4)}}

.pd-price .alt{font-size:15px;color:var(--ink-3,#64707A)}
.save-tag{display:inline-block;background:var(--volt,#B9FF38);color:var(--void,#080A0D);font:600 12px/1 PlexMonoLocal,ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;padding:7px 10px;border-radius:4px;white-space:nowrap}
.buy-note{text-align:center;font-size:13px;color:var(--ink-3,#64707A);margin:10px 0 0}
.bundle-nudge{margin-top:16px;border:1px solid var(--line,#D8DEE3);border-left:4px solid var(--cobalt,#2F5BFF);background:#fff;border-radius:4px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;color:var(--ink-1,#080A0D);text-decoration:none}
.bundle-nudge:hover{border-color:var(--cobalt,#2F5BFF)}
.bundle-nudge b{font-family:ArchivoLocal,sans-serif;font-weight:800;font-size:16px}
.bundle-nudge .bn-sub{display:block;font-size:13.5px;color:var(--ink-3,#64707A);margin-top:2px}

.opt{display:grid;gap:10px;margin:18px 0 8px}
.opt label{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--line,#D8DEE3);border-radius:4px;padding:14px 16px;background:#fff;cursor:pointer}
.opt label.on{border-color:var(--cobalt,#2F5BFF);box-shadow:0 0 0 1px var(--cobalt,#2F5BFF)}
.opt input{accent-color:var(--cobalt,#2F5BFF);margin-right:10px}
.opt .o-left{display:flex;align-items:flex-start}
.opt .o-name{font-weight:800;font-family:ArchivoLocal,sans-serif}
.opt .o-meta{display:block;font-size:13px;color:var(--ink-3,#64707A);margin-top:2px}
.opt .o-price{font:800 24px/1 ArchivoLocal,sans-serif;white-space:nowrap}
.opt .o-best{display:inline-block;margin-left:8px;background:var(--cobalt,#2F5BFF);color:#fff;font:600 10px/1 PlexMonoLocal,monospace;letter-spacing:1px;text-transform:uppercase;padding:5px 7px;border-radius:3px;vertical-align:2px}

.value-table{width:100%;border-collapse:collapse;margin:14px 0 6px;font-size:14.5px}
.value-table td{padding:9px 0;border-bottom:1px solid var(--line,#D8DEE3)}
.value-table td a{color:inherit;text-decoration:none}
.value-table td a:hover{color:var(--cobalt,#2F5BFF)}
.value-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-3,#64707A);white-space:nowrap}
.value-table tr.total td{font-weight:800;color:var(--ink-1,#080A0D)}
.value-table tr.you td{font-weight:800;color:var(--cobalt,#2F5BFF);border-bottom:0;font-size:16px}
.pcard .price .save{font:600 11px/1 PlexMonoLocal,monospace;letter-spacing:.6px;text-transform:uppercase;color:var(--cobalt,#2F5BFF);margin-left:6px}