/* EYEIDEA product page player. Moved from the Single Product template's <style> block (plugin 0.2.0). */
.eye-player [hidden],.eye-two2 [hidden]{display:none!important}
.eye-player{position:relative}
.eye-player video{width:100%;display:block}
.eye-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:0;padding:0;background:rgba(20,20,20,.5);color:#EDEDED;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}
.eye-nav svg{display:block}
.eye-prev{left:14px}
.eye-next{right:14px}
.eye-player:hover .eye-nav,.eye-nav:focus-visible{opacity:1}
.eye-nav:hover{background:rgba(20,20,20,.75)}
@media (hover:none){.eye-nav{opacity:1}}
.eye-count{position:absolute;top:12px;right:14px;z-index:3;font-family:var(--e-mono);font-size:12px;color:#EDEDED;background:rgba(20,20,20,.5);padding:3px 8px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none}
.eye-player:hover .eye-count{opacity:1}
.eye-two{gap:24px}
.eye-two>section,.eye-kwbox{border:1px solid var(--e-line);border-radius:14px;padding:20px 24px 12px}
.eye-two>section .eye-h,.eye-kwbox .eye-h{margin-top:0}
.eye-two .eye-spec:last-child,.eye-two .eye-spec:nth-last-child(2):nth-child(odd){border-bottom:0}
.eye-kwbox{margin-top:24px;padding-bottom:20px}
.eye-kwbox .eye-kw{margin-top:0}
.eye-kwbox:has(.eye-kw:empty){display:none}
.eye-two2:has(#eye-comp[hidden]){grid-template-columns:1fr}
.eye-two2.eye-three:has(#eye-comp[hidden]){grid-template-columns:2fr 1fr}
.eye-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.eye-specs{grid-template-columns:1fr}}
.eye-details .wp-block-post-content h2,.eye-details .wp-block-post-content h3,.eye-details .wp-block-post-content h4{color:var(--e-text);font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.4;margin:24px 0 8px}
.eye-details .wp-block-post-content strong{color:var(--e-text)}
.eye-details .wp-block-post-content ul{padding-left:18px}
.eye-thumbs .eye-tv{position:relative}
.eye-thumbs .eye-tv::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #EDEDED;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}

/* Loop button: off is dimmed, on is full strength with a dot underneath. */
#eye-loop{position:relative;opacity:.4;transition:opacity .15s}
#eye-loop:hover,#eye-loop:focus-visible{opacity:.75}
#eye-loop[aria-pressed=true]{opacity:1}
#eye-loop[aria-pressed=true]::after{content:"";position:absolute;left:50%;bottom:-3px;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateX(-50%)}

/* Pack cross-links under Free comp / Save. */
.eye-xlink{margin:14px 0 0;font-size:14px;line-height:1.5}
.eye-xlink a{text-decoration:underline}
.eye-xlink summary{cursor:pointer}
.eye-xlink ul{margin:8px 0 0;padding-left:18px;max-height:240px;overflow:auto}
.eye-xlink li{margin:2px 0}

/* 0.2.1: show the whole frame. The control bar sits below the picture instead of over it,
   and the video letterboxes (contain) instead of cropping (cover), so non-16:9 clips keep their edges.
   Doubled/descendant selectors outrank the template's inline .eye-player / .eye-bar rules. */
.eye-player.eye-player{aspect-ratio:auto}
.eye-player.eye-player>video,.eye-player.eye-player>img{aspect-ratio:16/9;height:auto;object-fit:contain;background:#000}
.eye-player .eye-bar{position:relative;left:auto;right:auto;bottom:auto;background:var(--e-media,#1a1a1a);border-top:1px solid rgba(255,255,255,.08)}
.eye-player .eye-nav{top:calc((100% - 62px)/2)}
/* 0.2.37: taller bar and track; strip frames drawn as cropped cells (player.js paintStrip). */
.eye-player .eye-bar{height:62px}
.eye-player .eye-tl{height:40px;background-image:none}
.eye-cells{position:absolute;inset:0;display:flex;pointer-events:none}
.eye-cells i{flex:1 1 0;min-width:0;background-repeat:no-repeat;box-shadow:inset -1px 0 0 rgba(0,0,0,.45)}
.eye-cells i:last-child{box-shadow:none}
@media (max-width:600px){.eye-player .eye-bar{height:54px}.eye-player .eye-tl{height:32px}.eye-player .eye-nav{top:calc((100% - 54px)/2)}}
.eye-player:has(.eye-bar[hidden]) .eye-nav{top:50%}
#eye-player:fullscreen{display:flex;flex-direction:column;border-radius:0;background:#000}
#eye-player:fullscreen>video{flex:1;min-height:0;height:auto;aspect-ratio:auto}
/* Pack clip list with running times (0.2.42) */
.eye-pc{margin:28px 0 8px;scroll-margin-top:110px}
.eye-pc-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--e-line)}
.eye-pc-h h3{margin:0;font-size:19px;font-weight:600;color:var(--e-text)}
.eye-pc-h span{font-size:12px;color:var(--e-muted);letter-spacing:.5px}
.eye-pc ol{list-style:none;margin:0;padding:0;counter-reset:pc}
.eye-pc li{counter-increment:pc;display:grid;grid-template-columns:2.2em minmax(0,1fr) auto 4.5em;gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--e-line);font-size:15px;margin:0}
.eye-pc li::before{content:counter(pc,decimal-leading-zero);font-family:var(--e-mono);font-size:11px;color:var(--e-muted)}
.eye-pc li a{color:var(--e-text);text-decoration:none}
.eye-pc li a:hover{text-decoration:underline}
.eye-pc-res{font-family:var(--e-mono);font-size:11px;color:var(--e-muted);border:1px solid var(--e-line2);border-radius:4px;padding:1px 5px}
.eye-pc-res:empty{display:none}
.eye-pc-dur{font-size:13px;color:var(--e-text2);text-align:right}
