.checkout-contact-heading { padding: 24px 0 18px; text-align: left; color: #0051a4; font: 700 26px/1.25 Arial,sans-serif; }
.checkout-contact-heading span { display: block; margin-top: 7px; color: #62798b; font: 400 15px/1.5 Arial,sans-serif; }
@media (min-width: 701px) {
  table.checkout-contact-fields {
    width: 100%; max-width: 800px; margin: 16px auto 32px; padding: 22px 28px;
    border: 1px solid #d6e5ef; border-radius: 16px; border-collapse: separate; border-spacing: 0;
    background: #f5fafe; box-shadow: 0 8px 24px rgba(0,81,164,.06);
    color: #243d50; font: 16px/1.5 Arial,sans-serif;
  }
  .checkout-contact-fields > tbody > tr > td {
    padding: 8px 0; border: 0; vertical-align: middle; background: transparent; white-space: normal;
  }
  .checkout-contact-fields > tbody > tr > td:first-child:not([colspan]) {
    width: 190px; padding-right: 20px; text-align: left;
  }
  .checkout-contact-fields b { font-weight: 600; }
  .checkout-contact-fields small { color: #62798b; font-size: 13px; }
  .checkout-contact-fields input:not([type=submit]):not([type=hidden]):not([type=checkbox]),
  .checkout-contact-fields textarea {
    box-sizing: border-box; width: calc(100% - 16px); max-width: 100%; min-width: 0;
    border: 1px solid #b9cedd; border-radius: 8px; padding: 11px 13px; background: #fff;
    color: #17314c; font: 400 16px/1.4 Arial,sans-serif;
    transition: border-color .15s, box-shadow .15s;
  }
  .checkout-contact-fields input:not([type=submit]):not([type=hidden]):not([type=checkbox]):focus,
  .checkout-contact-fields textarea:focus {
    outline: 2px solid #0051a4; outline-offset: 2px; border-color: #0051a4;
  }
  .checkout-contact-fields > tbody > tr > td[colspan] { text-align: left; }
  .checkout-contact-fields textarea { display: block; width: 100%; min-height: 110px; margin-top: 8px; resize: vertical; }
  .checkout-contact-fields .checkout-consent { max-width: none; margin: 12px 0 0; padding-top: 20px; border-top: 1px solid #d6e5ef; font-size: 14px; line-height: 1.6; }
  .checkout-contact-fields input.chekoutbutton[name=checkout] { display: block; margin: 8px 0 0 auto; min-width: 170px; border-color: #e05c00; }
  .checkout-contact-fields input.chekoutbutton[name=checkout]:hover { background-color: #ed6000; }
}
.checkout-order-table { width: 100%; border-collapse: collapse; }
.checkout-order-table th, .checkout-order-table td { padding: 9px 7px; vertical-align: top; text-align: right; }
.checkout-order-table th { background: #edf5fc; color: #0051a4; font: bold 13px/1.35 Arial, sans-serif; }
table.checkout-order-table td { border: 0; border-bottom: 1px solid #d9e5ee; }
.checkout-order-table .checkout-name, .checkout-order-table .checkout-name a { text-align: left; }
.checkout-order-table .checkout-order-total { font-weight: bold; }
.cart-edit-table .cartheader td:nth-child(5) { text-align: left; }
.cart-edit-table input { box-sizing: border-box; max-width: 100%; }
.checkout-consent { max-width: 620px; margin: 18px auto 0; text-align: left; font: 15px/1.5 Arial,sans-serif; }
.checkout-consent label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.checkout-consent a { color: #0051a4; text-decoration: underline; }
.checkout-consent p { margin: 10px 0 0 28px; }
.checkout-contact-fields .checkout-consent input[type=checkbox] { flex: 0 0 18px; width: 18px; height: 18px; min-width: 18px; padding: 0; margin: 3px 0 0; accent-color: #0051a4; }
input.chekoutbutton[name=checkout] {
  background-color: #ff6800;
  color: #fff;
  font: 400 20px/1.2 Arial, sans-serif;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 12px 18px;
  margin: 20px 0 0;
  cursor: pointer;
}
@media (max-width: 700px) {
  table.checkout-contact-fields,
  .checkout-contact-fields > tbody,
  .checkout-contact-fields > tbody > tr,
  .checkout-contact-fields > tbody > tr > td {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  table.checkout-contact-fields { margin: 0; }
  .checkout-contact-fields > tbody > tr > td {
    text-align: left;
    padding: 4px 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .checkout-contact-fields > tbody > tr { margin-bottom: 8px; }
  .checkout-contact-fields input:not([type=submit]):not([type=hidden]):not([type=checkbox]),
  .checkout-contact-fields textarea {
    box-sizing: border-box;
    width: calc(100% - 16px);
    min-width: 0;
    max-width: 100%;
    padding: 8px;
    font-size: 16px;
  }
  .checkout-contact-fields textarea { width: 100%; resize: vertical; }
  input.chekoutbutton[name=checkout] {
    display: block;
    margin: 12px auto 0;
    max-width: 100%;
    white-space: normal;
  }
  .checkout-order-table, .checkout-order-table tbody { display: block; width: 100%; }
  .checkout-order-table .cartheader { display: none; }
  .checkout-order-table .checkout-order-item { display: flex; flex-direction: column; margin: 0 0 12px; padding: 12px; border: 1px solid #d9e5ee; border-radius: 9px; background: #fff; }
  .checkout-order-table .checkout-order-item td { display: flex; justify-content: space-between; gap: 12px; width: auto; padding: 6px 0; white-space: normal; overflow-wrap: anywhere; font-size: 14px; }
  .checkout-order-table .checkout-order-item td::before { content: attr(data-label); flex: 0 0 43%; text-align: left; color: #526776; }
  .checkout-order-table .checkout-order-item .checkout-name { display: block; order: -1; padding: 0 0 10px; font-weight: bold; }
  .checkout-order-table .checkout-name::before { display: none; }
  .checkout-order-table .checkout-order-item .checkout-times { display: none; }
  .checkout-order-table .checkout-order-total { display: flex; justify-content: space-between; gap: 12px; }
  .checkout-order-table .checkout-order-total td { display: block; padding: 8px 0; }
  .cart-edit-table .cartboxcol input { width: 64px; min-height: 36px; text-align: center; }
  .cart-edit-table td[data-label="Удалить"] a { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; }
  .cart-edit-form .buybutton { display: block; margin-inline: auto; max-width: 100%; white-space: normal; }
}