.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem}.cart-items{display:flex;flex-direction:column;gap:.85rem}.cart-item{display:grid;grid-template-columns:60px 1fr auto auto auto;gap:1rem;align-items:center;padding:1.1rem;background:var(--web-card);border-radius:var(--web-radius-sm);box-shadow:var(--web-card-shadow);border:1px solid var(--web-border);transition:border-color var(--web-transition)}.cart-item:hover{border-color:color-mix(in srgb,var(--web-primary) 25%,var(--web-border))}.cart-item-img{width:60px;height:60px;border-radius:var(--web-radius-sm);object-fit:cover}.cart-item-no-img{background:var(--web-bg-alt)}.cart-item-name{font-weight:600}.cart-item-price{font-size:.9rem;color:var(--web-text-muted)}.cart-item-qty{display:flex;align-items:center;gap:.5rem}.cart-qty-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--web-border);background:var(--web-bg);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;color:var(--web-text);transition:all var(--web-transition)}.cart-qty-btn:hover{background:var(--web-bg-alt);border-color:var(--web-primary);color:var(--web-primary)}.cart-qty-val{font-weight:700;min-width:24px;text-align:center}.cart-item-subtotal{font-weight:700;min-width:80px;text-align:right;color:var(--web-primary)}.cart-remove-btn{background:none;border:none;color:var(--web-text-muted);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:color var(--web-transition),transform var(--web-transition);border-radius:50%}.cart-remove-btn:hover{color:#dc2626;transform:scale(1.15)}.cart-summary{background:var(--web-card);border-radius:var(--web-radius);padding:1.75rem;box-shadow:var(--web-card-shadow);border:1px solid var(--web-border);height:fit-content;position:sticky;top:calc(var(--web-header-height) + 1rem)}.cart-summary-row{display:flex;justify-content:space-between;padding:.55rem 0}.cart-summary-total{font-weight:800;font-size:1.25rem;border-top:2px solid var(--web-border);margin-top:.5rem;padding-top:.85rem;color:var(--web-text)}.cart-checkout-btn{width:100%;margin-top:1.25rem;justify-content:center}.web-empty-cart{text-align:center;padding:3.5rem 1rem}.web-empty-cart p{margin-bottom:1.5rem;color:var(--web-text-muted);font-size:1.05rem}.checkout-page{max-width:1100px;margin:0 auto}.checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.checkout-form-col{display:flex;flex-direction:column;gap:1.25rem}.checkout-msg{display:none;padding:14px 18px;border-radius:10px;font-size:.92rem;font-weight:500;margin-bottom:1rem;line-height:1.5}.checkout-msg-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.checkout-msg-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.checkout-msg-success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.checkout-step{background:var(--web-card);border-radius:var(--web-radius);border:1px solid var(--web-border);box-shadow:var(--web-card-shadow);overflow:hidden}.checkout-step-header{display:flex;align-items:flex-start;gap:14px;padding:18px 20px 0}.checkout-step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:50%;background:var(--web-primary, #2563eb);color:var(--web-on-primary,#fff);font-weight:800;font-size:.95rem;margin-top:2px}.checkout-step-title h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--web-text)}.checkout-step-desc{margin:4px 0 0;font-size:.85rem;color:var(--web-text-muted);line-height:1.4}.checkout-step-body{padding:16px 20px 20px}.checkout-field{margin-bottom:16px}.checkout-field:last-child{margin-bottom:0}.checkout-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.checkout-label{display:flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;color:var(--web-text);margin-bottom:6px;flex-wrap:wrap}.checkout-required{color:#dc2626;font-weight:700}.checkout-badge-required{display:inline-block;padding:1px 7px;font-size:.7rem;font-weight:600;background:#fef2f2;color:#dc2626;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.checkout-badge-optional{display:inline-block;padding:1px 7px;font-size:.7rem;font-weight:600;background:color-mix(in srgb,var(--web-primary, #2563eb) 8%,transparent);color:var(--web-primary, #2563eb);border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.checkout-tooltip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--web-bg-alt, #f1f5f9);color:var(--web-text-muted);font-size:.72rem;font-weight:800;cursor:help;border:1px solid var(--web-border);transition:all var(--web-transition);flex-shrink:0}.checkout-tooltip:hover{background:var(--web-primary, #2563eb);color:var(--web-on-primary,#fff);border-color:var(--web-primary, #2563eb)}.checkout-input{width:100%;padding:11px 14px;border:1px solid var(--web-border);border-radius:8px;font-size:.92rem;background:var(--web-bg, #fff);color:var(--web-text);transition:border-color var(--web-transition),box-shadow var(--web-transition);box-sizing:border-box}.checkout-input:focus{outline:none;border-color:var(--web-primary, #2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--web-primary, #2563eb) 15%,transparent)}.checkout-input::placeholder{color:var(--web-text-muted);opacity:.6}.checkout-textarea{resize:vertical;min-height:60px}.checkout-help-text{display:block;margin-top:5px;font-size:.78rem;color:var(--web-text-muted);line-height:1.4;opacity:.8}.checkout-logged-user{display:flex;align-items:center;gap:14px;padding:14px 18px;background:color-mix(in srgb,var(--web-primary, #2563eb) 6%,var(--web-bg, #fff));border:1px solid color-mix(in srgb,var(--web-primary, #2563eb) 20%,var(--web-border));border-radius:10px}.checkout-logged-icon{font-size:1.8rem;line-height:1}.checkout-logged-info{display:flex;flex-direction:column;gap:2px}.checkout-logged-label{font-size:.75rem;color:var(--web-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.checkout-logged-name{font-size:.92rem;color:var(--web-text)}.checkout-fulfillment-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.checkout-fulfillment-option{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:2px solid var(--web-border);border-radius:var(--web-radius-sm);background:var(--web-card);cursor:pointer;min-height:72px;transition:border-color var(--web-transition),background var(--web-transition),box-shadow var(--web-transition)}.checkout-fulfillment-option:hover{border-color:color-mix(in srgb,var(--web-primary) 40%,var(--web-border))}.checkout-fulfillment-option input[type=radio]{width:20px;height:20px;min-width:20px;accent-color:var(--web-primary, #2563eb);margin:0}.checkout-fulfillment-icon{font-size:1.6rem;line-height:1}.checkout-fulfillment-text{display:flex;flex-direction:column;gap:2px;min-width:0}.checkout-fulfillment-text strong{font-size:1rem;font-weight:700;color:var(--web-text);overflow-wrap:anywhere}.checkout-fulfillment-text small{font-size:.82rem;color:var(--web-text-muted);line-height:1.35;overflow-wrap:anywhere}.checkout-fulfillment-selected,.checkout-fulfillment-option:has(input:checked){border-color:var(--web-primary);background:color-mix(in srgb,var(--web-primary) 6%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--web-primary) 12%,transparent)}@media(max-width:430px){.checkout-fulfillment-option{padding:14px}.checkout-fulfillment-icon{font-size:1.4rem}}.checkout-payment-options{display:flex;gap:1rem;flex-wrap:wrap}.checkout-payment-option{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;border:1px solid var(--web-border);border-radius:var(--web-radius-sm);cursor:pointer;transition:border-color var(--web-transition),background var(--web-transition),box-shadow var(--web-transition)}.checkout-payment-option:hover{border-color:color-mix(in srgb,var(--web-primary) 40%,var(--web-border))}.checkout-payment-option:has(input:checked){border-color:var(--web-primary);background:color-mix(in srgb,var(--web-primary) 6%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--web-primary) 12%,transparent)}.checkout-info-box{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:10px;margin-bottom:16px}.checkout-info-payment{background:#eff6ff;border:1px solid #bfdbfe}.checkout-info-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.checkout-info-content{display:flex;flex-direction:column;gap:4px}.checkout-info-content strong{font-size:.9rem;color:#1e40af}.checkout-info-content p{margin:0;font-size:.85rem;color:#1d4ed8;line-height:1.4}.checkout-map-section{margin-top:4px}.checkout-map-toolbar{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.checkout-map-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;border:1px solid var(--web-border);border-radius:8px;background:var(--web-bg, #fff);color:var(--web-text);cursor:pointer;transition:all var(--web-transition)}.checkout-map-btn:hover{border-color:var(--web-primary, #2563eb);background:color-mix(in srgb,var(--web-primary, #2563eb) 6%,var(--web-bg, #fff));color:var(--web-primary, #2563eb)}.checkout-map-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-map-btn-icon{font-size:1.1rem;line-height:1}.checkout-map-container{width:100%;height:480px;border-radius:10px;border:1px solid var(--web-border);overflow:hidden;position:relative;background:var(--web-bg-alt, #f1f5f9)}.checkout-map-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--web-text-muted);font-size:.9rem;z-index:1}.checkout-map-feedback{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:8px;font-size:.82rem;background:var(--web-bg-alt, #f1f5f9);color:var(--web-text-muted);transition:all var(--web-transition)}.checkout-map-feedback-active{background:#f0fdf4;color:#166534;border:1px solid #86efac}.checkout-map-feedback-icon{font-size:1rem;color:#16a34a;font-weight:700}.checkout-map-feedback-text small{opacity:.7}.checkout-summary{background:var(--web-card);border-radius:var(--web-radius);padding:1.75rem;box-shadow:var(--web-card-shadow);border:1px solid var(--web-border);height:fit-content;position:sticky;top:calc(var(--web-header-height, 70px) + 1rem)}.checkout-summary h3{margin:0 0 1rem;font-size:1.1rem;font-weight:700}.checkout-items-list{display:flex;flex-direction:column;gap:10px}.checkout-item-row{display:flex;align-items:center;gap:10px}.checkout-item-img{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0}.checkout-item-no-img{background:var(--web-bg-alt, #f1f5f9)}.checkout-item-detail{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.checkout-item-name{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-item-meta{font-size:.75rem;color:var(--web-text-muted)}.checkout-item-price{font-weight:700;font-size:.88rem;white-space:nowrap;color:var(--web-primary)}.checkout-summary-divider{height:1px;background:var(--web-border);margin:12px 0}.checkout-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.checkout-summary-total{font-weight:800;font-size:1.2rem;border-top:2px solid var(--web-border);margin-top:6px;padding-top:10px;color:var(--web-text)}.checkout-back-link{display:block;text-align:center;margin-top:12px;font-size:.85rem;color:var(--web-text-muted);text-decoration:none;transition:color var(--web-transition)}.checkout-back-link:hover{color:var(--web-primary)}.checkout-btn-loading{opacity:.7;pointer-events:none;position:relative}.order-confirmed{padding:3.5rem 1rem;text-align:center}.order-confirmed-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:2rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.order-confirmed-title{font-size:2rem;color:#16a34a;margin-bottom:.75rem;font-weight:800}.order-confirmed-number{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;color:var(--web-text)}.order-confirmed-total{font-size:1.15rem;color:var(--web-text-muted);margin-bottom:.75rem}.order-confirmed-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:16px;margin:16px auto;max-width:420px}.order-confirmed-info p{margin:0;color:#1d4ed8;font-size:.95em;line-height:1.5}.cart-toast{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:.85rem 1.75rem;border-radius:var(--web-radius-sm);font-weight:600;z-index:9999;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;pointer-events:none;box-shadow:0 4px 20px #16a34a4d}.cart-toast-show{opacity:1;transform:translateY(0)}.web-cart-link{position:relative}.web-cart-badge{position:absolute;top:-5px;right:-9px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.7rem;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1;animation:pulseGlow 2s ease-in-out infinite}.checkout-address-card{padding:12px 16px;border:1px solid var(--web-border, #334155);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s;background:var(--web-bg, #0f172a)}.checkout-address-card:hover{border-color:var(--web-primary, #2563eb)}.checkout-address-card.checkout-address-selected{border-color:var(--web-primary, #2563eb);background:color-mix(in srgb,var(--web-primary, #2563eb) 8%,var(--web-bg, #0f172a));box-shadow:0 0 0 2px color-mix(in srgb,var(--web-primary, #2563eb) 20%,transparent)}.checkout-badge-default{color:var(--web-primary, #2563eb);font-size:.9em}@media(max-width:1024px){.checkout-layout{grid-template-columns:1fr 300px;gap:1.5rem}}@media(max-width:768px){.cart-layout,.checkout-layout{grid-template-columns:1fr;gap:1rem}.cart-item{grid-template-columns:50px 1fr auto;gap:.75rem;padding:.85rem}.cart-item-subtotal{display:none}.cart-summary,.checkout-summary{position:static}.checkout-summary{order:99;margin-top:.5rem}.checkout-step{border-radius:10px}.checkout-step-header{padding:14px 16px 0}.checkout-step-body{padding:12px 16px 16px}.checkout-map-container{height:380px}.order-confirmed-title{font-size:1.5rem}.checkout-item-img{width:44px;height:44px;min-width:44px}.checkout-item-row{gap:8px}.checkout-label{font-size:.85rem}.checkout-input{font-size:16px;padding:10px 12px}.checkout-help-text{font-size:.75rem}.checkout-step-number{width:28px;height:28px;min-width:28px;font-size:.85rem}.checkout-step-title h3{font-size:1rem}.checkout-step-desc{font-size:.8rem}.checkout-info-box{padding:12px}.checkout-map-toolbar{flex-wrap:wrap}.checkout-field-row{grid-template-columns:1fr;gap:0}}@media(max-width:480px){.cart-item{grid-template-columns:40px 1fr auto;gap:.5rem;padding:.7rem}.cart-item-img{width:40px;height:40px}.cart-qty-btn{width:36px;height:36px;font-size:1rem}.checkout-step-header{padding:12px 12px 0;gap:10px}.checkout-step-body{padding:10px 12px 14px}.checkout-summary{padding:14px}.checkout-item-img{width:36px;height:36px;min-width:36px}.checkout-map-container{height:300px}}.checkout-map-container .leaflet-container{background:#e5e7eb}.checkout-map-container .leaflet-control-zoom a{color:#333}
