/* هوية «مزامنة السعر»: ألوان من الميزان نفسه — هيكل رمادي، شاشة LCD زرقاء، مفتاح أحمر */
:root {
  --sb-chassis: #e7eaee;
  --sb-chassis-deep: #c8cfd7;
  --sb-ink: #0f1b2a;
  --sb-ink-soft: #46566b;
  --sb-lcd: #2f6fe0;
  --sb-lcd-deep: #12378a;
  --sb-lcd-glow: #8fbaff;
  --sb-key: #d8381f;
  --sb-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --sb-display: "Tajawal", "IBM Plex Sans Arabic", sans-serif;
}

/* شاشة الميزان فوق الصورة — الأبعاد نسبة لعرض الصورة */
.sb-device-box,
.ls-device-box { position: relative; container-type: inline-size; }
.sb-device-box > img,
.ls-device-box > img { display: block; width: 100%; height: auto; }

.sb-lcd {
  position: absolute;
  left: 59.4%; top: 3.9%; width: 31.6%; height: 7.2%;
  display: flex; flex-direction: column; justify-content: center; gap: 1.2cqw;
  padding: 0 1.6cqw;
  background: linear-gradient(180deg, #4f9bf7, #3a85ea);
  color: #07204f;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-weight: 700; letter-spacing: .04em;
  font-size: 2.3cqw; line-height: 1;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(7, 32, 79, .25);
  transition: opacity .14s ease;
}
.sb-lcd.is-tick { opacity: .25; }
.sb-lcd-l1 { opacity: .75; font-size: 1.9cqw; }
.sb-lcd-l2 { display: flex; justify-content: space-between; }
.sb-lcd-l2 b { font-weight: 700; }
.sb-lcd-l2 b:last-child { font-size: 3cqw; }
.sb-lcd::after { /* شبكة النقاط */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(7, 32, 79, .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7, 32, 79, .10) 1px, transparent 1px);
  background-size: .55cqw .55cqw;
}