/* Black Wall — الكتالوجات */
.bwc-catalogs{
  --bwc-ink:#15171c;
  --bwc-muted:#6c7280;
  --bwc-surface:#ffffff;
  --bwc-soft:#f5f5f4;
  --bwc-line:rgba(21,23,28,.12);
  --bwc-accent:#c9a44c;
  --bwc-accent-ink:#ffffff;
  --bwc-radius:16px;
  --bwc-shadow:0 1px 2px rgba(15,18,25,.06), 0 12px 28px -14px rgba(15,18,25,.28);
  color:var(--bwc-ink);
  display:flex;
  flex-direction:column;
  gap:clamp(40px,7vw,84px);
}
.bwc-catalogs.bwc-dark,
.bwc-dark .bwc-catalogs{
  --bwc-ink:#f2f2f0;
  --bwc-muted:#a2a6ad;
  --bwc-surface:#1a1c21;
  --bwc-soft:#232630;
  --bwc-line:rgba(255,255,255,.14);
  --bwc-shadow:0 1px 2px rgba(0,0,0,.4), 0 14px 32px -16px rgba(0,0,0,.8);
}
.bwc-catalogs *,
.bwc-catalogs *::before,
.bwc-catalogs *::after{box-sizing:border-box}

/* ---------- ترويسة القسم ---------- */
.bwc-catalog{scroll-margin-top:90px}
.bwc-catalog__head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px 24px;
  padding-bottom:18px;
  margin-bottom:22px;
  border-bottom:1px solid var(--bwc-line);
}
.bwc-catalog__headings{min-width:min(100%,260px);flex:1 1 320px}
.bwc-catalog__title{
  margin:0;
  font-size:clamp(1.35rem,1.05rem + 1.4vw,2.05rem);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--bwc-ink);
}
.bwc-catalog__desc{
  margin:.55em 0 0;
  max-width:62ch;
  font-size:clamp(.94rem,.9rem + .2vw,1.02rem);
  line-height:1.75;
  color:var(--bwc-muted);
}
.bwc-catalog__count{
  margin:.7em 0 0;
  font-size:.82rem;
  letter-spacing:.02em;
  color:var(--bwc-muted);
}

