:root{
  --كحلي:#23305a;
  --فيروزي:#c07a3e;
  --فيروزي-فاتح:#f7ead9;
  --كريمي:#f6f1ea;
  --كريمي-غامق:#e6ded2;
  --أبيض:#ffffff;
  --نص:#23305a;
  --نص-خفيف:#6d7590;
  --حد:#e6ded2;
}
body{background:#ffffff;color:#23305a}
.قسم.كريمي{background:#f6f1ea}
.فوتر{background:#f6f1ea}

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

.هيرو-ماسترز{position:relative;height:100svh;overflow:hidden;background:#1a2338}
#رندر-ماسترز{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.هيرو-ماسترز::after{content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(26,35,56,.66) 0%,rgba(26,35,56,.05) 46%)}
.شريط-ماسترز{position:absolute;z-index:3;inset-block-start:clamp(84px,12vh,116px);inset-inline:var(--حافة);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.28);
  color:rgba(255,255,255,.9);font-size:12.5px;letter-spacing:.03em;
  text-shadow:0 1px 12px rgba(14,20,34,.6)}
.متن-ماسترز{position:absolute;z-index:3;inset-block-start:38%;inset-inline:0;text-align:center;color:#fff}
.متن-ماسترز h1{font-size:clamp(58px,11vw,168px);line-height:.9;letter-spacing:-.035em;
  text-shadow:0 3px 50px rgba(14,20,34,.5)}
.شعار-ماسترز{margin-top:14px;font-size:clamp(14px,1.9vw,21px);letter-spacing:.30em;
  color:rgba(255,255,255,.92);text-shadow:0 1px 16px rgba(14,20,34,.6)}
.سفل-ماسترز{position:absolute;z-index:3;inset-block-end:clamp(34px,6vh,64px);inset-inline:var(--حافة);
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.سفل-ماسترز span{color:rgba(255,255,255,.9);font-size:13.5px;text-shadow:0 1px 12px rgba(14,20,34,.6)}
.هيرو-ماسترز .زر{background:#fff;color:#23305a}
.هيرو-ماسترز .زر:hover{background:#c07a3e;color:#fff}
@media (max-width:860px){.شريط-ماسترز span:nth-child(n+3){display:none}}

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