.order{ display: flex; } .order__title{ font-family: var(--font-family); font-weight: 700; font-size: 24px; line-height: 117%; text-transform: uppercase; color: var(--text-black); } .order__contacts{ width: calc(50% - 0.5px); padding: 24px; border-right: 1px solid #121212; } .order-contacts__header{ display: flex; justify-content: space-between; align-items: center; } .order-contacts__form{ margin-top: 24px; } .order-contacts__delivery{ margin-top: 47.5px; padding-top: 9.5px; border-top: 1px solid var(--background-grey); } .order__your{ width: calc(50% - 0.5px); padding: 24px 24px 24px 48px; background: var(--background-grey); } .order-your__products{ margin-top: 48px; } .order-your-products__item{ margin-top: 16px; display: flex; justify-content: space-between; } .order-your-products__left{ display: flex; } .order-your-products__img{ width: 40px; aspect-ratio: 1; border-radius: 16px; } .order-your-products__content{ margin-left: 16px; } .order-your-products__name{ font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; color: var(--text-black); } .order-your-products__description{ margin-top: 8px; font-family: var(--font-family); font-weight: 500; font-size: 12px; line-height: 133%; color: var(--text-6); } .order-your-products__right{ display: flex; } .order-your-products__count{ font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; text-align: right; color: var(--text-6); } .order-your-products__count::before{ content: 'x'; } .order-your-products__price{ margin-left: 16px; font-family: var(--font-family); font-weight: 700; font-size: 12px; line-height: 133%; text-align: right; color: var(--text-black); } .order-your-products__price::after{ content: 'Р'; } .order-your__calculation{ margin-top: 48px; } .order-your__promo{ display: flex; } .order-your-promo__input{ border-color: var(--background-9); } .order-your-promo__button{ margin-left: 8px; } .order-your__