/* Body-relative, clipped geometry at every size. No filter or backdrop blur. */
.ad-device-preview{position:relative;display:block;width:100%;aspect-ratio:271/545;overflow:hidden;isolation:isolate;container-type:inline-size;border-radius:12% / 6%;font-family:inherit}
.ad-device-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}
.ad-device-surface{position:absolute;display:block;z-index:2;pointer-events:none}
.ad-device-slot{position:absolute;box-sizing:border-box;display:grid;place-items:center;margin:0;padding:0;overflow:hidden;border:1px solid rgba(30,76,125,.18);border-radius:8% / 5%;background:linear-gradient(145deg,rgba(255,255,255,.73),rgba(241,247,255,.70));box-shadow:inset 0 1px 0 rgba(255,255,255,.52);font-family:inherit;font-weight:600;font-size:clamp(8px,6cqi,18px);line-height:1.2;color:#3c526f;letter-spacing:-.02em;text-align:center}
.ad-device-slot>span{color:#3c526f;opacity:1;pointer-events:none}
button.ad-device-slot{pointer-events:auto;cursor:pointer}
.ad-device-slot.selected{border:2px solid #2f75e8;background:rgba(226,239,255,.80)}
button.ad-device-slot:focus-visible{outline:3px solid #1d62d5;outline-offset:-3px}
.ad-device-preview.thumbnail .ad-device-slot{font-size:clamp(6px,5cqi,11px);border-radius:8% / 5%}
/* Keep the body aspect ratio; a wide card must never stretch a phone. */
.ad-device-preview{width:auto;max-width:100%;height:100%;max-height:100%;margin-inline:auto;flex-shrink:0}
.ad-device-preview>img{padding:0!important}
.device-demo-product>.ad-device-preview{height:430px;max-height:none;max-width:70%}
.device-product.phone{container-type:inline-size}

.ad-device-preview{--ad-preview-height:200px;width:calc(var(--ad-preview-height) * var(--ad-phone-ratio,.5));height:var(--ad-preview-height)}
.device-demo-product>.ad-device-preview{--ad-preview-height:430px}
.listing-image .ad-device-preview{--ad-preview-height:190px}
.catalogue-card>.listing-image .ad-device-preview{--ad-preview-height:200px}
.exploreCard .ad-device-preview{--ad-preview-height:180px}
.ad-my-device .ad-device-preview{--ad-preview-height:150px}
.visual .ad-device-preview{--ad-preview-height:min(600px,65vh)}
@media(max-width:760px){.catalogue-card>.listing-image .ad-device-preview{--ad-preview-height:170px}}
@media(max-width:700px){.listing-card .listing-image .ad-device-preview{--ad-preview-height:170px}.visual .ad-device-preview{--ad-preview-height:min(480px,55vh)}}
@media(max-width:380px){.catalogue-card>.listing-image .ad-device-preview{--ad-preview-height:150px}}
.ad-device-laptop{border-radius:4%;height:auto!important;width:100%!important;max-height:none!important;max-width:620px!important;aspect-ratio:1.434!important}
.ad-device-laptop .ad-device-slot{border:1px dashed #718ba6;border-radius:10%;background:linear-gradient(145deg,#ffffffdd,#eef4fadd);font-size:clamp(9px,3.5cqi,20px);color:#335371;box-shadow:inset 0 1px 0 #ffffff99}
.ad-device-laptop.thumbnail .ad-device-slot{border-width:1px;border-style:solid;border-radius:8%;background:#f4f8ffba}
.ad-device-laptop .ad-device-slot.selected,.ad-device-backpack .ad-device-slot.selected{border:2px solid #5591e5;background:#dceaffcf;box-shadow:0 0 0 2px #5798e518}
.ad-device-slot.unavailable{background:#e4e9edbb;border-color:#aebac8}.ad-device-slot.unavailable::after{content:'✓';color:#6a8097;font-size:12px}
.ad-laptop-mark{position:absolute;z-index:1;left:44%;top:43%;width:12%;height:19%;fill:#647183b3;pointer-events:none}
.ad-example-brand{position:static!important;inset:auto!important;width:92%!important;height:70%!important;max-width:100%;object-fit:contain!important;clip-path:none!important;pointer-events:none}
.ad-device-slot.has-artwork::after{display:none}.ad-device-slot>.ad-slot-artwork{position:static!important;inset:auto!important;max-width:90%!important;max-height:90%!important;object-fit:contain!important;object-position:center;clip-path:none!important;pointer-events:none;margin:auto;padding:0!important;transform:none!important;opacity:1!important}
.ad-device-slot>small{font-size:clamp(6px,1.9cqi,12px);font-weight:650;line-height:1;padding-bottom:7%;color:#6c7d91}.ad-slot-symbol{font-size:clamp(9px,4cqi,24px);line-height:1}.ad-device-laptop.thumbnail .ad-slot-symbol{display:none}
.mini-device-stage .ad-device-preview{--ad-preview-height:420px;max-width:100%}.device-demo-product .ad-device-backpack{--ad-preview-height:320px;max-width:80%;max-height:400px}.device-demo-product .ad-device-laptop{width:min(100%,630px)!important;max-width:630px!important;margin-block:30px}.device-demo-product{height:auto!important;min-height:360px!important;padding:24px 10px!important;overflow:visible!important}
.listing-image .ad-device-laptop,.catalogue-card>.listing-image .ad-device-laptop,.ad-my-device .ad-device-laptop{max-width:95%!important;height:auto!important}.ad-my-device{min-height:150px;display:grid;place-items:center}.visual .ad-device-laptop{max-width:94%!important;height:auto!important}.visual .ad-device-backpack{--ad-preview-height:350px;max-height:94%!important}
@media(max-width:700px){.mini-device-stage{min-height:260px!important;padding:20px!important}.mini-device-stage .ad-device-preview{--ad-preview-height:360px}.device-demo-product{min-height:280px!important}.device-demo-product .ad-device-backpack{--ad-preview-height:280px}.visual .ad-device-backpack{--ad-preview-height:290px}.visual .ad-device-laptop{max-width:94%!important}}