@media (min-width: 768px) {
  body.checkout-index-index #maincontent,
  body.checkout-onepage-success #maincontent {
    --ah-ink: #17382a;
    --ah-accent: #007e46;
    --ah-border: #dce9df;
    --ah-tint: #eff7f1;
  }

  body.checkout-index-index .page-header {
    border-bottom: 1px solid #dce9df;
  }

  body.checkout-index-index #checkout .amcheckout-main-container.-layout-3columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px 24px;
    align-items: start;
  }

  body.checkout-index-index #checkout .amcheckout-main-container.-layout-3columns > .amcheckout-column {
    box-sizing: border-box;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  body.checkout-index-index #checkout .amcheckout-step-container {
    margin: 0 0 16px;
    border: 1px solid var(--ah-border);
    border-radius: 12px;
    background: #fff;
  }

  body.checkout-index-index #checkout :is(.amcheckout-title, .step-title) {
    color: var(--ah-ink);
    font-weight: 700;
  }

  body.checkout-index-index #checkout .amcheckout-title {
    border-bottom: 1px solid var(--ah-border);
    border-radius: 11px 11px 0 0;
    background: var(--ah-tint);
  }

  body.checkout-index-index #checkout :is(input[type=text], input[type=email], input[type=tel], input[type=password], select) {
    min-height: 42px;
    border: 1px solid #bccfc3;
    border-radius: 7px;
  }

  body.checkout-index-index #checkout :is(a, button, input, select):focus-visible {
    outline: 2px solid #005c33;
    outline-offset: 2px;
  }

  body.checkout-index-index #checkout .amcheckout-summary-container {
    background: #fff;
  }

  body.checkout-index-index #checkout .grand.totals {
    color: var(--ah-ink);
  }

  body.checkout-index-index #checkout .action.primary.checkout,
  body.checkout-onepage-success #maincontent .checkout-success .action.primary {
    min-height: 44px;
    border: 1px solid var(--ah-accent);
    border-radius: 8px;
    background: var(--ah-accent);
    color: #fff;
  }

  body.checkout-index-index #checkout .action.primary.checkout:not(:disabled):hover,
  body.checkout-onepage-success #maincontent .checkout-success .action.primary:hover {
    background: #005c33;
  }

  body.checkout-onepage-success #maincontent .checkout-success {
    box-sizing: border-box;
    width: min(100%, 780px);
    margin: 24px auto;
    padding: clamp(24px, 5vw, 54px);
    border: 1px solid var(--ah-border);
    border-radius: 14px;
    background: var(--ah-tint);
    color: var(--ah-ink);
  }
}

@media (min-width: 1024px) {
  body.checkout-index-index #checkout .amcheckout-main-container.-layout-3columns {
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr);
    grid-template-rows: auto 1fr;
  }

  body.checkout-index-index #checkout .amcheckout-main-container.-layout-3columns > .amcheckout-column:nth-child(2) {
    grid-area: 2 / 1;
  }

  body.checkout-index-index #checkout .amcheckout-main-container.-layout-3columns > .amcheckout-column:nth-child(3) {
    grid-area: 1 / 2 / span 2;
  }
}