/* "Δείτε το στην πράξη / See it in action" video block for product pages (imageskincare.gr).
   Layout A: compact tiles in the product column under add-to-cart (like imageskincare.com).
   Layout B: full-width row under the product area, tiles play muted while visible. */
.isk-sia{margin:22px 0 6px;font-family:"Open Sans",sans-serif}
.isk-sia__title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#262626;margin:0 0 10px}
.isk-sia__row{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
.isk-sia__row::-webkit-scrollbar{display:none}
.isk-sia__tile{position:relative;flex:0 0 calc((100% - 24px)/4);aspect-ratio:9/16;border:0;padding:0;margin:0;border-radius:6px;overflow:hidden;background:#eee;cursor:pointer;scroll-snap-align:start}
.isk-sia__tile img,.isk-sia__tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.isk-sia__tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35))}
.isk-sia__play{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:rgba(255,255,255,.88);z-index:1;transition:transform .2s}
.isk-sia__play:before{content:"";position:absolute;left:15px;top:11px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #262626}
.isk-sia__dur{position:absolute;right:6px;bottom:5px;z-index:1;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.isk-sia__tile:hover .isk-sia__play,.isk-sia__tile:focus-visible .isk-sia__play{transform:scale(1.08)}
.isk-sia__tile:focus-visible{outline:2px solid #262626;outline-offset:2px}
@media (max-width:767px){.isk-sia__tile{flex-basis:calc((100% - 16px)/3.3)}}

/* Layout B */
.isk-sia--wide{clear:both;max-width:1170px;margin:40px auto 10px;padding:0 15px}
.isk-sia--wide .isk-sia__title{font-size:16px;font-weight:800;letter-spacing:.04em;text-align:center;margin-bottom:16px}
.isk-sia--wide .isk-sia__row{gap:12px;justify-content:center}
.isk-sia--wide .isk-sia__tile{flex:0 0 200px;border-radius:8px}
.isk-sia--wide .isk-sia__tile.is-playing .isk-sia__play{opacity:0}
@media (max-width:900px){.isk-sia--wide .isk-sia__row{justify-content:flex-start}.isk-sia--wide .isk-sia__tile{flex-basis:calc((100% - 24px)/2.4)}}

/* Player */
.isk-sia-modal{position:fixed;inset:0;z-index:100000;background:rgba(10,10,10,.94);display:flex;align-items:center;justify-content:center;font-family:"Open Sans",sans-serif}
.isk-sia-modal[hidden]{display:none}
.isk-sia-modal__stage{position:relative;height:min(92vh,calc(92vw*16/9));aspect-ratio:9/16;max-width:92vw;border-radius:10px;overflow:hidden;background:#000}
.isk-sia-modal video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.isk-sia-modal__bars{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px;z-index:2}
.isk-sia-modal__bar{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.isk-sia-modal__bar i{display:block;height:100%;width:0;background:#fff}
.isk-sia-modal__sub{position:absolute;left:8%;right:8%;bottom:9%;z-index:2;text-align:center;pointer-events:none}
.isk-sia-modal__sub span{display:inline;background:rgba(0,0,0,.8);color:#fff;font-size:clamp(14px,2.1vh,17px);line-height:1.45;font-weight:600;padding:3px 8px;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.isk-sia-modal__sub:empty{display:none}
.isk-sia-modal__sub.is-top{bottom:auto;top:76px}
.isk-sia-modal__sub.is-mid{bottom:auto;top:40%}
.isk-sia-modal button{font-family:inherit;cursor:pointer}
.isk-sia-modal__close,.isk-sia-modal__mute,.isk-sia-modal__cc{position:absolute;z-index:3;border:0;background:rgba(0,0,0,.45);color:#fff;border-radius:18px;height:36px;min-width:36px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.04em}
.isk-sia-modal__close{top:22px;right:12px;font-size:22px;line-height:36px;padding:0}
.isk-sia-modal__mute{top:22px;left:12px;display:flex;align-items:center;justify-content:center;padding:0}
.isk-sia-modal__cc{top:22px;left:58px}
.isk-sia-modal__cc[aria-pressed="false"]{opacity:.6;text-decoration:line-through}
.isk-sia-modal__nav{position:absolute;top:50%;margin-top:-24px;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#262626;font-size:24px;line-height:48px;z-index:3}
.isk-sia-modal__prev{left:calc(50% - min(46vh,calc(46vw*16/9)*9/16) - 70px)}
.isk-sia-modal__next{right:calc(50% - min(46vh,calc(46vw*16/9)*9/16) - 70px)}
.isk-sia-modal__nav[disabled]{opacity:.25;cursor:default}
@media (max-width:767px){.isk-sia-modal__stage{height:100%;max-width:100%;width:100%;aspect-ratio:auto;border-radius:0}.isk-sia-modal__nav{display:none}}
html.isk-sia-lock,html.isk-sia-lock body{overflow:hidden}