/* layout/checkout.css — 장바구니 · 주문 공통 2열 레이아웃 */
.checkout-layout,
.cart-layout,
.order-layout {
    display: grid;
    gap: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
}

@media (min-width: 1024px) {
    .checkout-layout,
    .cart-layout,
    .order-layout {
        grid-template-columns: minmax(0, 1fr) 26rem;
        gap: 3rem;
        align-items: start;
    }

    /* 주문서 — #sod_frm 내부 2열 그리드 사용, 바깥 checkout-layout은 1열 래퍼 */
    #order-layout.checkout-layout {
        display: block;
        grid-template-columns: none;
    }

    #sod_frm.sod_frm_pc {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(22rem, 28rem);
        align-items: start;
        gap: 2rem 2.5rem;
    }

    #sod_frm .sod_right {
        position: sticky;
        top: calc(var(--header-height, 4rem) + 1.5rem);
        align-self: start;
    }
}