.taome-variation-video-stage[hidden],.taome-variation-media-thumbs[hidden]{display:none!important}
.taome-variation-video-stage:not([hidden]){position:absolute!important;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#fff}
.taome-variation-video-stage video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#fff}
.taome-variation-media-thumbs{display:flex!important;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 18px;max-width:100%}
.taome-variation-media-thumbs[hidden]{display:none!important}
.taome-variation-media-thumb{appearance:none!important;position:relative!important;width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;margin:0!important;padding:3px!important;border:1px solid #ddd!important;background:#fff!important;border-radius:3px!important;cursor:pointer!important;overflow:hidden!important;box-shadow:none!important}
.taome-variation-media-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.taome-variation-media-thumb.is-active{border:2px solid #ff7000!important;padding:2px!important}
.taome-variation-media-thumb:focus-visible{outline:2px solid #ff7000;outline-offset:2px}
.taome-variation-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff7000;color:#fff;font-size:15px;text-indent:2px;pointer-events:none}
@media(max-width:600px){.taome-variation-media-thumb{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}}

.taome-variation-photo-stage[hidden]{display:none!important}.taome-variation-photo-stage:not([hidden]){position:absolute!important;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#fff}.taome-variation-photo-stage img{display:block;width:100%;height:100%;object-fit:contain}

.taome-variation-photo-open{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0!important;padding:0!important;border:0!important;background:transparent!important;cursor:zoom-in!important;box-shadow:none!important}
.taome-variation-photo-open img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}
.taome-variation-lightbox{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:35px 65px!important;border:0!important;background:rgba(15,15,15,.97)!important;color:#fff!important;box-sizing:border-box!important;overflow:hidden!important}
.taome-variation-lightbox::backdrop{background:rgba(0,0,0,.85)}
.taome-variation-lightbox[open]{display:flex!important;align-items:center;justify-content:center}
.taome-variation-lightbox>img{display:block;max-height:calc(100dvh - 90px);max-width:100%;width:auto;height:auto;object-fit:contain}
.taome-variation-lightbox button{position:absolute!important;z-index:2;display:flex;align-items:center;justify-content:center;width:45px!important;height:45px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.16)!important;color:#fff!important;font-size:35px!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important}
.taome-lightbox-close{right:16px;top:14px}.taome-lightbox-prev{left:10px;top:50%;transform:translateY(-50%)}.taome-lightbox-next{right:10px;top:50%;transform:translateY(-50%)}.taome-lightbox-counter{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:14px;color:#fff}
@media(max-width:600px){.taome-variation-lightbox{padding:55px 42px!important}.taome-variation-lightbox button{width:34px!important;height:34px!important;font-size:28px!important}.taome-variation-lightbox>img{max-height:calc(100dvh - 120px)}}

/* TAOME 0.1.12: accessible video/photo lightbox layout */
.taome-variation-lightbox{padding:64px 94px!important;overflow:hidden!important}
.taome-variation-lightbox .taome-lightbox-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.taome-variation-lightbox .taome-lightbox-content img,.taome-variation-lightbox .taome-lightbox-content video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.taome-variation-lightbox .taome-lightbox-content [hidden]{display:none!important}
.taome-variation-lightbox .taome-lightbox-content video{width:100%;height:100%;background:#111}
.taome-variation-lightbox .taome-lightbox-close{right:32px!important;top:26px!important}
.taome-variation-lightbox .taome-lightbox-prev{left:32px!important}
.taome-variation-lightbox .taome-lightbox-next{right:32px!important}
.taome-variation-lightbox .taome-lightbox-counter{bottom:24px!important}
.taome-video-expand{position:absolute;right:14px;top:14px;z-index:3;min-width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;font-size:24px}
@media(max-width:600px){.taome-variation-lightbox{padding:58px 48px!important}.taome-variation-lightbox .taome-lightbox-close{right:14px!important;top:14px!important}.taome-variation-lightbox .taome-lightbox-prev{left:8px!important}.taome-variation-lightbox .taome-lightbox-next{right:8px!important}}
