.checkout-page{background-color:var(--color-white);min-height:100vh;color:var(--color-gray-800)}.checkout-header{padding-block:var(--space-6);border-bottom:var(--border-thin);background-color:var(--color-white)}.checkout-header__logo{display:flex;align-items:center;text-decoration:none}.checkout-header__logo-image{display:block;width:140px;height:64px;object-fit:contain;border-radius:var(--radius-sm)}.checkout-layout{display:grid;grid-template-columns:1fr 450px;min-height:calc(100vh - 80px)}.checkout-main{padding:var(--space-12) var(--space-16) var(--space-20);max-width:800px;margin-left:auto;width:100%}.checkout-section{margin-bottom:var(--space-12)}.checkout-section__title{font-size:var(--text-lg);margin-bottom:var(--space-6);color:var(--color-gray-800)}.checkout-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkout-form-grid--full{grid-template-columns:1fr}.checkout-summary{background-color:var(--color-gray-100);padding:var(--space-12) var(--space-10);border-left:var(--border-thin);position:sticky;top:0;height:100vh;overflow-y:auto}.summary-item{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center}.summary-item__image-wrap{position:relative;width:64px;height:64px;flex-shrink:0}.summary-item__image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);border:var(--border-thin)}.summary-item__qty{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background-color:var(--color-gray-500);color:var(--color-white);font-size:10px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--weight-bold)}.summary-item__info{flex:1}.summary-item__name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-gray-800)}.summary-item__variant{font-size:var(--text-xs);color:var(--color-gray-500)}.summary-item__price{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.summary-divider{height:1px;background-color:var(--color-gray-200);margin-block:var(--space-6)}.summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--color-gray-600)}.summary-row--total{margin-top:var(--space-2);font-size:var(--text-lg);color:var(--color-gray-800);font-weight:var(--weight-bold)}.discount-input{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.shipping-methods{border:var(--border-thin);border-radius:var(--radius-md);overflow:hidden}.shipping-method{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-thin);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.shipping-method:last-child{border-bottom:none}.shipping-method:hover{background-color:var(--color-gray-100)}.shipping-method--active{background-color:var(--color-gray-100);border-left:3px solid var(--color-primary)}.shipping-method__label{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.shipping-method__price{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.payment-box{border:var(--border-thin);border-radius:var(--radius-md);background-color:var(--color-white)}.payment-header{padding:var(--space-4);background-color:var(--color-gray-100);border-bottom:var(--border-thin);font-size:var(--text-sm);font-weight:var(--weight-medium)}.payment-body{padding:var(--space-6)}@media (max-width: 1024px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{order:-1;height:auto;position:static;padding-block:var(--space-8)}.checkout-main{padding-inline:var(--space-6);max-width:100%}}@media (max-width: 640px){.checkout-form-grid{grid-template-columns:1fr}}