.exploded-view {}
.exploded-view__desc {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  color: #6A6A6A;
}

/* Groups */
.exploded-group {}
.exploded-group__title {
  font-size: 1.25rem;
  font-weight: bold;
}
.exploded-group__title-icon {
  margin-right: .5rem;
  color: var(--primary);
}
.exploded-group__desc {
  margin-bottom: 1rem;
  color: #6A6A6A;
}
.exploded-group__list {}

/* Toggle */
.exploded-toggle {
  margin-top: 1.5rem;
  margin-bottom: 0;
  text-align: center;
}
.exploded-toggle__button {
  padding: .25rem;
  font-size: 1.125rem;
  border: none;
  background-color: transparent;
  color: var(--primary);
  transition: opacity 200ms ease;
}
.exploded-toggle__button:hover {
  opacity: .5;
}
.exploded-toggle__button-icon {
  margin-right: .5rem;
}

/* Product list */
.exploded-product {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #F1F1F1;
  border-radius: .75rem;
  background-color: var(--white);
}
@media (min-width: 575px) {
  .exploded-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 2rem;
  }
}
.exploded-product--hidden {
  display: none;
}

.exploded-product__index,
.exploded-product__img {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 575px) {
  .exploded-product__index,
  .exploded-product__img {
    display: block;
    flex-shrink: 0
  }
}

.exploded-product__index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 1rem;
  font-size: 1.125rem;
  font-weight: bold;
  border-radius: 100%;
  color: #232323;
  background-color: #F6F6F6;
}
@media (min-width: 575px) {
  .exploded-product__index {
    margin-right: 2rem;
  }
}

.exploded-product__img {
  width: 3.875rem;
}
.exploded-product__img--placeholder a:hover {
  text-decoration: none !important;
}
.exploded-product__img-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  border-radius: 1rem;
  font-size: 1.5625rem;
  color: var(--dark) !important;
  background-color: #e9e9e9;
}
@media (min-width: 575px) {
  .exploded-product__details {
    padding-left: 2rem;
  }
}
.exploded-product__title {
  margin-bottom: .25rem;
  font-size: 1.25rem;
}
.exploded-product__reference {
  margin-bottom: 0;
  font-size: .9375rem;
}
.exploded-product__prices .price {
  font-size: 1.25rem;
}
.exploded-product__prices .regular-price {
  font-size: 1rem;
}

.exploded-product__action {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 100%;
  margin-top: .5rem;
  padding: .5rem .625rem;
  border-radius: 1rem;
  font-size: 1.25rem;
  color: var(--white);
  background-color: var(--dark);
  transition: opacity 200ms ease;
}
.exploded-product__action:hover {
  opacity: .5;
}
@media (min-width: 575px) {
  .exploded-product__action {
    aspect-ratio: 1 / 1;
    width: 3.875rem;
    margin-left: auto;
    margin-top: 0;
  }
}