/* بانرات الصفحة الرئيسية (banners-v2): كروت صور 2:3 زي أمازون ونون */
.gbn-hero{background:var(--bg-soft);padding:18px 0 6px}
.gbn-wrap{position:relative;max-width:1240px;margin:0 auto}
.gbn-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.gbn-track::-webkit-scrollbar{display:none}
.gbn-card{flex:0 0 calc((100% - 3 * 14px) / 4);aspect-ratio:2/3;border-radius:16px;overflow:hidden;scroll-snap-align:start;position:relative;display:block;background:#e6ebf0;color:inherit}
a.gbn-card{cursor:pointer}
.gbn-card img{width:100%;height:100%;object-fit:cover;display:block}
.gbn-card.gbn-sk{animation:gbnPulse 1.4s ease-in-out infinite}
@keyframes gbnPulse{50%{opacity:.55}}
.gbn-legacy{background-size:cover;background-position:center;display:flex;align-items:flex-end}
.gbn-legacy::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,41,66,.9) 0%,rgba(12,41,66,.15) 60%,rgba(12,41,66,0) 100%)}
.gbn-legacy .gbn-txt{position:relative;color:#fff;padding:18px}
.gbn-legacy .gbn-txt b{display:block;font-size:20px;font-weight:800;line-height:1.35;margin-bottom:4px}
.gbn-legacy .gbn-txt span{font-size:13px;opacity:.9}
.gbn-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:74px;border:0;background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.gbn-arrow svg{width:22px;height:22px}
.gbn-arrow.prev{inset-inline-start:0;border-radius:0 10px 10px 0}
.gbn-arrow.next{inset-inline-end:0;border-radius:10px 0 0 10px}
[dir="rtl"] .gbn-arrow.prev{border-radius:10px 0 0 10px}
[dir="rtl"] .gbn-arrow.next{border-radius:0 10px 10px 0}
.gbn-arrow[hidden]{display:none}
@media (max-width:1100px){.gbn-card{flex-basis:calc((100% - 2 * 14px) / 3)}}
@media (max-width:760px){
  .gbn-hero{padding:12px 0 2px}
  .gbn-track{gap:10px;padding-inline:14px;scroll-padding-inline:14px}
  .gbn-card{flex-basis:78%;border-radius:14px}
  .gbn-arrow{display:none}
}
.gbn-track>.gbn-card:first-child{margin-inline-start:auto}.gbn-track>.gbn-card:last-child{margin-inline-end:auto} /* لو الكروت أقل من اللي بتساعها الشاشة بتتوسّط، ولو أكتر بتتمرر عادي */