.photos-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  justify-content: center;
}

.photos-grid img {
  width: 100%;
  max-width: 420px;
  height: 280px;
  object-fit: cover;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  transition: transform var(--transition), box-shadow var(--transition);
}

.photos-grid img:hover {
  transform: scale(1.025);
  box-shadow: var(--shadow-hover);
}


.cabinet-text {
  max-width: 700px;
  margin: 20px auto 14px auto;
  line-height: 1.7;
  text-align: left;
  opacity: 0.9;
}

.cabinet-note-box {
  max-width: 700px;
  margin: 18px auto 0 auto;

  padding: 12px 16px;

  font-size: 0.92rem;
  line-height: 1.55;

  color: var(--color-text);

  background: color-mix(in srgb, var(--color-primary) 10%, transparent);

  border-left: 4px solid var(--color-primary);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}