.view-detail__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: calc(10 * calc(1 * var(--spacing-base)));
  padding-top: calc(7 * var(--spacing-base));
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .view-detail__grid {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
  }
}
.view-detail__top {
  position: relative;
  grid-column: 1 / 5;
  grid-row: 1 / 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: calc(6 * var(--spacing-base));
}
.view-detail__top .gallery {
  grid-column: 1 / 2;
}
.view-detail__top .terms-slider {
  grid-column: 2 / 5;
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .view-detail__top .terms-slider {
    grid-column: 1 / 2;
  }
}
.view-detail__top::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: calc(-1 * calc(6 * var(--spacing-base)));
  background-color: var(--color-gray);
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .view-detail__top {
    grid-template-columns: 100%;
    grid-column: 1 / 2;
  }
}
.view-detail__left {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.view-detail__right {
  grid-column: 2 / 5;
  grid-row: 2 / 3;
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .view-detail__right {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
}
.view-detail__form {
  margin-top: calc(10 * calc(1 * var(--spacing-base)));
  background-color: var(--color-secondary);
  border-radius: calc(1 * var(--radius-base));
  box-shadow: 0px 8px 24px 0px rgba(20, 53, 91, 0.05);
  padding: calc(8 * var(--spacing-base));
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .view-detail__form {
    padding: calc(4 * var(--spacing-base));
  }
}

.terms-slider__term-bottom .price .amount {font-size: 1.33rem;}