/* ============================================================
   desktop-cart-checkout.css — Cart + Checkout + Thank-you desktop
   Double-guarded min-width:1024px. Loaded after cart/checkout css.
   Commerce behavior untouched — layout only.
   ============================================================ */
@media screen and (min-width: 1024px) {

  /* ================= CART ================= */
  body.woocommerce-cart .woocommerce {
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    column-gap: 48px;
    align-items: start;
  }
  .rcs-cart-header {
    max-width: 1240px;
    margin: 0 auto 20px;
  }
  .rcs-cart__shipping {
    grid-column: 1 / -1;
    margin-bottom: 24px;
  }
  .rcs-cart-form {
    grid-column: 1;
    grid-row: 2 / span 2;
  }
  .rcs-cart-totals {
    grid-column: 2;
    grid-row: 2;
    position: sticky;
    top: 96px;
    align-self: start;
    background: var(--rcs-surface, #fff);
    padding: 24px;
    border-radius: 12px;
    border: 1px solid var(--rcs-outline, rgba(184,149,89,.22));
  }
  .rcs-cart-sticky {
    grid-column: 2;
    grid-row: 3;
    align-self: start;
    margin-top: 16px;
  }
  .rcs-cart-sticky .rcs-btn {
    width: 100%;
    box-sizing: border-box;
  }

  /* Cart line items as clean desktop rows. */
  .rcs-cart-item {
    display: grid;
    grid-template-columns: 96px 1fr auto auto auto;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
  }
  .rcs-cart-item__image img { width: 96px; height: 128px; object-fit: cover; }

  /* Empty cart: centered. */
  .woocommerce-cart .cart-empty,
  .rcs-cart-empty {
    max-width: 680px;
    margin: 56px auto;
    text-align: center;
  }

  /* ================= CHECKOUT ================= */
  .woocommerce-checkout form.checkout.woocommerce-checkout {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    column-gap: 48px;
    align-items: start;
  }
  .woocommerce-checkout #customer_details { 
    grid-column: 1; 
    grid-row: 1 / span 2; 
  }
  .woocommerce-checkout #order_review_heading {
    grid-column: 2;
    grid-row: 1;
  }
  .woocommerce-checkout #order_review {
    grid-column: 2;
    grid-row: 2;
    position: sticky;
    top: 136px;
    align-self: start;
  }
  /* Billing first/last name two-up is already WC default; ensure it holds. */
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2 { width: 100%; float: none; }

  /* The order review must NOT sit stacked under a 935px form anymore —
     handled by the grid above. Give the summary a card feel. */
  .woocommerce-checkout #order_review {
    background: var(--rcs-surface, #fff);
    padding: 24px;
    border-radius: 10px;
  }

  /* ================= THANK YOU / ORDER RECEIVED ================= */
  .rcs-thankyou {
    max-width: 1100px;
    margin: 0 auto;
  }
  .rcs-thankyou__hero { text-align: center; }
  /* Receipt body: order summary + next actions side by side. */
  .rcs-thankyou__addresses {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .rcs-thankyou__actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .rcs-thankyou__card { max-width: 760px; margin-left: auto; margin-right: auto; }
}