/* One neutral device shell; the application artwork keeps its own identity. */
.tf-case .tf-device{position:relative;display:block;box-sizing:border-box;aspect-ratio:390/822;height:auto;padding:clamp(3px,.42vw,6px);border:1px solid #85868b;border-radius:14% / 6.65%;background:linear-gradient(115deg,#888b91 0%,#34363b 9%,#101114 45%,#62646a 78%,#25262b 100%);box-shadow:0 1px 0 1px #17181d,inset 0 0 0 1px #c8c9cd70,0 24px 38px -20px #0006;line-height:0;isolation:isolate;overflow:visible;filter:none}
.tf-case .tf-device{align-self:flex-start}
.tf-fhburger .fh-hero-art .tf-device.fh-hero-secondary{position:absolute}
.tf-case .tf-device::before,.tf-case .tf-device::after{content:'';position:absolute;width:3px;background:linear-gradient(90deg,#28292e,#86888e,#292a30);border-radius:2px;pointer-events:none;z-index:-1}
.tf-case .tf-device::before{left:-3px;top:20%;height:12%;box-shadow:0 -21px 0 -1px #777981}
.tf-case .tf-device::after{right:-3px;top:27%;height:10%}
.tf-case .tf-device-display{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:hidden;border:1px solid #050507;border-radius:12.8% / 6%;background:var(--device-paper,#fff);color:var(--device-ink,#17171b);container-type:inline-size;box-sizing:border-box}
.tf-device--dark{--device-paper:#1c1c1c;--device-ink:#fff}.tf-device--coach{--device-paper:#e5e3e3;--device-ink:#242529}.tf-device--arben{--device-paper:#f7f0e6;--device-ink:#272c21}
.tf-case .tf-device-chrome{position:relative;display:flex;align-items:center;justify-content:space-between;flex:0 0 11.5cqw;padding:0 7%;font-family:Arial,sans-serif;font-size:3.5cqw;font-weight:600;line-height:1;color:var(--device-ink,#17171b);background:var(--device-paper,#fff);z-index:2}
.tf-case .tf-device-island{position:absolute;left:50%;top:21%;transform:translateX(-50%);width:27%;height:61%;border-radius:999px;background:#050507;box-shadow:inset 0 0 0 1px #ffffff0c}
.tf-case .tf-device-island::after{content:'';position:absolute;right:8%;top:28%;height:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#293d51,#101419 60%,#060609 80%)}
.tf-case .tf-device-status{display:flex;align-items:center;gap:1.3cqw}
.tf-case .tf-device-signal{display:block;width:3.7cqw;height:2.6cqw;background:currentColor;clip-path:polygon(0 68%,20% 68%,20% 100%,27% 100%,27% 45%,47% 45%,47% 100%,54% 100%,54% 23%,74% 23%,74% 100%,81% 100%,81% 0,100% 0,100% 100%,0 100%)}
.tf-case .tf-device-battery{display:block;width:5.8cqw;height:2.8cqw;border:1px solid currentColor;border-radius:.7cqw;position:relative;padding:1px;box-sizing:border-box;background:currentColor;background-clip:content-box}
.tf-case .tf-device-battery::after{content:'';position:absolute;right:-2px;top:25%;width:1px;height:50%;background:currentColor}
.tf-case .tf-device-viewport{flex:1;min-height:0;overflow:clip;line-height:0;background:var(--device-paper,#fff)}
.tf-case .tf-device-media{position:relative;width:100%;overflow:hidden}
.tf-case .tf-device .tf-device-media img{display:block;position:absolute;height:auto!important;max-width:none!important;max-height:none!important;border:0;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:none!important;margin:0!important;object-fit:initial}
.tf-case .tf-device-home{position:relative;flex:0 0 5cqw;background:var(--device-paper,#fff)}
.tf-case .tf-device-home::after{content:'';position:absolute;width:34%;height:1.15cqw;left:33%;top:38%;border-radius:999px;background:var(--device-ink,#17171b)}
.tf-case .tf-device-open{position:absolute;inset:2% 4% auto;height:4%;border-radius:999px;z-index:3;cursor:zoom-in}
.tf-case .tf-device-open:focus-visible{outline:2px solid #85878d;outline-offset:3px}
.tf-case .tf-device--added{width:100%;max-width:300px;margin-inline:auto}
.tf-foodformula .ff-personal__art>.tf-device{max-width:300px;--mc-tilt:7deg}
.tf-foodformula .tf-device.ff-map{width:51%;margin:0;--mc-tilt:-7deg}
.tf-foodformula .tf-device.ff-checkout{width:53%;margin:90px 0 0 -5%;--mc-tilt:6deg}
.tf-pets .pc-checkout__art>.tf-device{position:absolute;width:49%;max-width:280px;clip-path:none}
.tf-pets .pc-checkout__first{left:0;right:auto}.tf-pets .pc-checkout__second{right:0;left:auto}
.tf-pets .pc-checkout__art{min-height:750px}
.tf-editorial-case .cx-hero__art>.tf-device{width:65%;max-width:270px;--mc-tilt:4deg}
.tf-arben :is(.ar-hero-art,.ar-order-art),.tf-foodformula .ff-map-composition{width:100%;min-width:0}
.cx-wedding .cx-duo-art>.tf-device{width:48%;max-width:270px;margin:0;--mc-tilt:6deg;flex-shrink:0}
@media(max-width:700px){.tf-case .tf-device{padding:3px}.tf-foodformula .ff-personal__art>.tf-device{max-width:235px}.tf-pets .pc-checkout__art{min-height:510px}.tf-pets .pc-checkout__art>.tf-device{width:48%}.tf-editorial-case .cx-hero__art>.tf-device{width:63%;max-width:205px}}