body.lightbox-open { overflow: hidden; }
.photo-lightbox { position: fixed; inset: 0; z-index: 100; display: grid; grid-template-columns: 72px minmax(0,1fr) 72px; align-items: center; background: rgba(5,5,7,.94); padding: 34px; }
.photo-lightbox[hidden] { display: none; }
.photo-lightbox figure { margin: 0; min-width: 0; text-align: center; }
.photo-lightbox img { display: block; max-width: 100%; max-height: calc(100vh - 105px); margin: auto; object-fit: contain; border-radius: 10px; }
.photo-lightbox figcaption { margin-top: 12px; color: #ddd; font-size: 14px; }
.lightbox-close,.lightbox-arrow { border: 0; color: #fff; background: rgba(35,36,42,.8); cursor: pointer; }
.lightbox-close { position: absolute; top: 18px; right: 22px; width: 46px; height: 46px; border-radius: 50%; font-size: 32px; line-height: 1; }
.lightbox-arrow { width: 54px; height: 70px; border-radius: 12px; font-size: 48px; line-height: 1; }
.lightbox-arrow:hover,.lightbox-close:hover { background: var(--yellow); color: #111; }
.card-image img { cursor: zoom-in; }
@media(max-width:600px) { .photo-lightbox { grid-template-columns: 48px minmax(0,1fr) 48px; padding: 62px 8px 20px; } .lightbox-arrow { width: 42px; height: 58px; font-size: 38px; } .lightbox-close { top: 10px; right: 10px; } }