.anfrage-page {
  .request-step.cart {
    display: grid;
    grid-template-columns: auto 300px;
    gap: 32px;
    @media (max-width: 1204px) {
      display: flex;
      flex-direction: column;
    }
    .anfrage-container {
      display: flex;
      flex-direction: column;
      gap: 12px;

      @media(max-width: 767px){
        gap: 8px;
      }
    }
    .anfrage-items {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .anfrage-resume {
      display: flex;
      flex-direction: column;
      border: 2px solid #f9f9f9;
      padding: 20px;
      justify-content: center;
      align-items: center;
      gap: 12px;
      .total-products {
        display: flex;
        width: 150px;
        height: 150px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        flex-direction: column;
        gap: 12px;
        background: #f9f9f9;
        .title {
          text-align: center;
        }
        .total {
          text-align: center;
          font-size: 32px;
          font-weight: 700;
        }
      }
      h2 {
        font-size: 20px;
        color: var(--e-global-color-primary);
        margin: 0;
      }
    }

    &.hidden {
      display: none;
    }
  }
}