/* TAOME video pilot 0.2.0. Only the video layers; shop columns/grid untouched. */
.taome-media-gallery{width:100%;max-width:100%;font-family:inherit}
.taome-media-stage{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#f7f8f9;border-radius:12px;overflow:hidden}
.taome-media-stage video,.taome-media-stage img{width:100%;height:100%;object-fit:contain;display:block}
.taome-media-thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.taome-media-thumb{width:76px;height:76px;position:relative;overflow:hidden;display:block;background:#fff;border:2px solid #e3e5e8;border-radius:9px;padding:3px;cursor:pointer;box-shadow:none;transition:border-color .15s ease}
.taome-media-thumb:hover,.taome-media-thumb:focus-visible,.taome-media-thumb.is-active{border-color:#ff6900;outline:0}
.taome-media-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.taome-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:28px;height:28px;background:#ff6900;color:white;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 8px #0003}
/* Flatsome image container: the overlay is moved out of <a> by JavaScript. */
.product-small .box-image.taome-video-box{position:relative}
.product-small .box-image .taome-video-archive{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;pointer-events:none;background:#fff}
.product-small .box-image .taome-video-archive .taome-video-archive-poster{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.product-small .box-image .taome-video-archive video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;pointer-events:none}
.product-small .box-image .taome-video-archive.is-playing video{opacity:1}
.product-small .box-image.taome-video-box .wishlist-icon{z-index:8}
.taome-video-badge{position:absolute;left:8px;bottom:8px;background:rgba(28,28,28,.76);color:#fff!important;padding:3px 8px;border-radius:7px;font-size:12px;font-weight:600;line-height:1.6}
.taome-mobile-video-toggle{display:none!important}
/* Touch devices: still poster first; only explicit tap on play starts the video. */
@media (hover:none), (pointer:coarse){
  .product-small .box-image .taome-video-archive .taome-mobile-video-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex!important;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;min-height:52px;border:1px solid rgba(255,105,0,.25);border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 3px 14px rgba(0,0,0,.16);color:#ff6900;cursor:pointer;pointer-events:auto;z-index:4;margin:0;padding:0}
  .product-small .box-image .taome-video-archive .taome-mobile-video-toggle span{display:block;line-height:1;font-size:22px;margin-left:4px}
  .product-small .box-image .taome-video-archive .taome-mobile-video-toggle:focus-visible{outline:3px solid #ff6900;outline-offset:3px}
  .product-small .box-image .taome-video-archive.is-mobile-playing video{pointer-events:auto;z-index:3}
  .product-small .box-image .taome-video-archive.is-mobile-playing .taome-mobile-video-toggle{display:none!important}
  .product-small .box-image .taome-video-archive.is-mobile-playing .taome-video-badge{display:none}
}