/* ========== ЗАГЛУШКИ ДЛЯ ИЗОБРАЖЕНИЙ ========== */
.main-image-placeholder {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background: linear-gradient(135deg, #e0d8ce 0%, #c9bfb3 100%);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: #8a7e6e;
  text-align: center;
  padding: 40px;
}

.main-image-placeholder svg {
  width: 80px;
  height: 80px;
  opacity: 0.5;
}

.main-image-placeholder span {
  font-size: 18px;
  font-weight: 500;
}

.main-image-placeholder small {
  font-size: 14px;
  opacity: 0.7;
}

.thumb-placeholder {
  width: 170px;
  height: 170px;
  background: linear-gradient(135deg, #e0d8ce 0%, #c9bfb3 100%);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.thumb-placeholder svg {
  width: 70px;
  height: 70px;
  opacity: 0.5;
}

.lightbox-placeholder {
  width: 100%;
  height: 100%;
  min-height: 400px;
  background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  color: #888;
  text-align: center;
  border-radius: 16px;
}

.lightbox-placeholder svg {
  width: 100px;
  height: 100px;
  opacity: 0.4;
}

.lightbox-placeholder span {
  font-size: 20px;
  font-weight: 500;
}

.lightbox-placeholder small {
  font-size: 14px;
  opacity: 0.6;
}