.example-open{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 18px;border:1px solid var(--film,#7757ff);border-radius:99px;background:transparent;color:var(--film,#7757ff);font:700 14px var(--body,sans-serif);cursor:pointer;margin-top:12px}
.example-open:hover{background:#eceafa}.example-open:focus-visible{outline:3px solid #158fa3;outline-offset:3px}
.example-dialog{width:min(960px,calc(100% - 28px));max-height:90dvh;padding:24px;border:1px solid #b7a4ff;border-radius:20px;background:#0d152a;color:#fff;box-sizing:border-box;overflow:auto}
.example-dialog::backdrop{background:#030916d9;backdrop-filter:blur(8px)}
.example-dialog header{display:flex;align-items:start;justify-content:space-between;gap:18px}
.example-dialog small{color:#8bddf4;font-size:12px;letter-spacing:.12em}.example-dialog h2{font:400 clamp(24px,4vw,38px) Georgia;margin:10px 0}
.example-dialog header button{flex-shrink:0;width:44px;height:44px;border:1px solid #657089;border-radius:50%;background:#1f2941;color:#fff;cursor:pointer}
.example-dialog p{color:#bac6db;font-size:16px;line-height:1.65}
#exampleMedia img,#exampleMedia video{display:block;width:100%;max-height:60dvh;object-fit:contain;background:#060a14;border-radius:12px}
#exampleMedia iframe{width:100%;aspect-ratio:16/9;min-height:260px;border:0;border-radius:12px}
.example-placeholder{padding:40px 24px;text-align:center;border:1px dashed #596687;border-radius:12px}
.example-modal-open{overflow:hidden}
.example-dialog .player-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.example-dialog .player-gallery[hidden]{display:none}.example-dialog .player-gallery button{flex:0 1 calc(25% - 10px);max-width:190px;min-width:0}.example-dialog .player-gallery img{object-fit:contain}.example-dialog .player-gallery:empty{display:none}@media(max-width:550px){.example-dialog .player-gallery button{flex-basis:calc(50% - 10px);max-width:170px}}
.player-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.player-gallery button{padding:5px;border:2px solid transparent;border-radius:12px;background:#202940;color:#fff;cursor:pointer;overflow:hidden;min-width:0}.player-gallery button[aria-pressed=true]{border-color:#8be8ff}.player-gallery img,.thumb-symbol{width:100%;aspect-ratio:16/9;object-fit:cover;display:grid;place-items:center;border-radius:8px;background:#11192b}.player-gallery button>span:last-child{display:block;padding:8px;font-size:14px;overflow-wrap:anywhere}.player-languages{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.player-languages button{border:1px solid #78829a;background:transparent;color:inherit;padding:10px 16px;border-radius:99px;cursor:pointer}.player-languages button[aria-pressed=true]{background:#7053f4;color:white}.example-dialog[data-skin=light],.example-dialog[data-skin=light] header{background:#f5f7fb;color:#10192b}.example-dialog[data-skin=light] p{color:#4c596b}.example-dialog[data-skin=minimal],.example-dialog[data-skin=minimal] header{background:#090909}.example-dialog[data-skin=minimal] .player-controls{background:#171717}.example-dialog[data-skin=minimal] .player-controls button{background:#333}.example-dialog[data-skin=minimal] .lumenia-player{box-shadow:none;border-color:#555}@media(max-width:550px){.player-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.product-list article.open .product-body{max-height:none;grid-template-columns:1fr;gap:20px}
.product-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;grid-column:1/-1;padding-top:6px}
.product-actions .example-open,.product-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;width:auto;height:auto;box-sizing:border-box;margin:0;padding:12px 20px;border:1px solid var(--accent);border-radius:12px;font:700 14px/1.4 var(--body,sans-serif);text-decoration:none;transform:none;align-self:auto;text-align:center}
.product-actions .example-open{background:#fff;color:var(--accent)}
.product-actions>a{background:var(--accent);color:#091023}
.product-actions .example-open:hover,.product-actions>a:hover{filter:brightness(.95)}
.product-actions>a:focus-visible{outline:3px solid #158fa3;outline-offset:3px}
@media(max-width:480px){.product-actions{flex-direction:column}.product-actions .example-open,.product-actions>a{width:100%}}
.lumenia-player{background:#050812;border:1px solid #7053f4;border-radius:16px;overflow:hidden;box-shadow:0 0 45px #7053f425}.player-controls{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(100deg,#211a40,#101c30);border-top:1px solid #63dff74a}.player-controls button{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid #ffffff30;border-radius:12px;background:#7053f4;color:#fff;font-size:21px;cursor:pointer}.player-controls input{min-width:30px;flex:1;accent-color:#8be8ff;cursor:pointer}.player-controls input.player-volume{max-width:80px}.player-controls span{font:14px monospace;color:#fff}.player-controls :focus-visible{outline:3px solid #8be8ff;outline-offset:3px}.player-status:empty{display:none}.player-status{padding:0 15px}.lumenia-player:fullscreen{display:flex;flex-direction:column;justify-content:center}.lumenia-player:fullscreen video{max-height:calc(100vh - 80px)!important;flex:1;min-height:0}.example-dialog{box-shadow:0 0 0 1px #ffffff15,0 30px 100px #0009}.example-dialog header{position:sticky;top:-24px;background:#0d152a;z-index:2;padding-block:8px}@media(max-width:600px){.example-dialog{padding:16px}.player-controls{gap:7px;padding:9px}.player-volume{display:none}.example-dialog header{top:-16px}#exampleMedia iframe{min-height:0}}
