:root{--primary-orange:#f60;--primary-red:#d0021b;--hdr-blue:#007bff;--hdr-gray-bg:#f5f5f5;--hdr-border:#e1e1e1;--hdr-text:#333;--hdr-text-light:#666;--hdr-text-link:#007bff}.checkout-page-wrapper{max-width:1200px;margin:0 auto;padding:0;font-family:var(--font-arimo),Arial,Helvetica,sans-serif;color:var(--hdr-text);min-height:600px}.checkout-page-wrapper .checkout-header{background:#fff}.checkout-page-wrapper .checkout-header .container-header{max-width:1200px;margin:0 auto;padding:10px 0;display:flex;gap:20px;align-items:center}.checkout-page-wrapper .checkout-header .container-header .header-left-part{flex:1 1;display:flex;justify-content:space-between;align-items:center}.checkout-page-wrapper .checkout-header .container-header .header-right-part{width:360px;flex-shrink:0}@media(max-width:992px){.checkout-page-wrapper .checkout-header .container-header .header-right-part{display:none}}.checkout-page-wrapper .checkout-header .back-link{color:var(--hdr-text-link);text-decoration:none;font-size:14px;font-weight:400;display:flex;align-items:center;transition:color .2s}.checkout-page-wrapper .checkout-header .back-link .back-icon{display:flex;align-items:center;justify-content:center}.checkout-page-wrapper .checkout-header .back-link:hover{text-decoration:underline;color:var(--primary-orange)}.checkout-page-wrapper .checkout-header .checkout-title{font-size:16px;font-weight:500;margin:0;color:#000}.checkout-page-wrapper .checkout-content{display:flex;gap:20px;padding:0 0 40px}@media(max-width:992px){.checkout-page-wrapper .checkout-content{flex-direction:column}.checkout-page-wrapper .checkout-content .checkout-main,.checkout-page-wrapper .checkout-content .checkout-main-form,.checkout-page-wrapper .checkout-content .checkout-sidebar,.checkout-page-wrapper .checkout-content .order-sidebar-sticky{display:contents}.checkout-page-wrapper .checkout-content .cart-checkout-list{order:1}.checkout-page-wrapper .checkout-content .summary-card{order:2}.checkout-page-wrapper .checkout-content .voucher-card .card-title.voucher-header{display:flex;justify-content:space-between;align-items:center;border-bottom:none;margin-bottom:0;padding-bottom:0}.checkout-page-wrapper .checkout-content .voucher-card .card-title.voucher-header .toggle-icon{display:none}.checkout-page-wrapper .checkout-content .voucher-card .voucher-input-group{display:flex;gap:0}}@media(max-width:992px)and (max-width:992px){.checkout-page-wrapper .checkout-content .voucher-card{order:3;padding:12px 13px;margin-bottom:0}.checkout-page-wrapper .checkout-content .voucher-card .card-title.voucher-header{font-size:13px;margin-bottom:0;cursor:pointer}.checkout-page-wrapper .checkout-content .voucher-card .card-title.voucher-header .toggle-icon.mobile-only{display:flex;transition:transform .2s}.checkout-page-wrapper .checkout-content .voucher-card .card-title.voucher-header .toggle-icon.mobile-only.open{transform:rotate(180deg)}.checkout-page-wrapper .checkout-content .voucher-card .voucher-input-group{margin-top:12px;padding-bottom:0}.checkout-page-wrapper .checkout-content .voucher-card .voucher-input-group.mobile-hidden{display:none}}@media(max-width:992px){.checkout-page-wrapper .checkout-content .customer-card{order:4}.checkout-page-wrapper .checkout-content .invoice-card{order:5}.checkout-page-wrapper .checkout-content .payment-card{order:6}.checkout-page-wrapper .checkout-content .submit-order-btn-large{order:7;margin-top:10px;margin-bottom:20px}}.checkout-page-wrapper .checkout-main{flex:1 1;display:flex;flex-direction:column;gap:20px}.checkout-page-wrapper .checkout-sidebar{width:360px}@media(max-width:992px){.checkout-page-wrapper .checkout-sidebar{width:100%}}.checkout-card{background:#fff;border-radius:4px;padding:0}@media(max-width:992px){.checkout-card{padding:15px}}.checkout-card .card-title{font-size:14px;font-weight:700;margin-bottom:5px;text-transform:uppercase;color:#000}.cart-checkout-list{background:#fff;border-radius:4px;border:1px solid var(--hdr-border);position:relative;z-index:1}.cart-checkout-list .cart-checkout-desktop{display:block}@media(max-width:992px){.cart-checkout-list .cart-checkout-desktop{display:none}}.cart-checkout-list .cart-checkout-mobile{display:none}@media(max-width:992px){.cart-checkout-list .cart-checkout-mobile{display:block}}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item{padding:15px;border-bottom:1px solid #f0f0f0;position:relative}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item:last-child{border-bottom:none}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-main{display:flex;gap:12px;position:relative}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-image{width:80px;height:80px;flex-shrink:0;border:1px solid #eee;padding:5px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-image img{max-width:100%;max-height:100%;object-fit:contain}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info{flex:1 1;min-width:0}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-title{font-size:14px;line-height:1.4;font-weight:500;color:#333;margin:0 0 4px;padding-right:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-variant{font-size:12px;color:#666;margin-bottom:8px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-promotion{margin-bottom:8px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-promotion .promotion-toggle-mobile{display:inline-flex;align-items:center;gap:4px;color:var(--hdr-blue);font-size:13px;font-weight:400;cursor:pointer}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-promotion .promotion-toggle-mobile:after{content:"";width:5px;height:5px;border-top:1.5px solid;border-right:1.5px solid;transform:rotate(45deg);margin-left:2px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-promotion .promotion-content{margin-top:6px;font-size:12px;color:#666;background:#fafafa;padding:8px;border-radius:4px;border:1px solid #eee}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-promotion .promotion-content p{margin:0 0 4px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-promotion .promotion-content p:last-child{margin-bottom:0}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-price-quantity{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-price-quantity .item-price{display:flex;flex-direction:column}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-price-quantity .item-price .old-price{text-decoration:line-through;color:#999;font-size:11px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-info .item-price-quantity .item-price .current-price{color:var(--primary-red);font-weight:700;font-size:15px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-delete{position:absolute;top:0;right:0;background:transparent;border:none;color:#999;cursor:pointer;padding:5px}.cart-checkout-list .cart-checkout-mobile .mobile-cart-item .item-delete:hover{color:var(--primary-red)}.cart-checkout-list .quantity-controls{display:flex;align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:4px;width:-moz-fit-content;width:fit-content;overflow:hidden;height:20px;flex-shrink:0}.cart-checkout-list .quantity-controls button{width:20px!important;height:20px!important;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;padding:0;transition:all .2s;flex-shrink:0}.cart-checkout-list .quantity-controls button:hover{color:#000;background:#eee}.cart-checkout-list .quantity-controls button:active{background:#ddd}.cart-checkout-list .quantity-controls input{width:40px!important;height:30px!important;text-align:center;border:1px solid #ddd;border-top:none;border-bottom:none;background:#fff;font-size:14px;font-weight:600;color:#333;padding:0;line-height:30px;-moz-appearance:textfield;border-radius:0;flex-shrink:0}.cart-checkout-list .quantity-controls input::-webkit-inner-spin-button,.cart-checkout-list .quantity-controls input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-checkout-list .cart-checkout-table{width:100%;border-collapse:none;table-layout:fixed}.cart-checkout-list .cart-checkout-table th{background:#fafafa;padding:2px 0;text-align:left;font-weight:500;font-size:12px;color:#666;text-align:center}.cart-checkout-list .cart-checkout-table th:first-child{width:calc(70% - 130px)}.cart-checkout-list .cart-checkout-table th:nth-child(2){width:15%}.cart-checkout-list .cart-checkout-table th:nth-child(3){width:100px}.cart-checkout-list .cart-checkout-table th:nth-child(4){width:15%}.cart-checkout-list .cart-checkout-table th:nth-child(5){width:30px}.cart-checkout-list .cart-checkout-table td{padding:5px;vertical-align:middle;word-wrap:break-word}.cart-checkout-list .cart-checkout-table .product-info-cell{display:flex;align-items:center;gap:15px}.cart-checkout-list .cart-checkout-table .product-info-cell .product-image{flex-shrink:0;width:50px;height:50px;padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;margin-bottom:0}.cart-checkout-list .cart-checkout-table .product-info-cell .product-image img{max-width:100%;max-height:100%;object-fit:contain}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name{flex:1 1}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name p{margin:0;font-size:12px;line-height:1.2;font-weight:600;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name p.variant-name-display{font-size:12px;color:#666;margin-top:2px}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap{position:relative;display:inline-block;margin-top:2px}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap:hover{z-index:1000}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap:hover .promotion-toggle{text-decoration:underline;color:var(--primary-orange)}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap:hover .promotion-toggle svg{transform:rotate(180deg)}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap:hover .promotion-box{opacity:1;visibility:visible;transform:translateY(0)}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap .promotion-toggle{display:inline-flex;align-items:center;gap:4px;color:var(--hdr-blue);font-size:12px;font-weight:400;cursor:pointer;transition:all .2s}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap .promotion-toggle svg{transition:transform .2s}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap .promotion-box{position:absolute;top:100%;left:-10px;margin-top:10px;background:#fff;border:1px solid #e1e1e1;border-radius:8px;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.15);z-index:100;width:320px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s cubic-bezier(.4,0,.2,1);pointer-events:none;padding:5px}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap .promotion-box:before{content:"";position:absolute;top:-6px;left:20px;width:10px;height:10px;background:#fff;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;transform:rotate(45deg);z-index:1}.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap .promotion-box div,.cart-checkout-list .cart-checkout-table .product-info-cell .product-name .promotion-wrap .promotion-box p{margin:0;padding:6px 15px;position:relative}.cart-checkout-list .cart-checkout-table .price-cell .old-price{text-decoration:line-through;color:#999;font-size:11px;margin-bottom:2px}.cart-checkout-list .cart-checkout-table .price-cell .current-price{color:var(--primary-red);font-weight:700;font-size:14px}.cart-checkout-list .cart-checkout-table .subtotal-cell{color:var(--primary-red);font-weight:700;font-size:14px;text-align:right}.cart-checkout-list .cart-checkout-table .subtotal-cell p{margin:0}.cart-checkout-list .cart-checkout-table .action-cell{text-align:center}.cart-checkout-list .cart-checkout-table .action-cell .delete-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:5px;transition:color .2s;display:flex;align-items:center;justify-content:center;margin:0 auto}.cart-checkout-list .cart-checkout-table .action-cell .delete-btn:hover{color:var(--primary-red)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.form-input,.form-textarea{width:100%;padding:0 15px;height:34px;line-height:34px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:#888}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 1px rgba(255,102,0,.1)}.form-input.full-width,.form-textarea.full-width{width:100%}.form-input.border-red-500,.form-input.error,.form-textarea.border-red-500,.form-textarea.error{border-color:var(--primary-red)}.form-input.border-red-500:focus,.form-input.error:focus,.form-textarea.border-red-500:focus,.form-textarea.error:focus{border-color:var(--primary-red);box-shadow:0 0 0 1px rgba(208,2,27,.1)}.error-message,.text-red-500{color:var(--primary-red);font-size:13px;margin-top:6px;font-weight:400;display:block}.form-textarea{height:40px;line-height:1.2;padding:5px 15px;resize:none}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;cursor:pointer;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px 0}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid #ccc;border-radius:3px;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-label input[type=checkbox]:checked{background-color:var(--primary-orange);border-color:var(--primary-orange)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:45%;left:50%;width:10px;height:6px;border:2px solid #fff;border-top:none;border-right:none;transform:translate(-50%,-50%) rotate(-45deg)}.checkbox-label input[type=checkbox]:hover{border-color:var(--primary-orange);box-shadow:0 0 0 2px rgba(255,102,0,.1)}.order-sidebar-sticky{display:flex;flex-direction:column;gap:20px}.voucher-card .voucher-input-group{display:flex;gap:8px}.voucher-card .voucher-input-group input{flex:1 1;padding:5px 10px;border:1px solid #ddd;border-radius:3px}.voucher-card .voucher-input-group .apply-btn{background:var(--primary-orange);color:#fff;border:none;padding:0 15px;border-radius:3px;font-weight:500;cursor:pointer}.voucher-card .voucher-input-group .apply-btn:hover{opacity:.9}.summary-details .summary-row{display:flex;justify-content:space-between;font-size:14px}.summary-details .summary-row .label{color:#666}.summary-details .summary-row .value{font-weight:500}.summary-details .summary-row.total-row{margin-top:10px;padding-top:10px;margin-bottom:0;border-top:1px solid #eee;align-items:center}.summary-details .summary-row.total-row .label{font-size:16px;font-weight:700;color:#000}.summary-details .summary-row.total-row .total-price{color:var(--primary-red);font-size:20px;font-weight:700}.payment-options{display:flex;flex-flow:column nowrap;gap:5px}.payment-options .payment-option{display:flex;align-items:flex-start;gap:10px;margin-bottom:0;cursor:pointer}.payment-options .payment-option input{margin-top:3px}.payment-options .payment-option .option-text{font-size:12px;line-height:1.4}.payment-options .payment-option .option-text .free,.payment-options .payment-option .option-text .view-detail{color:var(--primary-red);font-weight:500;margin-left:5px}.payment-options .payment-option .option-text .view-detail{color:var(--hdr-blue);text-decoration:underline}.terms-agreement{border-top:1px solid #eee;padding-top:10px;margin-top:10px}.terms-agreement label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#666;line-height:1.4}.terms-agreement label a{color:var(--hdr-blue);text-decoration:none}.submit-order-btn-large{width:100%;background:var(--primary-orange);color:#fff;border:none;padding:18px;font-size:18px;font-weight:700;border-radius:4px;cursor:pointer;box-shadow:0 4px 10px rgba(255,102,0,.3);transition:transform .1s}.submit-order-btn-large:active{transform:translateY(2px);box-shadow:0 2px 5px rgba(255,102,0,.3)}.submit-order-btn-large:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.cart-empty-checkout{text-align:center;padding:40px}.cart-empty-checkout p{font-size:16px;color:#666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkout-card{animation:fadeIn .4s ease-out}.text-right{text-align:right}.payment-card,.summary-card{padding:10px;border:1px solid var(--hdr-border)}.quote-export-row{display:flex;justify-content:flex-end;margin-top:12px}.btn-export-quote{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#1a5276;color:#fff;font-size:13px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-export-quote:hover:not(:disabled){background:#154360}.btn-export-quote:disabled{opacity:.7;cursor:not-allowed}.btn-export-quote svg{flex-shrink:0}