.checkout-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-md);max-width:1200px;margin:0 auto}@media (min-width:768px){.checkout-container{grid-template-columns:1.5fr 1fr;padding:var(--spacing-lg)}}.checkout-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.checkout-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.checkout-progress-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.checkout-progress-step::before{content:'';position:absolute;top:20px;left:50%;width:100%;height:2px;background:var(--color-gray-300);z-index:0}.checkout-progress-step:first-child::before{display:none}.checkout-progress-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-gray-200);color:var(--color-text-secondary);border-radius:var(--border-radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);position:relative;z-index:1;transition:all var(--transition-fast)}.checkout-progress-step.active .checkout-progress-number{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px var(--color-primary-alpha-10)}.checkout-progress-step.completed .checkout-progress-number{background:var(--color-success);color:#fff}.checkout-progress-step.completed::before{background:var(--color-success)}.checkout-progress-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;font-weight:var(--font-weight-medium)}.checkout-progress-step.active .checkout-progress-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}@media (max-width:576px){.checkout-progress-label{display:none}.checkout-progress-number{width:32px;height:32px;font-size:var(--font-size-sm)}}.checkout-section{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.checkout-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.checkout-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.checkout-section-action{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.checkout-section-action:hover{color:var(--color-primary-dark);text-decoration:underline}.delivery-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.delivery-option{position:relative;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.delivery-option:hover{border-color:var(--color-primary-light);background:var(--color-primary-alpha-10)}.delivery-option.selected{border-color:var(--color-primary);background:var(--color-primary-alpha-10)}.delivery-option-icon{width:32px;height:32px;margin:0 auto var(--spacing-sm);color:var(--color-primary)}.delivery-option-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.delivery-option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.payment-methods{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-method{display:flex;align-items:center;padding:var(--spacing-md);border:2px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.payment-method:hover{border-color:var(--color-primary-light);background:var(--color-primary-alpha-10)}.payment-method.selected{border-color:var(--color-primary);background:var(--color-primary-alpha-10)}.payment-method-radio{width:20px;height:20px;margin-right:var(--spacing-md);flex-shrink:0}.payment-method-icon{width:40px;height:40px;margin-right:var(--spacing-md);border-radius:var(--border-radius-sm);object-fit:contain;flex-shrink:0}.payment-method-details{flex:1}.payment-method-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px}.payment-method-description{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.checkout-summary{position:sticky;top:80px;height:fit-content;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);animation:.3s ease-out slideInRight}.checkout-summary-header{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.order-items-list{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.order-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.order-item-image{width:60px;height:60px;border-radius:var(--border-radius-md);object-fit:cover;flex-shrink:0}.order-item-details{flex:1;min-width:0}.order-item-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-item-quantity{color:var(--color-text-tertiary)}.order-item-price{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-totals{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.order-total-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.order-total-label{color:var(--color-text-secondary)}.order-total-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.order-total-row.discount .order-total-value{color:var(--color-success)}.order-total-row.delivery .order-total-value{color:var(--color-primary)}.order-total-row.grand-total{padding-top:var(--spacing-md);border-top:2px solid var(--color-border-medium);margin-top:var(--spacing-sm)}.order-total-row.grand-total .order-total-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-total-row.grand-total .order-total-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.promo-code-section{margin-bottom:var(--spacing-lg)}.promo-code-input-wrapper{display:flex;gap:var(--spacing-sm)}.promo-code-input{flex:1}.promo-code-apply{padding:12px 20px;white-space:nowrap}.promo-code-applied{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success-light);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm)}.promo-code-applied-text{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.promo-code-remove{color:var(--color-error);cursor:pointer;font-size:var(--font-size-sm)}.place-order-button{width:100%;padding:16px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.checkout-security-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.checkout-security-icon{width:16px;height:16px;color:var(--color-success)}@media (max-width:767px){.checkout-container{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.order-items-list{max-height:200px}}[data-theme=dark] .checkout-progress,[data-theme=dark] .checkout-section,[data-theme=dark] .checkout-summary{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}[data-theme=dark] .delivery-option,[data-theme=dark] .payment-method{border-color:var(--color-border-dark)}[data-theme=dark] .promo-code-applied{background:var(--color-success-dark);color:var(--color-success-light)}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (prefers-reduced-motion:reduce){.checkout-summary{animation:none}}