.product-picture .product-video-indicator{position:absolute;top:17px;left:18px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #fff8;border-radius:99px;background:#3b241cdb;color:#fff;font-size:11px;font-weight:850;box-shadow:0 5px 16px #24110c33}
.gallery-stage-image{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.gallery-stage-image[hidden],.gallery-stage-video[hidden],.gallery-video-expand[hidden],.product-lightbox img[hidden],.product-lightbox video[hidden]{display:none}
.gallery-stage-video{display:block;width:100%;height:100%;object-fit:contain;background:#221915;border-radius:10px}
.gallery-video-expand{position:absolute;top:34px;right:34px;z-index:2;padding:8px 11px;border:1px solid #fff8;border-radius:8px;background:#33221cde;color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.gallery-thumb{position:relative}
.gallery-thumb-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#36221ce8;color:#fff;font-size:12px;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0005}
.product-lightbox video{display:block;width:min(80vw,900px);height:min(78vh,740px);object-fit:contain;background:#201713;border-radius:8px}
@media(max-width:820px){.product-lightbox video{width:72vw;height:75vh}}
@media(max-width:570px){.gallery-video-expand{top:24px;right:24px}.product-picture .product-video-indicator{top:14px;left:14px}}
/* The first video takes priority over the secondary photo, regardless of gallery position. */
body .product-picture>.product-hover-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#f7f2e9;opacity:0;z-index:2;pointer-events:none;transition:opacity .25s ease;border:0;border-radius:inherit;padding:0}
body .product-picture.is-video-playing>.product-hover-video{opacity:1}
body .product-picture:has(>.product-hover-video) .product-picture-arrow,body .product-picture:has(>.product-hover-video) .gallery-count-badge{z-index:3}
@media(prefers-reduced-motion:reduce){body .product-picture>.product-hover-video{transition:none}}

.low-stock-badge{position:absolute;bottom:16px;left:16px;z-index:4;background:#fff4f4;color:#c51725;border:1px solid #f2c2c6;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.low-stock-notice{background:#fff4f4;color:#b71926;border:1px solid #f3ccd0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600;margin:12px 0}.admin-low-stock{color:#c51725!important;font-weight:600}.pufy-product{position:relative}
.pufy-product .product-video-sound{position:absolute;top:62px;right:16px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #ffffffa6;border-radius:99px;background:#3b241ce8;color:#fff;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;cursor:pointer;box-shadow:0 3px 12px #24110c25}
.pufy-product .product-video-sound:hover{background:#24150f}
.pufy-product .product-video-sound:focus-visible{outline:3px solid #eeaa62;outline-offset:3px}
@media(hover:none){.pufy-product .product-video-sound{min-height:42px}}
/* Compact sound control; a separate button keeps product navigation intact. */
body .pufy-product .product-video-sound{top:58px;right:14px;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid #e9dfd3;border-radius:50%;background:#fffefbf2;color:#503b30;box-shadow:0 2px 8px #38221918;transition:background .15s,color .15s,box-shadow .15s}
body .pufy-product .product-video-sound svg{display:block;width:18px;height:18px;pointer-events:none}
body .pufy-product .product-video-sound:hover{background:#f7eadb;color:#3a241b;box-shadow:0 3px 10px #38221925}
body .pufy-product .product-video-sound[aria-pressed=true]{background:#503b30;color:#fff;border-color:#ffffff80}
@media(pointer:coarse){body .pufy-product .product-video-sound{width:40px;height:40px;min-width:40px;min-height:40px;right:10px;top:56px}body .pufy-product .product-video-sound:after{content:'';position:absolute;inset:-2px;border-radius:50%}}
/* Sound is relevant only while the video preview is visible. */
body .pufy-product .product-video-sound{visibility:hidden;opacity:0;pointer-events:none}
body .pufy-product:has(.product-picture.is-video-playing) .product-video-sound{visibility:visible;opacity:1;pointer-events:auto}