/* ---------- الأزرار ---------- */
.bwc-btn{
  display:inline-flex;
  align-items:center;
  gap:.55em;
  padding:.72em 1.25em;
  border:1px solid transparent;
  border-radius:999px;
  font-size:.94rem;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.bwc-btn--primary{
  background:var(--bwc-accent);
  color:var(--bwc-accent-ink);
  box-shadow:0 8px 20px -10px rgba(201,164,76,.9);
}
.bwc-btn--primary:hover,
.bwc-btn--primary:focus-visible{
  color:var(--bwc-accent-ink);
  transform:translateY(-1px);
  box-shadow:0 12px 26px -10px rgba(201,164,76,1);
}
.bwc-btn svg{width:18px;height:18px;flex:none}
.bwc-catalogs svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- السلايدر ---------- */
.bwc-slider{position:relative}
.bwc-track{
  display:flex;
  gap:clamp(12px,1.6vw,20px);
  margin:0;
  padding:4px 2px 14px;
  list-style:none;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.bwc-track::-webkit-scrollbar{display:none}

.bwc-slide{
  flex:0 0 auto;
  width:clamp(240px,76vw,300px);
  scroll-snap-align:start;
  background:var(--bwc-surface);
  border:1px solid var(--bwc-line);
  border-radius:var(--bwc-radius);
  box-shadow:var(--bwc-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .22s ease, box-shadow .22s ease;
}
@media (min-width:768px){ .bwc-slide{width:clamp(260px,24vw,310px)} }
[data-orient="landscape"] .bwc-slide{width:clamp(280px,84vw,440px)}
@media (min-width:768px){ [data-orient="landscape"] .bwc-slide{width:clamp(340px,34vw,460px)} }
.bwc-slide:hover{transform:translateY(-3px)}

.bwc-slide__img{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  background:#101217;
  cursor:zoom-in;
  aspect-ratio:var(--bwc-ratio,3/4.1);
  overflow:hidden;
}
.bwc-slide__img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}
.bwc-slide__img:hover img{transform:scale(1.02)}
.bwc-slide__zoom{
  position:absolute;
  inset-block-start:10px;
  inset-inline-end:10px;
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(12,14,18,.55);
  color:#fff;
  opacity:0;
  transition:opacity .2s ease;
  backdrop-filter:blur(4px);
}
.bwc-slide__zoom svg{width:17px;height:17px}
.bwc-slide__img:hover .bwc-slide__zoom,
.bwc-slide__img:focus-visible .bwc-slide__zoom{opacity:1}

.bwc-slide__dl{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding:.85em 1em;
  font-size:.88rem;
  font-weight:600;
  text-decoration:none;
  color:var(--bwc-ink);
  border-top:1px solid var(--bwc-line);
  transition:background-color .18s ease, color .18s ease;
}
.bwc-slide__dl svg{width:17px;height:17px;flex:none}
.bwc-slide__dl:hover,
.bwc-slide__dl:focus-visible{background:var(--bwc-accent);color:var(--bwc-accent-ink)}

/* ---------- أسهم التنقل ---------- */
.bwc-arrow{
  position:absolute;
  top:calc(50% - 32px);
  transform:translateY(-50%);
  z-index:2;
  width:44px;height:44px;
  display:grid;place-items:center;
  border:1px solid var(--bwc-line);
  border-radius:50%;
  background:var(--bwc-surface);
  color:var(--bwc-ink);
  box-shadow:var(--bwc-shadow);
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease, opacity .18s ease;
}
.bwc-arrow svg{width:20px;height:20px}
.bwc-arrow:hover{background:var(--bwc-accent);color:var(--bwc-accent-ink);border-color:transparent}
.bwc-arrow[disabled]{opacity:.32;cursor:default}
.bwc-arrow[disabled]:hover{background:var(--bwc-surface);color:var(--bwc-ink);border-color:var(--bwc-line)}
.bwc-arrow--prev{inset-inline-start:-8px}
.bwc-arrow--next{inset-inline-end:-8px}
@media (max-width:640px){ .bwc-arrow{display:none} }

.bwc-empty{color:var(--bwc-muted,#6c7280)}

/* ---------- الصندوق المنبثق ---------- */
.bwc-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:clamp(14px,4vw,44px);
  background:rgba(10,11,14,.93);
  backdrop-filter:blur(6px);
}
.bwc-lightbox[hidden]{display:none}
.bwc-lightbox__fig{
  margin:0;
  max-width:min(1100px,100%);
  max-height:82vh;
  display:flex;
}
.bwc-lightbox__fig img{
  max-width:100%;
  max-height:82vh;
  object-fit:contain;
  border-radius:10px;
}
.bwc-lightbox__close,
.bwc-lightbox__nav{
  width:46px;height:46px;
  flex:none;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  transition:background-color .18s ease;
}
.bwc-lightbox__close:hover,
.bwc-lightbox__nav:hover{background:rgba(255,255,255,.2)}
.bwc-lightbox svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}
.bwc-lightbox__close{position:absolute;inset-block-start:16px;inset-inline-end:16px}
.bwc-lightbox__dl{
  position:absolute;
  inset-block-end:clamp(16px,4vw,32px);
  inset-inline-start:50%;
  transform:translateX(50%);
}
html[dir="ltr"] .bwc-lightbox__dl{transform:translateX(-50%)}
@media (max-width:640px){
  .bwc-lightbox__nav{position:absolute;inset-block-start:50%;transform:translateY(-50%)}
  .bwc-lightbox__nav--prev{inset-inline-start:10px}
  .bwc-lightbox__nav--next{inset-inline-end:10px}
}

@media (prefers-reduced-motion:reduce){
  .bwc-catalogs *{transition:none !important}
  .bwc-track{scroll-behavior:auto}
}