.phone-showcase{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0}
#product-video .phone-frame{position:relative;width:clamp(225px,24vw,390px);max-width:82%;padding:24px 9px 15px;background:linear-gradient(115deg,#66625d,#161616 12%,#080808 85%,#54514d);border:1px solid #a8a39b;border-radius:40px;box-shadow:0 30px 65px #0008,inset 0 0 0 3px #232323;aspect-ratio:auto;max-height:none;overflow:visible}
.phone-frame::before{content:"";position:absolute;top:10px;left:42%;width:16%;height:4px;background:#050505;border-radius:5px}
.phone-frame::after{content:"";position:absolute;right:-4px;top:26%;height:60px;width:3px;border-radius:2px;background:#79736b}
.phone-screen{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:24px;background:#111;touch-action:none;cursor:grab;isolation:isolate}
.phone-screen:active{cursor:grabbing}
#product-video .phone-screen video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:0;transform:none}
#product-video .phone-frame>.phone-source{display:none}
.phone-controls{display:flex;align-items:center;justify-content:center;gap:15px;font-size:13px}
.phone-controls button{border:1px solid #ffffff80;border-radius:50%;background:#1c1b1a;width:38px;height:38px}
.phone-controls button:hover{background:#ff732d;color:white}
.phone-caption{max-width:420px;text-align:center;font-size:14px;line-height:1.6;margin:0}
.phone-instruction{font-size:12px;color:#c0bab2;margin:0}
@media(min-width:701px){#product-video .phone-frame{width:min(24vw,36svh,390px)}}
@media(max-width:700px){#product-video .phone-frame{width:260px;max-width:90%}.phone-showcase{gap:14px}}

#product-video .product-video-side-nav{position:absolute;inset:0;z-index:8;pointer-events:none}
#product-video .product-video-side-nav button{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid #fff9;border-radius:50%;background:#28252266;backdrop-filter:blur(12px);color:#fff5df;display:grid;place-items:center;font-size:32px;line-height:1;padding:0;cursor:pointer;pointer-events:auto;transition:background .2s,box-shadow .2s}
#product-video .product-video-prev{left:-78px}
#product-video .product-video-next{right:-78px}
#product-video .product-video-side-nav button:hover{background:#ff792d99;box-shadow:0 0 18px #ff792d33}
#product-video .product-video-side-nav button:focus-visible{outline:2px solid #ff792d;outline-offset:4px}
@media(max-width:700px){#product-video .product-video-side-nav button{width:34px;height:34px;font-size:27px}#product-video .product-video-prev{left:-43px}#product-video .product-video-next{right:-43px}}