/* SereniQi — image components (treatment cards, gallery, content images) */

.sq-treatment-card { overflow: hidden; }

.sq-treatment-card-img {
  margin: -28px -24px 20px;
  height: 220px;
  overflow: hidden;
  position: relative;
}

.sq-treatment-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.sq-treatment-card:hover .sq-treatment-card-img img {
  transform: scale(1.05);
}

/* Foto gallery (homepage) */
.sq-photo-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 60px;
}

.sq-photo-gallery-item {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  position: relative;
  box-shadow: 0 8px 32px rgba(9, 30, 30, 0.12);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

.sq-photo-gallery-item:nth-child(2) {
  aspect-ratio: 4 / 3;
  transform: translateY(40px);
}

.sq-photo-gallery-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 60px rgba(9, 30, 30, 0.18);
}

.sq-photo-gallery-item:nth-child(2):hover {
  transform: translateY(34px);
}

.sq-photo-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .sq-photo-gallery {
    grid-template-columns: 1fr;
  }
  .sq-photo-gallery-item:nth-child(2) {
    transform: none;
  }
  .sq-photo-gallery-item:nth-child(2):hover {
    transform: translateY(-6px);
  }
}

/* Content image (binnen pagina-content) */
.sq-content-image {
  width: 100%;
  border-radius: 28px;
  overflow: hidden;
  margin: 32px 0 40px;
  box-shadow: 0 8px 32px rgba(9, 30, 30, 0.12);
}

.sq-content-image img {
  width: 100%;
  height: auto;
  display: block;
}