body {
  background-color: whitesmoke;
  height: 100%;
}

/* navbar */
.dropdown-menu {
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
  border-radius: 0;
  text-transform: capitalize;
}
.nav-item {
  text-transform: uppercase;
}
.dropdown-item {
  color: var(--bs-nav-link-color);
}
.nav-link.active,
.dropdown-item:hover {
  background-color: inherit;
  color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

/* search form */
.search-form {
  max-width: 40rem;
}
.form-select:hover,
.form-select:focus {
  box-shadow: inherit;
}

/* carousel */
.carousel-image {
  max-height: 50vh;
  overflow: hidden;
  object-fit: cover;
}
.carousel-caption {
  text-align: left;
  padding: 2rem;
  top: 30%;
  bottom: 30%;
}
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* product card */
.card-img,
.card-img-top {
  height: 10rem;
  object-fit: cover;
}

/* product */
.quantity-field {
  width: 72px !important;
}

/* footer */
.list-unstyled > li {
  margin: 0.5rem 0;
}

/* utilities */
.py-8 {
  padding: 8rem 0;
}

main,
.min-vh-40 {
  min-height: 40vh;
}

.max-vh-50 {
  max-height: 50vh;
  overflow-y: auto;
}

.text-tiny {
  font-size: 0.6rem;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-fit {
  width: fit-content;
}

.btn-light {
  background-color: lightgray;
}