:root{
  --كحلي:#2b2a27;
  --فيروزي:#8a7449;
  --فيروزي-فاتح:#f0e9dc;
  --كريمي:#f0ece5;
  --كريمي-غامق:#ddd6cb;
  --أبيض:#ffffff;
  --نص:#2b2a27;
  --نص-خفيف:#7d766c;
  --حد:#ddd6cb;
}
body{background:#faf8f5;color:#2b2a27}
.قسم.كريمي{background:#f0ece5}
.فوتر{background:#f0ece5}

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

.هيرو-غرب{position:relative;height:100svh;overflow:hidden;background:#241f19}
.صورة-غرب{position:absolute;inset:0}
.صورة-غرب img{width:100%;height:100%;object-fit:cover;
  animation:زحف 18s ease-out forwards}
@keyframes زحف{from{transform:scale(1.14)}to{transform:scale(1)}}
.هيرو-غرب::after{content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(30,25,19,.62) 0%,rgba(30,25,19,.06) 45%,rgba(30,25,19,.35) 100%)}
.اسم-غرب{position:absolute;z-index:2;inset-block-start:50%;inset-inline:0;transform:translateY(-50%);
  display:grid;justify-items:center;gap:2px;color:#fff}
.اسم-غرب > *{opacity:0;transform:translateY(24px);animation:نهوض 1s var(--انتقال) forwards}
.اسم-غرب .كلمة{display:block;font-family:'ساعي عناوين',sans-serif;
  font-size:clamp(56px,10vw,140px);line-height:1;letter-spacing:-.01em;
  text-shadow:0 2px 44px rgba(20,14,8,.45);animation-delay:.25s}
.اسم-غرب .فاصل{display:block;width:64px;height:1px;background:rgba(255,255,255,.7);
  margin:22px auto;animation-delay:.5s}
.اسم-غرب .توقيع-غرب{display:block;font-size:clamp(12.5px,1.5vw,15px);
  letter-spacing:.34em;color:rgba(255,255,255,.9);animation-delay:.72s;
  text-shadow:0 1px 16px rgba(20,14,8,.6)}
@keyframes نهوض{to{opacity:1;transform:none}}
.سفل-غرب{position:absolute;z-index:3;inset-block-end:clamp(38px,6vh,70px);inset-inline:var(--حافة);
  display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.سفل-غرب .نبذة{color:rgba(255,255,255,.9);font-size:14px;letter-spacing:.02em;
  text-shadow:0 1px 14px rgba(20,14,8,.6)}
.زر.شبح.فاتح{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);background:transparent}
.زر.شبح.فاتح:hover{background:#fff;color:#2b2a27;box-shadow:none}
.تسمية-غرب{position:absolute;z-index:3;inset-block-start:calc(var(--حافة) + 62px);inset-inline-end:var(--حافة);
  color:rgba(255,255,255,.82);font-size:12.5px;letter-spacing:.14em;
  text-shadow:0 1px 12px rgba(20,14,8,.6)}
@media (max-width:860px){.سفل-غرب{justify-content:center;text-align:center}}

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