:root{
  --كحلي:#10182c;
  --فيروزي:#1c3f6e;
  --فيروزي-فاتح:#e3eaf3;
  --كريمي:#eef1f4;
  --كريمي-غامق:#dbe1e8;
  --أبيض:#ffffff;
  --نص:#10182c;
  --نص-خفيف:#697489;
  --حد:#dbe1e8;
}
body{background:#ffffff;color:#10182c}
.قسم.كريمي{background:#eef1f4}
.فوتر{background:#eef1f4}

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

.هيرو-ليكوفا{position:relative;height:100svh;overflow:hidden;background:#0f1524}
.صورة-ليكوفا{position:absolute;inset:0}
.صورة-ليكوفا img{width:100%;height:100%;object-fit:cover}
.هيرو-ليكوفا::after{content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(15,21,36,.5) 0%,rgba(15,21,36,0) 48%)}
.بطاقة-ليكوفا{
  position:absolute;z-index:3;inset-block-start:34%;inset-inline-end:0;
  width:min(58%,720px);background:#fff;
  padding:clamp(22px,3vw,40px) clamp(26px,4vw,64px);
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  transform:translateX(14%);
  animation:اقتحام 1.25s var(--انتقال) .25s both;
}
@keyframes اقتحام{from{transform:translateX(102%)}to{transform:translateX(14%)}}
.بطاقة-ليكوفا h1{font-size:clamp(38px,5.8vw,80px);line-height:1;color:#10182c;
  letter-spacing:0;white-space:nowrap}
.بطاقة-ليكوفا .سهم{width:44px;height:44px;border-radius:50%;flex:none;
  display:grid;place-items:center;background:#1c3f6e;color:#fff}
.بطاقة-ليكوفا .سهم svg{width:17px;height:17px;animation:نزول 2.2s var(--انتقال) infinite}
.سطر-ليكوفا{position:absolute;z-index:3;inset-block-end:clamp(32px,5vh,58px);inset-inline:var(--حافة);
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#fff}
.سطر-ليكوفا p{font-family:'ساعي عناوين',sans-serif;font-size:clamp(17px,2.2vw,26px);
  text-shadow:0 2px 22px rgba(8,14,26,.55)}
.سطر-ليكوفا span{font-size:13px;opacity:.88;text-shadow:0 1px 12px rgba(8,14,26,.6)}
@media (max-width:860px){
  .بطاقة-ليكوفا{width:88%;inset-block-start:auto;inset-block-end:26%;transform:translateX(10%)}
  @keyframes اقتحام{from{transform:translateX(102%)}to{transform:translateX(10%)}}
}

/* شارة الخيار — للتنقّل بين الثمانية أثناء المقارنة */
.شارة-خيار{
  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}}