.checkout-page { padding-block: var(--ui-space-6) var(--ui-space-10); }
.checkout-heading { display: grid; grid-template-columns: 1.35fr 1fr; align-items: end; gap: var(--ui-space-7); margin-block: var(--ui-space-5) var(--ui-space-8); }
.checkout-layout { display: grid; grid-template-columns: minmax(0px, 1.65fr) minmax(280px, 1fr); grid-template-areas: "parameters summary" "contacts summary" "actions summary"; column-gap: var(--ui-space-9); align-items: start; }
.checkout-parameters { grid-area: parameters; }
.checkout-contacts { grid-area: contacts; }
.checkout-form { min-width: 0px; }
.checkout-section { display: grid; gap: var(--ui-space-6); padding-block: var(--ui-space-6) var(--ui-space-7); border-top: 1px solid var(--line); }
.checkout-packs { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--ui-space-3); }
.checkout-custom { display: grid; grid-template-columns: 1fr 160px; gap: var(--ui-space-5); align-items: center; }
.checkout-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--ui-space-5); }
.checkout-actions { grid-area: actions; display: flex; flex-direction: column; align-items: start; gap: var(--ui-space-5); }
.checkout-summary { grid-area: summary; position: sticky; top: var(--ui-space-7); }
.checkout-result { max-width: 760px; margin: var(--ui-space-8) auto; }
.checkout-result-actions { display: flex; flex-wrap: wrap; gap: var(--ui-space-4); }
.checkout-status { display: grid; justify-items: start; gap: var(--ui-space-4); margin-top: var(--ui-space-5); }
.checkout-status:has(:empty):not(:has(button:not([hidden]))) { display: none; }
.checkout-honey { position: absolute; left: -10000px; opacity: 0; }
@media (max-width: 1000px) {
  .checkout-layout { column-gap: var(--ui-space-7); grid-template-columns: minmax(0px, 1.4fr) minmax(260px, 1fr); }
  .checkout-heading { grid-template-columns: 1fr; gap: var(--ui-space-5); }
}
@media (max-width: 800px) {
  .checkout-page { padding-block: var(--ui-space-5) var(--ui-space-8); }
  .checkout-heading { margin-bottom: var(--ui-space-7); }
  .checkout-layout { grid-template-columns: 1fr; grid-template-areas: "parameters" "summary" "contacts" "actions"; gap: var(--ui-space-7); }
  .checkout-summary { position: static; }
  .checkout-contact-grid { grid-template-columns: 1fr; }
  .checkout-actions { align-items: stretch; }
  .checkout-result-actions { flex-direction: column; }
}