@media (min-width: 769px) {
  .product-container {
    padding: 0.5rem 3rem;
  }
  .product-container .title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #666;
  }
  .product-container .title .type {
    color: #202020;
    font-size: 0.45rem;
    line-height: 0.65rem;
    font-weight: bold;
  }
  .product-container .title .total {
    font-size: 0.175rem;
    line-height: 0.25rem;
    margin-bottom: 0.05rem;
  }
  .product-container .title .total span {
    margin: 0 0.05rem;
    color: #2AAC92;
  }
}
@media (max-width: 768px) {
  .product-container {
    background: #F6F7F8;
  }
}