/* معرض موديلات الألبومات + نافذة التكبير (gallery.js). */
.album-gallery { display: grid; gap: var(--sp-4); margin-bottom: var(--sp-8); }
.album-filters { padding-inline: 0; }
.album-filters .chip[aria-pressed="true"] { background: var(--txt); color: var(--white); border-color: var(--txt); }
.album-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 768px) { .album-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .album-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; } }
.album-model__link {
  display: grid; text-decoration: none; color: inherit; overflow: hidden;
  background: var(--card); border: var(--bd); border-radius: var(--r-md); box-shadow: var(--sh-1);
}
.album-model img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; background: var(--bg-deep); transition: transform .5s var(--ease-out); }
.album-model__cap { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 10px 12px; }
.album-model__cap b { font: 600 1.25rem/1 var(--f-display); }
.album-model__cap span { font: 500 .8125rem/1.3 var(--f-body); color: var(--muted); }
@media (hover: hover) {
  .album-model__link { transition: transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out); }
  .album-model__link:hover { transform: translateY(-4px); box-shadow: var(--sh-float); }
  .album-model__link:hover img { transform: scale(1.05); }
}
.album-types__title { margin-top: var(--sp-4); }
.pkg__albums { justify-self: start; font: 700 var(--fs-small)/1.4 var(--f-body); min-height: 44px; }
.pkg__albums .i { width: 18px; height: 18px; }

/* نافذة التكبير */
.album-dialog {
  width: min(560px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 0; overflow: auto;
  border: 0; border-radius: var(--r-xl); background: var(--card); color: var(--txt); box-shadow: var(--sh-float);
}
.album-dialog::backdrop { background: rgba(22, 22, 22, .6); }
.album-dialog[open] { animation: dialog-in .35s var(--ease-spring); }
.album-dialog__img { display: block; width: 100%; height: auto; max-height: 62dvh; object-fit: contain; background: var(--bg); }
.album-dialog__body { display: grid; gap: 10px; padding: 18px; }
.album-dialog__body h3 { font-size: var(--fs-h3); margin: 0; }
.album-dialog__body p { margin: 0; }
.album-dialog__close { position: sticky; top: 10px; float: left; margin: 10px; z-index: 1; background: var(--glass); }
.size-pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.size-pills .chip { direction: ltr; }
.size-pills .chip[aria-checked="true"] { background: var(--txt); color: var(--white); border-color: var(--txt); }
.album-dialog__note { font-size: var(--fs-micro); text-align: center; }
@keyframes dialog-in { from { opacity: 0; transform: translateY(16px) scale(.97); } to { opacity: 1; transform: none; } }