:root{
  --كحلي:#23305a;
  --فيروزي:#229799;
  --فيروزي-فاتح:#e6f3f3;
  --كريمي:#f7f5f1;
  --كريمي-غامق:#e4e1da;
  --أبيض:#ffffff;
  --نص:#1c2440;
  --نص-خفيف:#6a7288;
  --حد:#e4e1da;
}
body{background:#ffffff;color:#1c2440}
.قسم.كريمي{background:#f7f5f1}
.فوتر{background:#f7f5f1}

/* ————— هيرو الخيار ————— */

.جسم,.صحيفة{margin-inline-end:var(--شريط)}
.ترويسة{inset-inline-end:var(--شريط)}
.فوتر{margin-inline-end:var(--شريط)}
@media (max-width:860px){
  .جسم,.صحيفة,.فوتر{margin-inline-end:0}
  .ترويسة{inset-inline-end:0}
}

/* شارة الخيار — للتنقّل بين الثمانية أثناء المقارنة */
.شارة-خيار{
  position:fixed;z-index:90;inset-block-end:18px;inset-inline-end:18px;
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 18px;border-radius:99px;
  background:rgba(20,26,44,.9);color:#fff;backdrop-filter:blur(10px);
  font-family:'ساعي عناوين',sans-serif;font-size:13px;
  box-shadow:0 6px 24px rgba(10,20,40,.3);transition:transform .3s var(--انتقال)
}
.شارة-خيار span{opacity:.6;font-size:11.5px;padding-inline-start:10px;
  border-inline-start:1px solid rgba(255,255,255,.25)}
.شارة-خيار:hover{transform:translateY(-3px)}
@media print{.شارة-خيار{display:none}}