@charset "UTF-8";
/* Кошик з оформленням - Figma «Website - Basket» 2351:117574.
   ПК: зліва форма 530, справа товари й підсумок 750, розрив 20. */
.cart__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.cart__form,
.cart__side {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}

.cart__block {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cart__block-head {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cart__title {
  font: var(--t-subtitle);
  letter-spacing: var(--t-subtitle-ls);
  color: var(--c-text);
}

.cart__fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

/* рядок полів адреси: місто 265, решта тягнеться (Figma 2351:117655) */
.cart__fields--row {
  gap: var(--space-4);
}

.cart__radios {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.cart__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.cart__extra {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

/* Підсумок на світло-синьому (Figma 2351:117801, #edf2ff, поля 16) */
.cart__totals {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--c-primary-50);
}

.cart__totals-rows {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.cart__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: 30px;
}

.cart__total-label {
  font: var(--t-body);
  letter-spacing: var(--t-body-ls);
}

.cart__total-value {
  font: 700 20px/30px var(--font-base);
  letter-spacing: var(--t-subtitle-ls);
}

.cart__total.is-main {
  min-height: 40px;
}

.cart__total.is-main .cart__total-value {
  font: var(--t-h3);
  letter-spacing: var(--t-h3-ls);
}

/* коментар: у макеті поле 118 (Figma 2351:117794 - разом з підписом 140) */
.cart__extra .v-field__input--area {
  min-height: 118px;
}

.cart__agreement {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin: 0;
  font: var(--t-body);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
}

.cart__agreement a {
  color: var(--c-primary);
}

/* Моб: спочатку показуємо товари, потім форму, наприкінці підсумок.
   display: contents піднімає дітей правої колонки на рівень .cart__body,
   інакше товари не можна поставити перед формою без дублювання розмітки. */
@media (max-width: 1023.98px) {
  .cart__body {
    gap: var(--space-4);
  }
  .cart__side {
    display: contents;
  }
  .cart__items {
    order: -1;
  }
}
@media (min-width: 1024px) {
  .cart__fields--row {
    flex-direction: row;
    align-items: flex-end;
  }
  .cart__fields--row .cart__field-city {
    flex: 0 0 265px;
  }
  .cart__fields--row .v-field:not(.cart__field-city) {
    flex: 1 0 0;
    min-width: 0;
  }
  .cart__body {
    flex-direction: row;
    align-items: flex-start;
  }
  .cart__form {
    flex: 0 0 530px;
  }
  .cart__side {
    flex: 1 0 0;
  }
}