/* Visual language lifted from the T-Watch-S3 firmware: 240px square black panel, yellow call accent, crown. */
.twatch.watch-wrap{width:310px;height:500px;top:57px;transform:translateX(-50%) rotate(5deg)}.twatch .watch-band{width:236px;left:37px;background:linear-gradient(90deg,#101a17,#2c3d35 48%,#13201a)}.twatch .watch-band.top{height:96px;border-radius:28px 28px 8px 8px}.twatch .watch-band.bottom{height:112px;border-radius:8px 8px 36px 36px}.twatch .watch-case{top:72px;width:310px;height:330px;padding:13px;border-radius:43px;background:linear-gradient(135deg,#151a19,#3f4743 48%,#121616);box-shadow:inset 0 0 0 2px #69706c,inset 0 0 0 7px #111514}.watch-crown{position:absolute;right:-14px;top:110px;width:15px;height:43px;border-radius:0 8px 8px 0;background:repeating-linear-gradient(0deg,#202826 0 3px,#54605b 3px 5px);box-shadow:1px 0 0 #0c100f;z-index:-1}.twatch .watch-screen{border-radius:30px;background:#000;padding:14px 16px;color:#fff;font-family:var(--mono);box-shadow:inset 0 0 0 1px #303330}.twatch .watch-top{font-size:7px;align-items:center;color:#9da5a1}.twatch .battery{color:#9da5a1}.twatch .call-seq{position:absolute;top:36px;left:16px;color:#7d8580}.twatch .config{background:#414844;color:#dfff00;padding:5px 6px;letter-spacing:.5px}.twatch .pitch-name{margin:15px 0 11px;text-align:center;color:#dfff00;font:700 49px var(--mono);letter-spacing:-4px;line-height:1}
.call-grid{width:132px;height:112px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px;margin:0 auto}.call-grid i{background:#454d48}.call-grid i:nth-child(5){background:#dfff00}.call-status{height:24px;display:flex;align-items:center;gap:24px;font:700 16px var(--mono);margin:7px 3px 0}.call-status b{display:flex;gap:5px;margin-left:auto}.call-status b i{height:10px;width:10px;background:#dfff00}.call-status b i~i{background:#454d48}.bases{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:4px}.bases span{font:8px var(--mono);background:#1f2422;color:#9da5a1;padding:5px 0;text-align:center}.bases .active{background:#dfff00;color:#000}
.mini-watch>div{padding-top:12px}.mini-watch .mini-grid{width:53px;height:53px;margin:5px auto;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:2px}.mini-watch .mini-grid i{background:#45504a}.mini-watch .mini-grid i:nth-child(9){background:#dfff00}.mini-watch>div>span:last-child{font-size:6px;color:#fff}
.caller-card{background:#d9e7d8}.caller-watch{height:219px;position:relative;margin:18px auto -1px;width:180px;filter:drop-shadow(8px 10px 7px rgba(23,40,33,.18))}.caller-strap{position:absolute;width:81px;height:45px;left:50px;background:#263832}.caller-strap.top{top:0;border-radius:14px 14px 4px 4px}.caller-strap.bottom{bottom:0;border-radius:4px 4px 14px 14px}.caller-case{position:absolute;top:31px;left:0;width:180px;height:157px;padding:8px;border-radius:25px;background:#17201d;box-shadow:inset 0 0 0 2px #58645d}.caller-case em{position:absolute;right:-8px;top:57px;width:9px;height:26px;border-radius:0 5px 5px 0;background:#536059}.caller-screen{height:100%;border-radius:18px;background:#000;padding:9px;color:#fff;font-family:var(--mono)}.caller-screen>div{display:flex;justify-content:space-between;font-size:6px;color:#9da5a1}.caller-screen>div b{color:#dfff00}.caller-screen strong{display:block;text-align:center;color:#dfff00;font-size:32px;line-height:37px;letter-spacing:-3px}.caller-screen section{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px;height:55px}.caller-screen section i{background:#404944}.caller-screen section i:nth-child(5){background:#dfff00}.caller-screen footer{min-height:0;padding:6px 0 0;display:flex;justify-content:space-between;color:#fff;font:7px var(--mono);background:transparent}.caller-screen footer span:last-child{color:#dfff00}
.caller-phone-shot{display:block;width:112px;height:186px;object-fit:cover;object-position:top;margin:18px auto 4px;border:5px solid #172821;border-radius:17px;box-shadow:7px 9px 11px rgba(23,40,33,.17)}
.product-watch{width:315px;height:340px;display:grid;place-items:center;margin:auto;border-radius:32px;background:linear-gradient(145deg,#d7d2cc,#faf9f6);box-shadow:20px 24px 45px rgba(23,40,33,.2);border:8px solid #fff}.product-watch .caller-watch{transform:scale(1.45);margin:0}
@media(max-width:760px){.twatch.watch-wrap{transform:translateX(-50%) scale(.79) rotate(5deg);top:42px}.caller-watch{transform:scale(.84);transform-origin:top center;margin-bottom:-30px}}
@media(max-width:760px){.product-watch{width:255px;height:285px}.product-watch .caller-watch{transform:scale(1.2);margin:0}}
