.hb{position:relative;width:100vw;margin:0 calc(50% - 50vw);height:clamp(300px,36vw,520px);overflow:hidden;background:#05030f;isolation:isolate}
.hb-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none;display:block}
.hb-slide.on{opacity:1;pointer-events:auto;z-index:1}
.hb-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hb-slide::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,var(--bg),transparent 30%),linear-gradient(90deg,var(--bg),transparent 10%,transparent 90%,var(--bg)),linear-gradient(180deg,rgba(5,3,15,.75),transparent 14%)}
.hb-cta{position:absolute;bottom:52px;inset-inline-end:max(18px,calc((100vw - 1180px)/2));z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:end}
.hb-cta small{background:rgba(0,0,0,.62);color:#fff;padding:5px 14px;border-radius:999px;font-size:.85rem;font-weight:700}
.hb-cta small i{display:none;font-style:normal}
.hb[data-lang=ar] small i[data-l=ar],.hb[data-lang=fr] small i[data-l=fr],.hb[data-lang=en] small i[data-l=en]{display:inline}
.hb-cta b{background:var(--p);color:#fff;padding:10px 24px;border-radius:999px;font-size:.92rem;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.hb-ctl{position:absolute;bottom:14px;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:10px}
.hb-ctl button{border:0;padding:0;cursor:pointer;width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,.4)}
.hb-ctl button.on{background:var(--p2)}
.hb-ctl .hb-pp{width:auto;height:auto;background:none;color:#fff;font-size:12px}
.hb-ctl button:focus-visible,.hb-slide:focus-visible{outline:3px solid var(--p2);outline-offset:2px}
.hb+.picks{position:relative;z-index:5;margin-top:0}
@media(max-width:680px){.hb{height:clamp(230px,62vw,330px)}.hb-cta{bottom:40px;gap:6px}.hb-cta b{padding:8px 18px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.hb-slide{transition:none}}