/* main.css */

.product_card .card__title,
.sections .card__title {
  white-space: normal;
  /* max-width: 250px; */
}

.products-grid {
  flex-wrap: wrap;
}

.products-grid .product_card {
  flex: auto;
  width: calc(33.3% - 2rem);
}

.products-grid .product_card:nth-child(1),
.products-grid .product_card:nth-child(2) {
  width: calc(50% - 2.5rem);
}

.products-grid .product_card:nth-child(3) {
  width: 100%;
}

.products-grid .card__image {
  left: -2.5rem;
  top: auto;
  bottom: -5rem;
  width: calc(100% + 5rem);
  height: auto;
  object-fit: contain;
}

.products-grid .sub_card__image {
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.list_item__label {
  white-space: normal;
}

.result b {
  font-weight: normal;
  padding: 0 0.4rem;
  border-radius: 1rem;
  background: var(--mark);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.result__title,
.result__text {
  white-space: normal;
}

@media screen and (orientation: landscape) {
  .result b {
    padding: 0 0.2rem;
    border-radius: 0.4rem;
  }
}