@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-background:#fff;--color-background-secondary:#fafafa;--color-surface:#fff;--color-surface-secondary:#f5f5f5;--color-text:#1a1a1a;--color-text-secondary:#545454;--color-text-muted:#707070;--color-text-subdued:#8a8a8a;--color-border:#d9d9d9;--color-border-hover:#bababa;--color-border-focus:#1773b0;--color-interactive:#1773b0;--color-interactive-hover:#135e90;--color-interactive-pressed:#0d4a73;--color-button-primary:#1773b0;--color-button-primary-hover:#135e90;--color-focus-ring:#1773b040;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 0 0 1px #0000000d,0 1px 3px #0000001a;--spacing-tight:4px;--spacing-base:8px;--spacing-loose:12px;--spacing-extra-loose:16px;--spacing-section:28px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--radius-sm:5px;--radius-base:8px;--radius-lg:10px;--input-height:46px;--input-padding:12px 14px;--max-width-left:540px;--max-width-right:480px;--sidebar-width:50%;--main-width:50%}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-background);margin:0;padding:0;line-height:1.5}.checkout-container{min-height:100vh;display:flex}.checkout-main{background-color:var(--color-background);border-right:1px solid var(--color-border);flex:0 0 50%;justify-content:flex-end;width:50%;display:flex}.checkout-main-inner{width:100%;max-width:600px;padding:40px}.checkout-sidebar{background-color:var(--color-surface-secondary);border-left:1px solid #e1e1e1;flex:0 0 50%;width:50%}.checkout-sidebar-inner{width:500px;padding:40px;position:sticky;top:0}.checkout-header{margin-bottom:32px}.checkout-logo{color:var(--color-text);letter-spacing:-.3px;font-size:26px;font-weight:600;text-decoration:none}.checkout-breadcrumbs{font-size:var(--font-size-sm);color:var(--color-text-muted);align-items:center;gap:8px;margin-top:14px;display:flex}.checkout-breadcrumbs a{color:var(--color-interactive);text-decoration:none}.checkout-breadcrumbs a:hover{text-decoration:underline}.checkout-breadcrumbs .separator{color:var(--color-text-subdued)}.checkout-breadcrumbs .current{color:var(--color-text)}.checkout-section{margin-bottom:var(--spacing-section)}.checkout-section:last-child{margin-bottom:0}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{font-size:var(--font-size-lg);color:var(--color-text);letter-spacing:-.2px;margin:0;font-weight:600}.section-link{font-size:var(--font-size-base);color:var(--color-interactive);text-decoration:none}.section-link:hover{text-decoration:underline}.form-row{margin-bottom:var(--spacing-loose)}.form-row:last-child{margin-bottom:0}.form-row-inline{gap:12px;display:flex}.form-row-inline>*{flex:1}.form-row-three{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.form-group{position:relative}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:6px;font-weight:400;display:block}.form-input,.form-select{width:100%;height:var(--input-height);padding:var(--input-padding);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);appearance:none;outline:none;transition:border-color .15s,box-shadow .15s}.form-input::placeholder{color:var(--color-text-subdued)}.form-input:hover{border-color:var(--color-border-hover)}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.form-floating{position:relative}.form-floating .form-input{padding-top:20px;padding-bottom:6px}.form-floating .form-label-float{font-size:var(--font-size-base);color:var(--color-text-subdued);pointer-events:none;transition:all .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-floating .form-input:focus+.form-label-float,.form-floating .form-input:not(:placeholder-shown)+.form-label-float{font-size:var(--font-size-sm);color:var(--color-text-muted);top:12px}.form-checkbox{cursor:pointer;font-size:var(--font-size-base);color:var(--color-text);align-items:flex-start;gap:10px;display:flex}.form-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-interactive);margin:1px 0 0}.form-checkbox-label{line-height:1.4}.payment-methods{border:1px solid var(--color-border);border-radius:var(--radius-base);overflow:hidden}.payment-method{cursor:pointer;border-bottom:1px solid var(--color-border);background-color:var(--color-surface);align-items:center;padding:16px;transition:background-color .15s;display:flex}.payment-method:last-child{border-bottom:none}.payment-method:hover{background-color:#fafafa}.payment-method.selected{border-color:var(--color-interactive);background-color:#f0f7fc}.payment-method-radio{width:20px;height:20px;accent-color:var(--color-interactive);cursor:pointer;margin:0 14px 0 0}.payment-method-content{flex:1;justify-content:space-between;align-items:center;display:flex}.payment-method-label{font-size:var(--font-size-base);color:var(--color-text);font-weight:500}.payment-method-icons{align-items:center;gap:6px;display:flex}.card-icon{width:auto;height:24px}.payment-card-fields{border-top:1px solid var(--color-border);background-color:#f7f9fa;padding:16px}.card-number-wrapper{position:relative}.card-number-wrapper .form-input{padding-right:100px}.card-number-icons{gap:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.card-number-icons img{opacity:.6;width:auto;height:20px}.card-input-icon{color:var(--color-text-subdued);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.order-summary{margin-bottom:24px}.summary-toggle{display:none}.summary-title{font-size:var(--font-size-lg);color:var(--color-text);margin:0 0 20px;font-weight:600}.summary-product{border-bottom:1px solid #e0e0e0;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:20px;display:flex}.product-thumbnail{flex-shrink:0;position:relative}.product-thumbnail img{border-radius:var(--radius-base);object-fit:cover;background-color:#fff;border:1px solid #e0e0e0;width:64px;height:64px}.product-quantity-badge{color:#fff;background-color:#727272e6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:500;display:flex;position:absolute;top:-8px;right:-8px}.product-details{flex:1;min-width:0}.product-name{font-size:var(--font-size-base);color:var(--color-text);margin:0 0 2px;font-weight:400;line-height:1.3}.product-variant{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.product-price{font-size:var(--font-size-base);color:var(--color-text);white-space:nowrap;margin-left:12px;font-weight:400}.discount-row{gap:12px;margin-bottom:20px;display:flex}.discount-input{flex:1}.discount-input .form-input{height:44px}.discount-button{height:44px;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-muted);border-radius:var(--radius-base);cursor:pointer;background-color:#e8e8e8;border:1px solid #0000;padding:0 20px;font-weight:500;transition:all .15s}.discount-button:hover{color:var(--color-text);background-color:#ddd}.discount-button:disabled{opacity:.5;cursor:not-allowed}.summary-totals{border-top:1px solid #e0e0e0;padding-top:16px}.summary-line{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.summary-line-label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.summary-line-value{font-size:var(--font-size-base);color:var(--color-text)}.summary-line-placeholder{font-size:var(--font-size-sm);color:var(--color-text-subdued)}.summary-total{border-top:1px solid #e0e0e0;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:16px;display:flex}.summary-total-label{font-size:var(--font-size-md);color:var(--color-text);font-weight:400}.summary-total-value{align-items:baseline;gap:10px;display:flex}.summary-total-currency{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.summary-total-amount{color:var(--color-text);letter-spacing:-.5px;font-size:24px;font-weight:600}.btn{font-family:var(--font-family);border-radius:var(--radius-base);cursor:pointer;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{width:100%;height:52px;font-size:var(--font-size-md);color:#fff;background-color:var(--color-button-primary);border:none;font-weight:600}.btn-primary:hover{background-color:var(--color-button-primary-hover)}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{cursor:not-allowed;background-color:#9bc2de}.btn-secondary{height:44px;font-size:var(--font-size-base);color:var(--color-text);border:1px solid var(--color-border);background-color:#0000;padding:0 16px}.btn-secondary:hover{background-color:#f5f5f5}.btn-link{font-size:var(--font-size-base);color:var(--color-interactive);cursor:pointer;background:0 0;border:none;padding:0}.btn-link:hover{text-decoration:underline}.divider{background-color:#e0e0e0;height:1px;margin:24px 0}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.secure-notice{font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.secure-notice svg{width:14px;height:14px}.error-message{border-radius:var(--radius-base);color:#b91c1c;font-size:var(--font-size-sm);background-color:#fef2f2;border:1px solid #fecaca;margin-bottom:16px;padding:12px 16px}.success-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.success-icon{background-color:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:24px;display:flex}.success-icon svg{color:#fff;width:36px;height:36px}.success-title{color:var(--color-text);margin:0 0 12px;font-size:28px;font-weight:600}.success-message{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:400px;line-height:1.6}.threeds-container{max-width:600px;margin:0 auto;padding:40px 20px}.threeds-header{text-align:center;margin-bottom:24px}.threeds-title{font-size:var(--font-size-xl);color:var(--color-text);margin:0 0 8px;font-weight:600}.threeds-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.threeds-iframe-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-base);margin-bottom:20px;overflow:hidden}.threeds-iframe{border:none;width:100%;height:500px}.threeds-status{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:16px}.not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.not-found-title{color:var(--color-text);margin:0 0 12px;font-size:28px;font-weight:600}.not-found-message{font-size:var(--font-size-md);color:var(--color-text-secondary)}.loading-container{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}@media (max-width:999px){.checkout-container{flex-direction:column}.checkout-main{border-right:none;flex:none;justify-content:center;width:100%}.checkout-main-inner{width:100%;max-width:100%;padding:24px 20px 40px}.checkout-sidebar{border-bottom:1px solid #e1e1e1;border-left:none;flex:none;width:100%}.checkout-sidebar-inner{width:100%;max-width:100%;margin:0;padding:20px;position:static}.checkout-header{margin-bottom:24px}.summary-toggle{cursor:pointer;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;display:flex}.summary-toggle-left{color:var(--color-interactive);align-items:center;gap:8px;display:flex}.summary-toggle-icon{width:20px;height:20px}.summary-toggle-text{font-size:var(--font-size-base)}.summary-toggle-price{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.summary-content.collapsed,.checkout-breadcrumbs{display:none}.payment-card-fields .form-row-inline{flex-direction:column;gap:12px}}@media (max-width:600px){.checkout-main-inner{padding:20px 16px 40px}.checkout-sidebar-inner{padding:16px}.form-row-inline{flex-direction:column;gap:12px}.form-row-three{grid-template-columns:1fr}.checkout-logo{font-size:22px}.section-title{font-size:var(--font-size-md)}.btn-primary{height:48px}.summary-total-amount{font-size:20px}.footer-links{flex-direction:column;gap:12px}.discount-row{flex-direction:column;gap:10px}.discount-button{width:100%}}.checkout-sidebar-inner::-webkit-scrollbar{display:none}.checkout-sidebar-inner{-ms-overflow-style:none;scrollbar-width:none}@media (min-width:1000px){.summary-content.collapsed{display:block!important}}.checkout-footer{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:8px 20px;display:flex}.footer-link{color:var(--color-interactive);font-size:12px;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--color-interactive-hover);text-decoration:underline}