body {
  background: whitesmoke;
}

.brand-bar {
  background-color: #333d4f;
}

.hero-section {
  padding: 5rem 0 3rem;
}

.hero-title {
  font-size: clamp(2.2rem, 5vw, 4.3rem);
  font-weight: 800;
  line-height: 1.05;
}

.hero-text {
  font-size: clamp(1rem, 2vw, 1.35rem);
  max-width: 700px;
}

.shop-card-img {
  height: 230px;
  object-fit: cover;
}

.shop-placeholder {
  height: 230px;
  background: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6c757d;
  font-weight: 500;
}

.badge-shop {
  background-color: #e9f6ff;
  color: #0b7ec2;
}

.register-modal-rect {
  max-width: 1100px;
}

#registerFormModal .modal-content {
  width: 100%;
  border-radius: 20px;
}

#registerFormModal .modal-body {
  padding: 2rem;
}

#registerFormModal .form-control,
#registerFormModal .form-select {
  min-height: 48px;
}

#registerFormModal textarea.form-control {
  min-height: 110px;
}

@media (max-width: 991px) {
  .register-modal-rect {
    max-width: 95%;
  }
}