.checkout-page{background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}.checkout-hero{background-color:var(--color-bg);color:var(--color-text);padding:calc(var(--main-header-height, 80px) + 40px) 0 60px;position:relative;text-align:center;overflow:hidden}.checkout-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(167,91,42,.05) 0%,transparent 70%);z-index:1}.checkout-hero .container{position:relative;z-index:2}.checkout-hero .tag{display:inline-block;padding:6px 16px;background:#fc8e4e1a;color:var(--color-primary);border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1.5px}.checkout-hero h1{font-size:3rem;font-weight:400;margin-bottom:16px;line-height:1.1;letter-spacing:-.02em}.checkout-hero h1 span{color:var(--color-primary);font-weight:700}.checkout-hero p{font-size:1.25rem;color:#666;line-height:1.6}.checkout-content-stack{display:grid;grid-template-columns:100%;grid-template-rows:auto;min-height:850px;contain:layout}.checkout-content-stack>*{grid-area:1 / 1 / 2 / 2}.checkout-content{padding:60px 0 100px;overflow:visible!important;overflow-clip-margin:unset;background:var(--color-bg)}.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start}.checkout-main{display:flex;flex-direction:column;gap:2rem}.order-summary{background:#fff;border-radius:24px;padding:2.5rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 10px 40px #00000008;position:sticky;top:100px;contain:layout style paint}.order-summary h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.order-total-details{display:flex;flex-direction:column;gap:.75rem}.summary-row{display:flex;justify-content:space-between;color:#666;font-size:1rem}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f0f0f0;gap:1rem;contain:layout style}.cart-item:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:.5rem;flex:1}.item-name{font-weight:700;color:#1a1a1a;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.95rem;line-height:1.3}.wholesale-badge-sm{font-size:.65rem;background:var(--color-secondary);color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:800;letter-spacing:.5px}.item-controls-group{display:flex;align-items:center;gap:.75rem;background:#f8f9fd;width:fit-content;padding:4px;border-radius:8px;border:1px solid #eee}.qty-btn{width:24px;height:24px;border-radius:6px;border:none;background:#fff;color:var(--color-primary);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0000000d;will-change:transform}.qty-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.item-qty-val{font-size:.9rem;font-weight:700;min-width:20px;text-align:center}.price-remove-col{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.item-price{font-weight:700;color:var(--color-text);font-size:.95rem}.remove-item-btn{background:none;border:none;color:#ff4d4d;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;opacity:.6}.remove-item-btn:hover{background:#ff4d4d1a;opacity:1;transform:scale(1.1)}.summary-row.total{margin-top:.5rem;padding-top:1rem;border-top:1px dashed #e0e0e0;color:var(--color-text);font-weight:700;font-size:1.3rem}.promo-section{padding:1.5rem 0;margin-bottom:1.5rem;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.promo-form{display:flex;gap:.5rem}.promo-form .form-input{margin-bottom:0;flex:1}.btn-promo{background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:0 1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-promo:hover{opacity:.9}.active-promos{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.active-promo-tag{display:flex;align-items:center;justify-content:space-between;background:#16a34a1a;color:#16a34a;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.remove-promo-btn{background:none;border:none;color:#16a34a;cursor:pointer;font-size:1.25rem;line-height:1}.summary-row.discount{color:#16a34a;font-weight:600}.summary-row.total .total-amount{color:var(--color-primary)}.shipping-address-container{background:#fff;padding:2.5rem;border-radius:24px;border:1px solid rgba(0,0,0,.04);box-shadow:0 10px 40px #00000008}.shipping-address-container h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--color-text)}.shipping-form{display:flex;flex-direction:column;gap:1.25rem}.address-selector-wrapper{margin-bottom:2.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.address-selector-wrapper label{display:block;font-size:.9rem;font-weight:700;color:var(--color-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px}.shipping-note{font-size:.85rem;color:#888;font-style:italic;margin-top:.25rem}.security-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.security-badge{font-size:.75rem;color:#666;background:#fdfdfd;padding:6px 12px;border-radius:4px;border:1px solid rgba(0,0,0,.06)}.payment-form-container{background:#fff;border-radius:16px;border:1px solid rgba(12,1,128,.1);box-shadow:0 8px 32px #0c018014;overflow:visible}.mp-header{background:#fff;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(12,1,128,.08);border-radius:16px 16px 0 0;overflow:hidden}.mp-logo-group{display:flex;align-items:center;gap:.75rem;color:#fff}.mp-full-logo{height:80px;width:auto;display:block;margin-left:-12px}.mp-secure-badge{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#0c0180;letter-spacing:.5px;text-transform:uppercase}.mp-form-body{padding:2rem 2rem 1.5rem;position:relative;z-index:10;overflow:visible}#form-checkout{overflow:visible}.mp-hidden-binding{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important}.mp-footer-note{text-align:center;font-size:.78rem;color:#999;margin-top:1rem;line-height:1.5}.mp-footer-note a{color:#0c0180;text-decoration:underline}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.form-group label{font-size:.85rem;font-weight:600;color:#444}.mp-input{height:50px;border:1.5px solid #dde1f0;border-radius:8px;padding:0 1rem;transition:border-color .2s,box-shadow .2s;background:#f8f9fd}.mp-input:focus-within{border-color:#01bcff;background:#fff;box-shadow:0 0 0 3px #01bcff26}.form-input,.form-select{height:50px;border:1.5px solid #dde1f0;border-radius:8px;padding:0 1rem;font-size:.95rem;font-family:inherit;background:#f8f9fd;color:#1a1a1a;transition:border-color .2s,background .2s,box-shadow .2s;outline:none;width:100%}.form-input:focus,.form-select:focus{border-color:#01bcff;background:#fff;box-shadow:0 0 0 3px #01bcff26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.btn-pay{width:100%;height:56px;background:#009ee3;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;font-family:inherit;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .25s ease,transform .2s ease,box-shadow .2s ease;margin-top:1.5rem;will-change:transform}.btn-pay:hover:not(:disabled){background:#0c0180;transform:translateY(-2px);box-shadow:0 12px 28px #0c018040}.btn-pay:disabled{opacity:.65;cursor:not-allowed}.consent-label{display:flex;align-items:flex-start;gap:.75rem;margin-top:2rem;padding:1rem;background:#f8f9fd;border-radius:8px;border:1px solid #dde1f0;cursor:pointer;user-select:none;position:relative;z-index:0}.consent-label input{margin-top:.25rem;cursor:pointer}.consent-label span{font-size:.85rem;line-height:1.4;color:#666}.consent-label a{color:#0c0180;text-decoration:underline;font-weight:600}.checkout-empty{padding:60px 0 100px;text-align:center;background:var(--color-bg-secondary);width:100%;display:flex;justify-content:center;min-height:650px;contain:layout}.checkout-empty.hidden{display:none}.empty-cart-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-cart-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;color:var(--color-primary);background:#fc8e4e1a;border-radius:50%;margin-bottom:1rem;flex-shrink:0}.empty-cart-icon svg{display:block}.checkout-empty h2{font-size:2.25rem;font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.02em}.checkout-empty p{font-size:1.25rem;color:#666;margin-bottom:2rem;max-width:450px;line-height:1.6}.btn-empty-shop{background:var(--color-primary);color:#fff!important;padding:14px 40px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 25px #fc8e4e33}.btn-empty-shop:hover{transform:translateY(-3px);box-shadow:0 12px 35px #fc8e4e4d;filter:brightness(1.05)}.checkout-skeleton{padding:60px 0 100px}.skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:24px;width:100%;margin-bottom:2rem}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hidden{display:none!important}.payment-status{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.status-error{background:#fff0f0;color:#c0392b;border:1px solid #f5c6cb}.status-success{background:#f0fff4;color:#27ae60;border:1px solid #c3e6cb}.field-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;background:#fef9c3;border:1px solid #fde047;border-radius:6px;font-size:.8rem;color:#854d0e}.note-icon{font-size:1rem;line-height:1}.note-text strong{color:#713f12}.field-help{font-size:.75rem;color:#666;margin-top:.4rem}.rut-static{background:#f3f4f6;color:#4b5563;display:flex;align-items:center;font-weight:600}.cart-placeholder{padding:2rem;text-align:center;color:#666}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr;gap:2rem}.order-summary{position:static}.checkout-hero h1{font-size:2.5rem}}@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.order-summary,.payment-form-container,.shipping-address-container{padding:1.5rem}.mp-header{padding:0}.mp-form-body{padding:1.5rem 0 0}}
