:root{
  --كحلي:#241a12;
  --فيروزي:#7a3b1d;
  --فيروزي-فاتح:#f3e7df;
  --كريمي:#f4f2ee;
  --كريمي-غامق:#e0d9d0;
  --أبيض:#ffffff;
  --نص:#241a12;
  --نص-خفيف:#6f6255;
  --حد:#e0d9d0;
}
body{background:#ffffff;color:#241a12}
.قسم.كريمي{background:#f4f2ee}
.فوتر{background:#f4f2ee}

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

.هيرو-برودواي{position:relative;height:100svh;padding-top:0;overflow:hidden}
.ألواح{display:flex;height:100%;width:100%}
.لوح-برودواي{
  position:relative;flex:1;min-width:0;overflow:hidden;cursor:pointer;
  border-inline-start:1px solid rgba(255,255,255,.35);
  transition:flex-grow .75s var(--انتقال);
  display:block;padding:0;background:none;
}
.لوح-برودواي:first-child{border-inline-start:0}
.لوح-برودواي img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.06);transition:transform 1.1s var(--انتقال)}
.لوح-برودواي::after{content:'';position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(36,26,18,.72) 0%,rgba(36,26,18,.12) 55%);
  transition:background .6s}
.لوح-برودواي:hover{flex-grow:3.1}
.لوح-برودواي:hover img{transform:scale(1)}
.لوح-برودواي:hover::after{background:linear-gradient(0deg,rgba(36,26,18,.62) 0%,rgba(36,26,18,0) 62%)}
.لوح-برودواي .عنوان{
  position:absolute;z-index:2;inset-block-end:28px;inset-inline:18px;color:#fff;text-align:start;
}
.لوح-برودواي .عنوان b{display:block;font-family:'ساعي عناوين',sans-serif;font-size:clamp(15px,1.5vw,19px);font-weight:500}
.لوح-برودواي .عنوان small{display:block;margin-top:5px;font-size:12.5px;opacity:.85;
  opacity:0;transform:translateY(6px);transition:opacity .5s .1s,transform .5s .1s}
.لوح-برودواي:hover .عنوان small{opacity:.9;transform:none}
.متن-برودواي{position:absolute;z-index:3;inset-block-start:clamp(96px,14vh,150px);inset-inline-start:var(--حافة);
  color:#fff;pointer-events:none}
.متن-برودواي h1{font-size:clamp(52px,8vw,110px);line-height:1;letter-spacing:-.03em;
  text-shadow:0 2px 34px rgba(20,12,6,.5)}
.متن-برودواي p{margin-top:12px;font-size:15px;opacity:.9;text-shadow:0 1px 14px rgba(20,12,6,.6)}
@media (max-width:860px){
  .ألواح{flex-direction:column}
  .لوح-برودواي{border-inline-start:0;border-top:1px solid rgba(255,255,255,.3)}
  .لوح-برودواي:hover{flex-grow:2.2}
  .متن-برودواي h1{font-size:44px}
}

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