[data-gallery-slide][data-sms-video]{position:relative}
.sms-product-video{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f1f8fc);isolation:isolate;overflow:hidden}
.sms-product-video video{display:block;position:absolute;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:transparent}
html body .sms-product-video button{display:grid;place-items:center;box-sizing:border-box;min-height:0!important;padding:0!important;border:0!important;font:inherit;cursor:pointer;box-shadow:none;}
html body .sms-product-video .sms-product-video__play{position:absolute;z-index:2;width:70px;height:70px;border:1px solid #ffffffa8!important;border-radius:50%!important;background:linear-gradient(140deg,#37a6d9,#1176b2)!important;color:#fff!important;box-shadow:0 7px 24px #0d628c38,inset 0 1px 0 #ffffff66;transition:transform .2s,box-shadow .2s;}
.sms-product-video__play svg{width:58px;height:58px;display:block}
.sms-product-video__play:hover{transform:scale(1.05);box-shadow:0 10px 28px #0d628c45!important}
.sms-product-video [hidden]{display:none!important}
.sms-product-video__badge{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:7px;background:#ffffffdc;color:#38738f;font:700 9px/1.4 sans-serif;letter-spacing:.8px;pointer-events:none}
.sms-product-video__status{position:absolute;bottom:58px;left:12px;right:12px;text-align:center;color:#365c71;background:#fff;padding:7px;border-radius:8px;font-size:12px;}
.sms-product-video__controls{position:absolute;z-index:4;inset:auto 10px 10px;display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #ffffffc9;border-radius:13px;background:#fffffff0;box-shadow:0 3px 14px #1b537325;color:#267ea8;}
html body .sms-product-video__controls button{flex:0 0 32px;width:32px;height:32px;border-radius:8px!important;background:transparent!important;color:#247fa9!important;}
html body .sms-product-video__controls button:hover{background:#e8f5fc!important;}
.sms-product-video__controls button svg{display:block;width:21px;height:21px;}
html body .sms-product-video input[type=range]{appearance:auto!important;height:26px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;accent-color:#2389b9;cursor:pointer;}
.sms-product-video__controls > input{flex:1;min-width:30px;width:0;}
.sms-product-video__time{font:600 11px/1.3 sans-serif;font-variant-numeric:tabular-nums;min-width:30px;}
.sms-product-video__audio{position:relative;flex:0 0 auto;}
.sms-product-video__volume-popover{display:none;position:absolute;right:-36px;bottom:calc(100% + 10px);align-items:center;gap:7px;width:194px;box-sizing:border-box;padding:7px 9px;border:1px solid #cce2ee;border-radius:12px;background:#fff;box-shadow:0 5px 22px #1b53732b;color:#267ea8;}
.sms-product-video__volume-popover::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px;}
.sms-product-video__audio.is-open .sms-product-video__volume-popover{display:flex;}
@media(hover:hover){.sms-product-video__audio:hover .sms-product-video__volume-popover{display:flex;}}
.sms-product-video__volume-popover input{width:85px!important;min-width:0;flex:1;}
.sms-product-video__volume-value{min-width:30px;font:600 11px/1.3 sans-serif;font-variant-numeric:tabular-nums;text-align:right;}
html body .sms-product-video :focus-visible{outline:2px solid #f5a21a!important;outline-offset:3px;}
.sms-product-video:fullscreen{background:#101f2b;}
body .sms-pb2.is-sold-out .sms-pb2__gallery.sms-video-playing::after{display:none!important;content:none!important;}
@media(max-width:600px){html body .sms-product-video .sms-product-video__play{width:60px;height:60px;}.sms-product-video__play svg{width:50px;height:50px;}.sms-product-video__controls{inset:auto 7px 7px;gap:4px;padding:4px 5px;border-radius:10px;}html body .sms-product-video__controls button{flex-basis:30px;width:30px;height:32px;}.sms-product-video__volume-popover{right:-32px;}}
@media(prefers-reduced-motion:reduce){.sms-product-video__play{transition:none!important;}}

/* The active gallery follows the video format instead of keeping an oversized image frame. */
html body :is(#sms-video-frame,.sms-pb2__gallery).sms-video-active{height:var(--sms-video-frame-height)!important;min-height:0!important;max-height:none!important;}
html body :is(#sms-video-frame,.sms-pb2__gallery).sms-video-active .sms-pb2__track{height:100%!important;min-height:0!important;}
html body .sms-pp2 .sms-product-video{bottom:46px;}
html body .sms-product-video:fullscreen{inset:0!important;}

/* Keep gallery arrows from covering the expanded volume panel. */
html body :is(#sms-video-volume-open,.sms-pb2__gallery):has(.sms-product-video__audio.is-open) .sms-pb2__arrow{opacity:0!important;pointer-events:none!important;}
@media(hover:hover){html body :is(#sms-video-volume-open,.sms-pb2__gallery):has(.sms-product-video__audio:hover) .sms-pb2__arrow{opacity:0!important;pointer-events:none!important;}}

/* Low-profile video controls, shown only by interaction. */
.sms-product-video__controls{inset:auto 8px 8px;gap:5px;padding:3px 5px;border-radius:10px;background:#ffffffe3;box-shadow:0 2px 9px #1b53731a;}
html body .sms-product-video__controls button{flex-basis:28px;width:28px;height:28px;border-radius:7px!important;}
.sms-product-video__controls button svg{width:18px;height:18px;}
html body .sms-product-video input[type=range]{height:22px!important;}
.sms-product-video__time{min-width:27px;font-size:10px;}
.sms-product-video__volume-popover{width:178px;gap:5px;padding:5px 7px;right:-31px;bottom:calc(100% + 8px);}
@media(max-width:600px){.sms-product-video__controls{inset:auto 6px 6px;gap:3px;padding:2px 4px;border-radius:9px;}html body .sms-product-video__controls button{flex-basis:28px;width:28px;height:28px;}.sms-product-video__time{font-size:10px;}.sms-product-video__volume-popover{right:-29px;}}

/* Gallery arrows and zoom follow the same interaction state as video controls. */
html body :is(#sms-video-gallery-chrome,.sms-pb2__gallery).sms-video-active.sms-video-started :is(.sms-pb2__arrow,[data-pp2-zoom]){transition:opacity .16s ease,visibility .16s ease;}
html body :is(#sms-video-gallery-chrome,.sms-pb2__gallery).sms-video-active.sms-video-started:not(.sms-video-controls-visible) :is(.sms-pb2__arrow,[data-pp2-zoom]){opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@media(prefers-reduced-motion:reduce){html body :is(#sms-video-gallery-chrome,.sms-pb2__gallery).sms-video-active :is(.sms-pb2__arrow,[data-pp2-zoom]){transition:none!important;}}
