.cart-page {
  .cart-empty {
    font-weight: 600;
    font-size: 30px;
    line-height: 33px;
    font-family: "Dm sans";
    color: var(--global-palette1);
    text-align: center;
  }
  h2 {
    font-size: 48px;
    font-family: Rubik;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0%;
    text-transform: none;
  }
  .cart-blocks {
    display: flex;
    flex-direction: row;

    .cart-content {
      margin-top: 45px;

      .cart-item {
        display: flex;
        flex-direction: row;
        margin-bottom: 30px;

        .cart-image {
          flex: 0 0 345px;
          border-radius: 10px;
          border: 1px solid #939393;

          img {
            width: 100%;
            height: auto;
          }
        }
        .cart-item-info {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding-left: 45px;
          padding-right: 90px;
          flex: 1 1 auto;

          .row {
            padding-top: 25px;
          }
          .title-price {
            display: flex;
            flex-direction: row;
            justify-content: space-between;

            .title {
              a {
                font-size: 24px;
                font-family: Rubik;
                color: #000000;
                font-weight: 400;
                letter-spacing: 0%;
                text-decoration: underline;
              }
            }
            .price {
              font-size: 45px;
              font-family: Rubik;
              color: #020202;
              font-weight: 700;
              letter-spacing: 0%;
              text-align: right;
              white-space: nowrap;
              margin-left: 15px;
            }
          }
          .article-quantity {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;

            .article {
              a {
                font-size: 24px;
                font-family: Rubik;
                color: #939393;
                font-weight: 400;
                letter-spacing: 0%;
                text-decoration: none;
              }
            }
            .count {
              height: 45px;

              .quantity {
                border: 0;
                white-space: nowrap;

                input {
                  font-family: Rubik;
                  font-weight: 400;
                  letter-spacing: 0%;
                }
                .minus {
                  font-size: 32px;
                  color: #747474;
                  padding: 0 8px;
                }
                .input-text {
                  border: 1px solid #828282;
                  border-radius: 3px;
                  font-size: 23px;
                  color: #333333;
                  width: 70px;
                }
                .plus {
                  font-size: 32px;
                  color: #333333;
                  padding: 0 8px;
                }
              }
            }
          }
          .bottom {
            display: flex;
            direction: row;
            justify-content: space-between;

            .delivery {
              display: flex;
              flex-direction: row;
              align-items: center;

              .icon {
                display: block;
                background-image: url("/images/front/cart/delivery-van.svg");
                width: 42px;
                height: 42px;
                margin-right: 40px;
              }
              .text {
                font-size: 16px;
                font-family: Rubik;
                color: #000000;
                font-weight: 400;
                line-height: 100%;
                letter-spacing: 0%;
              }
            }
            .remove {
              a.remove-item {
                display: block;
                background-image: url("/images/front/cart/cart-remove.svg");
                width: 25px;
                height: 30px;
              }
            }
          }
        }
      }
    }
    .cart-info {
      flex: 0 0 400px;

      .wrap {
        box-shadow: 2px 0px 20px #000000;
        padding: 30px;
        border-radius: 20px;

        .title {
          font-size: 24px;
          font-family: Rubik;
          color: #000000;
          font-weight: 500;
          letter-spacing: 0%;
          text-align: center;
          margin-bottom: 30px;
        }
        .row {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin-bottom: 25px;

          font-size: 22px;
          font-family: Rubik;
          color: #333333;
          font-weight: 400;
          line-height: 100%;
          letter-spacing: 0%;

          .value {
            font-size: 18px;
            color: #828282;
          }
        }
        .row.delivery {
          color: #000000;
        }
        .row.cart-summary {
          padding-top: 20px;
          border-top: 3px solid black;
          font-weight: 500;
          color: black;

          .value {
            color: #020202;
            font-weight: 700;
            font-size: 30px;
          }
        }
        .cart-user-policy {
          font-family: Rubik;
          margin: 25px 0 0 0;
          font-size: 16px;

          a {
            font-family: Rubik;
            font-size: 16px;
          }
        }
        .buy-btn {
          margin-bottom: 15px;

          button,
          button:hover {
            width: 100%;
            text-align: center;
            font-size: 30px;
            font-family: Rubik;
            color: #ffffff;
            font-weight: 700;
            letter-spacing: 0%;
            text-transform: none;
            background-color: black;
          }
        }
      }
    }
  }
  .info-title {
    font-size: 24px;
    font-family: Rubik;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0%;
    margin-top: 50px;
    margin-bottom: 40px;
  }
  .order-info {
    .info-fields {
      .info-col1 {
        width: 50%;
        padding-right: 10px;
      }
      .info-row {
        display: flex;
        flex-direction: row;
        gap: 20px;
        margin-bottom: 20px;
        align-items: center;

        .info-field {
          flex: 1 1 0%;
          padding: 0 20px;
          border: 1px solid #d8d8d8;
          border-radius: 5px;
          display: flex;
          flex-direction: row;
          background-color: #F9F8F4;

          label {
            white-space: nowrap;
            font-size: 18px;
            font-family: Rubik;
            font-weight: 400;
            letter-spacing: 0%;
            line-height: 50px;
            color: #b6b6b6;
            margin-right: 20px;

            span {
              color: red;
            }
          }
          input {
            border: 0;
            flex: 100%;

            font-size: 18px;
            font-family: Rubik;
            font-weight: 400;
            letter-spacing: 0%;
            line-height: 50px;
            color: black;
            padding: 0;
          }
          textarea {
            font-size: 18px;
            font-family: Rubik;
            font-weight: 400;
            letter-spacing: 0%;
            line-height: 25px;
            color: black;
            padding: 0;
            border: 0;
            resize: none;
            margin: 12px 0;
            height: 26px;
          }
        }
        .info-field.field-parent-error {
          border-color: red;
        }
      }
    }
    .type-switch {
      display: flex;
      flex-direction: column;

      label {
        margin-bottom: 15px;
      }
    }
    .delivery-info {
      .main-delivery-map {
        margin-top: 0 !important;
      }
      .delivery-address-fields {
        margin-bottom: 20px;
      }
      .delivery-pickup-map {
        .error-text {
          display: none;
        }
      }
      .delivery-pickup-map.field-error-map {
        .error-text {
          display: block;
          margin-bottom: 15px;
          text-align: center;
          color: red;
          font-size: 18px;
          font-family: Rubik;
          font-weight: 400;
        }
      }
    }
    .user-info {
      margin-top: -20px;

      .user-type {
        margin-bottom: 35px;
        display: block;
      }
    }
  }
}

@media (max-width: 1400px) {
  .cart-page .cart-blocks {
    flex-direction: column;

    .cart-content .cart-item .cart-item-info {
      padding: 0 30px;
    }
    .cart-info {
      margin: 30px 0;
    }
  }
}
@media (max-width: 900px) {
  .cart-page .order-info .info-fields .info-row {
    flex-direction: column;

    .info-field {
      width: 100%;
    }
  }
  .cart-page .cart-blocks .cart-content .cart-item {
    .cart-item-info {
      padding: 0;
    }
    .cart-image {
      display: none;
    }
  }
}