.checkout-page{background:#f4f6fa;min-height:100vh}.checkout-header{background:#1f2c4c;justify-content:space-between;align-items:center;height:60px;padding:0 40px;display:flex}.checkout-header .checkout-header-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.checkout-header .checkout-header-brand img{width:auto;height:28px}.checkout-header .checkout-header-brand span{color:#fff;letter-spacing:.02em;font-size:1rem;font-weight:700}.checkout-header .checkout-header-secure{color:#ffffffa6;align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.checkout-header .checkout-header-secure svg{color:#3e9361}@media (max-width:640px){.checkout-header{padding:0 20px}.checkout-header .checkout-header-secure span{display:none}}.checkout-body{grid-template-columns:1fr 380px;align-items:start;gap:32px;max-width:1160px;margin:0 auto;padding:40px 24px 80px;display:grid}@media (max-width:960px){.checkout-body{grid-template-columns:1fr;padding:24px 16px 60px}}.checkout-main{flex-direction:column;gap:0;display:flex}.checkout-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.guest-banner{background:#1f2c4c0a;border:1px solid #1f2c4c1f;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;font-size:.875rem;display:flex}.guest-banner span{color:#1f2c4c;font-weight:500}.guest-banner button{color:#fff;cursor:pointer;background:#1f2c4c;border:none;border-radius:4px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.guest-banner button:hover{background:#162038}.checkout-sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}@media (max-width:960px){.checkout-sidebar{order:-1;position:static}}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.summary-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.summary-header h3{color:#1f2c4c;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.875rem;font-weight:700}.summary-header .summary-item-count{color:#6b7280;background:#f4f6fa;border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:500}.summary-items{max-height:280px;padding:12px 0;overflow-y:auto}.summary-items::-webkit-scrollbar{width:4px}.summary-items::-webkit-scrollbar-track{background:0 0}.summary-items::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.summary-item{align-items:center;gap:12px;padding:10px 20px;display:flex}.summary-item:not(:last-child){border-bottom:1px solid #e2e8f099}.summary-item .summary-item-img-wrap{flex-shrink:0;width:48px;height:48px;position:relative}.summary-item .summary-item-img{background:#f4f6fa;border:1px solid #e2e8f0;border-radius:6px;width:48px;height:48px;position:relative;overflow:hidden}.summary-item .summary-item-img img{object-fit:cover;width:100%;height:100%}.summary-item .summary-item-qty{color:#fff;background:#1f2c4c;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.summary-item .summary-item-info{flex:1;min-width:0}.summary-item .summary-item-info .summary-item-name{color:#1f2c4c;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.summary-item .summary-item-info .summary-item-variant{color:#6b7280;margin-top:1px;font-size:.75rem}.summary-item .summary-item-price{color:#1f2c4c;white-space:nowrap;flex-shrink:0;font-size:.875rem;font-weight:600}.summary-totals{border-top:1px solid #e2e8f0;padding:16px 20px}.summary-totals .summary-row{color:#6b7280;justify-content:space-between;align-items:center;padding:5px 0;font-size:.875rem;display:flex}.summary-totals .summary-row.discount{color:#16a34a}.summary-totals .summary-row.total{color:#1f2c4c;border-top:1px solid #e2e8f0;margin-top:8px;padding-top:12px;font-size:1rem;font-weight:700}.summary-totals .summary-row .summary-row-label{font-weight:500}.summary-totals .summary-row .summary-row-value{font-weight:600}.summary-shipping-note{color:#6b7280;border-top:1px solid #e2e8f0;align-items:center;gap:6px;padding:12px 20px;font-size:.78rem;display:flex}.summary-shipping-note svg{color:#3e9361;flex-shrink:0}.checkout-trust{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.checkout-trust .trust-item{color:#6b7280;align-items:center;gap:10px;font-size:.8rem;font-weight:500;display:flex}.checkout-trust .trust-item svg{color:#3e9361;flex-shrink:0}.checkout-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.checkout-loading .spinner{color:#1f2c4c;margin-bottom:16px;animation:1s linear infinite spin}.checkout-loading p{font-size:.95rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkout-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.checkout-empty svg{color:#e2e8f0;margin-bottom:24px}.checkout-empty h2{color:#1f2c4c;margin-bottom:8px;font-size:1.4rem;font-weight:700}.checkout-empty p{color:#6b7280;margin-bottom:24px}.checkout-empty button{color:#fff;cursor:pointer;background:#1f2c4c;border:none;border-radius:6px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:background .2s}.checkout-empty button:hover{background:#162038}.checkout-mode-chooser{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:40px 32px}.checkout-mode-chooser h2{color:#1f2c4c;margin-bottom:6px;font-size:1.25rem;font-weight:700}.checkout-mode-chooser>p{color:#6b7280;margin-bottom:32px;font-size:.9rem}.checkout-mode-chooser .mode-options{grid-template-columns:1fr 1fr;gap:16px;max-width:540px;margin:0 auto;display:grid}@media (max-width:540px){.checkout-mode-chooser .mode-options{grid-template-columns:1fr}}.checkout-mode-chooser .mode-option{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;transition:all .2s;display:flex}.checkout-mode-chooser .mode-option svg{color:#1f2c4c}.checkout-mode-chooser .mode-option .option-title{color:#1f2c4c;font-size:.95rem;font-weight:600}.checkout-mode-chooser .mode-option .option-desc{color:#6b7280;font-size:.8rem;line-height:1.5}.checkout-mode-chooser .mode-option:hover{background:#3e936114;border-color:#3e9361}.checkout-mode-chooser .mode-option:hover svg{color:#3e9361}.checkout-mode-chooser .mode-option.guest svg{color:#6b7280}.checkout-container{max-width:800px;margin:0 auto;padding:40px 20px}.checkout-container h1{color:#1f2c4c;margin-bottom:24px;font-size:1.6rem;font-weight:700}.checkout-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:32px}@media (max-width:640px){.checkout-body{gap:20px;padding:16px 12px 60px}.checkout-content{padding:20px 16px}.checkout-mode-chooser{padding:28px 20px}.guest-banner{text-align:center;flex-direction:column;gap:10px}}