.p-checkout-main { padding: clamp(3rem, 7vw, 5rem) 0 0; }
.p-checkout-container { display: grid; grid-template-columns: minmax(0, 35rem) minmax(19rem, 22rem); gap: clamp(3rem, 7vw, 6rem); width: min(57rem, calc(100% - 3rem)); margin-inline: auto; align-items: start; }
.p-checkout-content { display: grid; gap: var(--space-4); min-width: 0; }
.p-checkout-intro { margin-bottom: var(--space-1); }
.p-checkout-intro h1 { margin-bottom: var(--space-2); }
.p-checkout-intro p { max-width: 42rem; margin-bottom: 0; color: var(--color-text-muted); }
.p-checkout-panel { padding: var(--space-4); }
.p-checkout-panel h2 { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); font-size: 1.6rem; }
.p-checkout-fields { display: grid; gap: var(--space-3); }
.p-checkout-fields--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.p-checkout-panel .c-notice { margin-bottom: var(--space-4); }
.p-checkout-panel .c-static-note { margin: var(--space-3) 0 0; }
.p-checkout-summary { position: sticky; top: var(--space-4); padding: var(--space-4); }
.p-checkout-summary__item { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4) 0; border-bottom: 1px solid var(--color-border); }
.p-checkout-summary__item img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-card); }
.p-checkout-summary__item h3 { margin: 0 0 var(--space-1); font-size: 1.15rem; }
.p-checkout-summary__item p { margin: 0; color: var(--color-text-muted); font-size: 0.8rem; line-height: 1.45; }
.p-checkout-summary__item .p-checkout-summary__price { margin-top: var(--space-1); color: var(--color-gold); font-weight: 700; }
.p-checkout-summary > .c-button { width: 100%; margin-top: var(--space-4); }
.p-checkout-summary__note { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: 0.8rem; text-align: center; }
@media (max-width: 63.99rem) { .p-checkout-container { grid-template-columns: minmax(0, 35rem) minmax(18rem, 20rem); gap: var(--space-5); } }
@media (max-width: 48rem) { .p-checkout-container { grid-template-columns: 1fr; width: min(100% - 2rem, 35rem); } .p-checkout-summary { position: static; } }
@media (max-width: 30rem) { .p-checkout-main { padding-top: var(--space-5); } .p-checkout-panel, .p-checkout-summary { padding: var(--space-3); } .p-checkout-fields--pair { grid-template-columns: 1fr; } }