/* One responsive iPhone surround for every WhatsApp conversation. */
.iphone-device{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:414/882;padding:2.9% 2.9% 6.3%;box-sizing:border-box;background:#08090b;border-radius:12% / 5.65%;box-shadow:inset 0 0 0 2px #737880,inset 0 0 0 5px #24272c,0 20px 45px #0005;direction:ltr}
.iphone-device>img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:390/844!important;object-fit:contain!important;position:static!important;border-radius:9% / 4.2%;background:#075e54}
.iphone-device::before{content:'';position:absolute;left:-.8%;top:17%;width:1%;height:5%;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#202228,#727780);box-shadow:0 53px 0 #42464e;pointer-events:none}
.iphone-device::after{content:'';position:absolute;right:-.8%;top:24%;width:1%;height:9%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#727780,#202228);pointer-events:none}
.iphone-island{position:absolute;z-index:2;top:2.15%;left:35%;width:30%;height:2.65%;border-radius:30px;background:#070809;box-shadow:inset 0 0 0 1px #121419;pointer-events:none}
.iphone-island::after{content:'';position:absolute;right:9%;top:25%;height:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#23334e,#080b12 65%);box-shadow:0 0 0 1px #15191f}
.iphone-home{position:absolute;bottom:1.15%;left:35%;width:30%;height:.42%;background:#e3e5e8;border-radius:10px;pointer-events:none}
.phone-visual-button:has(.iphone-device){width:auto!important;aspect-ratio:414/882;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important;background:none!important}
.phone-visual-button>.iphone-device{height:100%}
.detail-phone:has(.iphone-device){width:auto!important;height:630px;aspect-ratio:414/882;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important;background:none!important}
.detail-phone>.iphone-device{height:100%}
.wa-shot:has(.iphone-device),.wa-home-preview:has(.iphone-device){border:0;padding:0;border-radius:0;overflow:visible;background:none;box-shadow:none}
.phone-preview>.iphone-device{width:min(100%,360px);margin:0 auto}
.sales-dialog:has(.iphone-device){width:min(490px,94vw)}
.sales-dialog>.iphone-device{width:min(100%,360px);margin:16px auto}
.sales-dialog:has(.iphone-device) .dialog-head{position:sticky;top:-16px;z-index:5;background:#101319;padding:12px 0}
.phone-preview .iphone-device[hidden],.sales-dialog .iphone-device[hidden]{display:none}
@media(min-width:901px) and (max-width:1200px){.detail-phone:has(.iphone-device){height:550px}}
@media(max-width:900px){.detail-phone:has(.iphone-device){height:610px}}
@media(max-width:600px){.detail-phone:has(.iphone-device){height:560px}.iphone-device{box-shadow:inset 0 0 0 1px #737880,inset 0 0 0 3px #24272c,0 14px 28px #0004}.iphone-device::before{box-shadow:0 38px 0 #42464e}}