/* One physical frame for native and web product previews. Web captures stay whole. */
.iphone-device.iphone-device{box-sizing:border-box;position:relative;padding:4px;border:1px solid #ffffff70;border-radius:22px;background:#15122e;box-shadow:none;filter:drop-shadow(0 14px 18px #15122e30);overflow:hidden}
.iphone-device .iphone-viewport{position:relative;display:flex;flex-direction:column;aspect-ratio:589/1280;width:100%;border-radius:17px;overflow:hidden;background:#f8faf9;color:#15122e}
.iphone-device.iphone-dark .iphone-viewport{background:#131a26;color:#fff}
.iphone-device .iphone-native{display:block;width:100%;height:100%;max-width:100%;min-height:0;border-radius:0;object-fit:contain}
.iphone-device .iphone-status{display:flex;align-items:center;justify-content:space-between;flex:0 0 8%;padding:0 8%;position:relative;font:600 8px/1 Arial,sans-serif}
.iphone-device .iphone-status:after{content:'';position:absolute;left:35%;width:30%;height:30%;top:30%;border-radius:99px;background:#080810}
.iphone-device .iphone-status svg{width:22%;height:auto;display:block}
.iphone-device .iphone-web-capture{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.iphone-device .iphone-web-capture img{display:block;width:auto;height:100%;max-width:100%;min-height:0;border-radius:0;object-fit:contain;aspect-ratio:390/844}
.iphone-device .iphone-home{flex:0 0 3%;position:relative}
.iphone-device .iphone-home:after{content:'';position:absolute;background:currentColor;width:32%;height:3px;max-height:15%;border-radius:99px;left:34%;top:40%;opacity:.7}
.iphone-device:after{display:none}
@media(max-width:700px){.iphone-device.iphone-device{padding:3px;border-radius:17px}.iphone-device .iphone-viewport{border-radius:13px}.iphone-device .iphone-status{font-size:6px}}