.step {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.5s ease-in-out;
  display: none;
}
.step.active {
  opacity: 1;
  transform: translateX(0);
  display: block;
}
.step.prev {
  transform: translateX(-50px);
}
.progress-bar {
  transition: width 0.3s ease;
}
.btn-gradient {
  background: linear-gradient(135deg, #d4b79e, #c4a484);
}
.btn-gradient:hover {
  background: linear-gradient(135deg, #c4a484, #b4946e);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(196, 164, 132, 0.3);
}
.card-hover {
  transition: all 0.3s ease;
}
.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.radio-custom:checked + .radio-label {
  background: linear-gradient(135deg, #d4b79e, #c4a484);
  color: white;
  transform: scale(1.02);
}
.checkbox-custom:checked + .checkbox-label {
  border-color: #d4b79e;
  box-shadow: 0 0 0 3px rgba(212, 183, 158, 0.3);
}

/* Gown image styling - width 2/3 of height */
.gown-image {
  width: 100%;
  height: 180px;
  aspect-ratio: 2/3; /* Width will be 2/3 of height */
  object-fit: cover;
  object-position: center;
}

.gown-container {
  width: 120px; /* Width of container = 2/3 of 180px height */
  height: 180px;
}