.checkout-page > .market-alert { grid-column: 1 / -1; width: 100%; margin: 0 !important; box-sizing: border-box; }
.checkout-page { grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr); gap: 28px; align-items: start; }
.checkout-page .checkout-form, .checkout-page .checkout-summary { border-radius: 20px; box-shadow: 0 12px 35px rgba(20,55,29,.06); }
.checkout-title, .summary-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 24px; }
.checkout-title > span, .summary-heading > span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: #eaf3e8; color: #28643a; }
.checkout-title h2, .summary-heading h2 { margin: 0; font-size: 23px; }
.checkout-title p, .summary-heading p { margin: 3px 0 0; color: #817869; font-size: 13px; }
.checkout-page .checkout-fields { gap: 18px; }
.checkout-page .checkout-fields label { color: #233528; font-size: 13px; }
.field-control { position: relative; }
.field-control i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #78907b; }
.checkout-page .field-control input { width: 100%; box-sizing: border-box; padding-left: 40px; }
.checkout-page .checkout-fields input, .checkout-page .checkout-fields textarea, .checkout-page .checkout-fields select { min-height: 48px; background: #fffdfa; border-color: #cfdacd; outline: none; transition: border-color .2s, box-shadow .2s; }
.checkout-page .checkout-fields input:focus, .checkout-page .checkout-fields textarea:focus, .checkout-page .checkout-fields select:focus { border-color: #3f7d50; box-shadow: 0 0 0 3px rgba(63,125,80,.12); }
.checkout-submit { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 53px; border-radius: 13px; }
.checkout-submit strong { padding-left: 10px; border-left: 1px solid rgba(255,255,255,.35); }
.checkout-summary { position: sticky; top: 92px; padding: 24px !important; }
.checkout-item { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 13px 0; border-top: 1px solid #e7e8e1; }
.checkout-item img { width: 62px; height: 58px; border-radius: 11px; object-fit: cover; background: #edf0e8; }
.checkout-item strong { display: block; font-size: 14px; line-height: 1.3; }
.checkout-item small { display: block; margin-top: 5px; color: #7f776b; }
.checkout-item > b { white-space: nowrap; color: #245d2b; }
.checkout-summary .sumrow { padding: 8px 0; font-size: 13px; }
.checkout-summary .sumrow:last-of-type { margin-top: 7px; padding-top: 14px; border-top: 1px solid #dfe3da; font-size: 16px; }
.secure-note { display: flex; align-items: center; gap: 11px; margin-top: 18px; padding: 13px; border-radius: 12px; background: #f0f7ef; color: #2c673d; }
.secure-note span, .secure-note small { display: block; }
.secure-note small { color: #718075; margin-top: 2px; }
.checkout-warning { margin-top: 2px; color: #8a6c25; line-height: 1.35; }
@media (max-width: 850px) { .checkout-page { grid-template-columns: 1fr; } .checkout-summary { position: static; } }
@media (max-width: 560px) { .checkout-page .checkout-fields { grid-template-columns: 1fr; } .checkout-page .checkout-fields .wide { grid-column: auto; } .checkout-item { grid-template-columns: 52px minmax(0,1fr); } .checkout-item img { width: 52px; height: 50px; } .checkout-item > b { grid-column: 2; } }