.payment-status{justify-content:center;align-items:center;gap:0;margin:50px 0;display:flex}@media (width<=992px){.payment-status{margin:30px 0}}.payment-status button{cursor:pointer;border:1px solid var(--grey220);background-color:var(--secondary);border-radius:50px;align-items:center;gap:5px;padding:7px 15px;font-size:14px;transition:all .5s;display:flex}.payment-status button.active{background-color:var(--primary);color:var(--white)}.payment-status button:hover{color:var(--primary)}.payment-status button.active:hover{color:var(--white)}.payment-status button i{font-size:16px}@media (width<=687px){.payment-status button{gap:3px;padding:7px 10px;font-size:12px}.payment-status button i{font-size:14px}}.payment-status .border{background-color:var(--primary);width:50px;height:2px}@media (width<=687px){.payment-status .border{width:40px}}.cart-layout{grid-template-columns:1fr 300px;gap:30px;margin:0 0 50px;display:grid}@media (width<=992px){.cart-layout{grid-template-columns:repeat(1,100%);gap:30px}}.cart-layout .right-part{flex-direction:column;gap:20px;display:flex}.pay-method-layout{background-color:var(--secondary);border:1px solid #dcdcdc;border-radius:8px;flex-direction:column;gap:15px;padding:20px;display:flex}.pay-method-layout>p:first-child{color:var(--primary);font-weight:700}.pay-method-layout .card{background-color:var(--white);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:20px;display:flex}.pay-method-layout .card .method-head{flex-direction:column;flex:auto;gap:5px;display:flex}.pay-method-layout .card .method-head .transaction-fields .group{flex-wrap:wrap;gap:7px;width:100%;display:flex}.pay-method-layout .card .method-head .transaction-fields .group .field{flex:auto}.pay-method-layout .card .method-head .transaction-fields .field{flex-direction:column;gap:7px;margin:9px 0;display:flex}.address-layout textarea,.pay-method-layout .card .method-head .transaction-fields textarea,.pay-method-layout .card .method-head .transaction-fields input{background:var(--secondary);border:1px solid var(--primary);text-align:center;border-radius:7px;outline:none;width:100%;padding:8px 10px}.address-layout textarea,.pay-method-layout .card .method-head .transaction-fields textarea{text-align:start}.discount-code-layout{background-color:var(--secondary);border:1px solid #dcdcdc;border-radius:8px;flex-direction:column;gap:20px;padding:20px;display:flex}.discount-code-layout p{color:var(--primary);font-weight:700}.discount-code-layout div{background-color:var(--white);border:1px solid #dcdcdc;border-radius:50px;grid-template-columns:1fr auto;justify-content:space-between;align-items:center;height:40px;display:grid;overflow:hidden}.discount-code-layout div input{outline:none;height:100%;padding:0 20px;font-size:14px}.discount-code-layout div button{background-color:var(--primary);height:100%;color:var(--white);cursor:pointer;border:1px solid var(--grey220);border-radius:50px;padding:0 25px;transition:all .5s}.discount-code-layout div button:hover{background-color:var(--secondary);color:var(--primary)}.discount-code-layout div input:disabled,.discount-code-layout div button:disabled{opacity:.6;cursor:not-allowed}.discount-code-layout .coupon-applied{border:1px solid var(--primary);padding:0 5px}.discount-code-layout .coupon-applied .coupon-info{color:var(--primary);align-items:center;gap:8px;padding:0 15px;font-size:14px;display:flex;overflow:hidden}.discount-code-layout .coupon-applied .coupon-info i{font-size:18px}.discount-code-layout .coupon-applied .coupon-code{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.discount-code-layout .coupon-applied .coupon-percent{background-color:var(--secondary);border:1px solid var(--grey220);white-space:nowrap;border-radius:50px;padding:2px 10px;font-size:12px}.discount-code-layout .coupon-applied button{height:30px;padding:0 18px;font-size:13px}.discount-code-layout .coupon-hint{color:#2e7d32;align-items:center;gap:5px;margin-top:-10px;font-size:13px;font-weight:400;display:flex}.order-detail-layout{background-color:var(--secondary);border:1px solid #dcdcdc;border-radius:8px;flex-direction:column;gap:20px;padding:20px;display:flex}.order-detail-layout>p:first-child{color:var(--primary);font-weight:700}.order-detail-layout>div{background-color:var(--white);border-radius:8px;grid-template-columns:1fr auto;align-items:center;padding:20px;font-size:14px;display:grid}.order-detail-layout>div i{font-size:18px}@media (width<=687px){.order-detail-layout>div{grid-template-columns:repeat(1,100%);gap:10px}}.cart-layout .left-part{background-color:var(--secondary);border:1px solid #dcdcdc;border-radius:8px;flex-direction:column;gap:25px;width:100%;max-width:450px;height:fit-content;padding:20px;display:flex;position:sticky;top:30px}.cart-layout .left-part .price-part{justify-content:space-between;align-items:center;font-size:14px;display:flex}.cart-layout .left-part .coupon-price-part{color:#2e7d32}.cart-layout .left-part .coupon-price-part p:first-child{align-items:center;gap:4px;display:flex}.cart-layout .left-part .coupon-price-part p:nth-child(2){white-space:nowrap;font-weight:700}.cart-layout .left-part .final-price-part{color:var(--primary);font-size:16px;font-weight:700}.cart-layout .left-part button{background-color:var(--primary);border:1px solid var(--grey220);color:var(--white);cursor:pointer;border-radius:4px;padding:7px 0;transition:all .5s}.cart-layout .left-part hr{border:1px solid #dcdcdc;width:100%}.cart-layout .left-part button:hover{background-color:var(--white);color:var(--primary)}.cart-layout .left-part .score{text-align:center;color:var(--primary);font-size:14px}@media (width<=992px){.cart-layout>.left-part{margin:auto;position:static}}.online_header,.address-layout{flex:auto}.accounts-box{-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;flex:auto;gap:10px;margin-top:12px;padding:14px;animation:.25s accFade;display:flex}@keyframes accFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.accounts-box .accounts-hint{opacity:.75;align-items:center;gap:6px;font-size:.85rem;display:flex}.account-item{width:100%;box-shadow:0 1px 4px var(--primary);background:#9d66461f;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:5px 0;padding:10px 12px;transition:all .2s;display:flex}.account-item:hover{background:#ffffff1f}.account-info{flex-direction:column;gap:4px;min-width:0;display:flex}.account-title{opacity:.8;font-size:.85rem}.account-number{letter-spacing:1px;text-align:right;word-break:break-all;user-select:all;direction:ltr;font-family:monospace;font-size:1rem}.copy-btn{cursor:pointer;white-space:nowrap;background:#ffffff40;border:1px solid #fff;border-radius:10px;align-items:center;gap:5px;padding:7px 12px;font-size:.85rem;transition:all .2s;display:flex}.copy-btn:hover{background:#fff3}.copy-btn.copied{color:#2ecc71;background:#2ecc7133;border-color:#2ecc7180}.account-empty{opacity:.6;font-size:.85rem}@media (width<=480px){.account-item{flex-direction:column;align-items:stretch}.copy-btn{justify-content:center}}.pay-method-layout .input{-webkit-appearance:none;appearance:none;cursor:pointer;vertical-align:middle;width:18px;height:18px;box-shadow:var(--primary) 0 1px 1px, inset var(--primary) 0 0 0 1px;background-color:var(--secondary);background-image:radial-gradient(var(--secondary) 0%, #9d6646bd 15%, #9d664636 28%, #fff 70%);background-position:0 24px;background-repeat:no-repeat;border-radius:50%;outline:none;flex:none;margin:10px;transition:background-position .15s cubic-bezier(.8,0,1,1),transform .25s cubic-bezier(.8,0,1,1);display:inline-block}.pay-method-layout .input:checked{background-position:0 0;transition:background-position .2s cubic-bezier(0,0,.2,1) .15s,transform .25s cubic-bezier(0,0,.2,1)}.pay-method-layout:has(#bank-card:checked) #wallet{background-position:0 -24px}.pay-method-layout .input:active{transition:transform .1s cubic-bezier(0,0,.2,1);transform:scale(1.5)}.panel-address-layout{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f}.panel-address-layout .top{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.panel-address-layout .top .psize{color:#1a1a1a;font-size:18px;font-weight:600}.panel-address-layout .top button{color:#fff;cursor:pointer;background:#c8853f;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .3s}.panel-address-layout .top button:hover{background:#a86b2c;transform:translateY(-2px)}.empty-address-layout{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-address-layout img{opacity:.8;width:200px;margin-bottom:24px}.empty-address-layout .text{color:#666;font-size:16px}.delivery-address-layout{background-color:var(--secondary);border:1px solid var(--grey220);border-radius:8px;flex-direction:column;gap:20px;padding:20px;display:flex}.delivery-address-layout>.top{border-bottom:1px solid var(--primary);justify-content:space-between;align-items:center;gap:15px;padding-bottom:12px;display:flex}.delivery-address-layout>.top p{color:var(--primary);font-weight:700}.delivery-address-layout>.top button{background-color:var(--primary);color:var(--white);border:1px solid var(--grey220);cursor:pointer;white-space:nowrap;border-radius:50px;align-items:center;gap:5px;padding:7px 15px;font-size:14px;transition:all .5s;display:flex}.delivery-address-layout>.top button:hover{background-color:var(--white);color:var(--primary)}.delivery-address-layout .address-list{flex-direction:column;gap:15px;display:flex}.delivery-address-layout .address-card{background-color:var(--white);border:1px solid var(--grey220);border-radius:8px;flex-direction:column;gap:12px;padding:20px;font-size:14px;transition:all .5s;display:flex}.delivery-address-layout .address-card:hover{border-color:var(--primary)}.delivery-address-layout .address-card.default{border-color:var(--primary);background-color:var(--secondary)}.delivery-address-layout .address-header{border-bottom:1px solid var(--grey220);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.delivery-address-layout .address-title-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.delivery-address-layout .address-title-badge{background-color:var(--primary);color:var(--white);white-space:nowrap;border-radius:50px;padding:3px 12px;font-size:12px}.delivery-address-layout .default-badge{background-color:var(--secondary);color:var(--primary);border:1px solid var(--primary);white-space:nowrap;border-radius:50px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;display:inline-flex}.delivery-address-layout .address-actions{gap:8px;display:flex}.delivery-address-layout .address-actions button{background-color:var(--secondary);border:1px solid var(--grey220);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .5s;display:flex}.delivery-address-layout .address-actions .edit-btn:hover{background-color:var(--primary);border-color:var(--primary);color:var(--white)}.delivery-address-layout .address-actions .delete-btn{color:#ff2056}.delivery-address-layout .address-actions .delete-btn:hover{color:var(--white);background-color:#ff2056;border-color:#ff2056}.delivery-address-layout .address-body{flex-direction:column;gap:12px;display:flex}.delivery-address-layout .address-text{text-align:justify;align-items:flex-start;gap:6px;line-height:1.9;display:flex}.delivery-address-layout .address-text i,.delivery-address-layout .address-meta i{color:var(--primary);font-size:16px}.delivery-address-layout .address-meta{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.delivery-address-layout .address-meta>div{align-items:center;gap:5px;display:flex}@media (width<=687px){.delivery-address-layout .address-meta{grid-template-columns:repeat(1,1fr)}}.delivery-address-layout .address-footer{border-top:1px solid var(--grey220);padding-top:12px}.delivery-address-layout .set-default-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background-color:#0000;border-radius:50px;margin:0 auto;padding:8px;font-size:13px;transition:all .5s;display:block}.delivery-address-layout .set-default-btn:hover{background-color:var(--primary);color:var(--white)}.delivery-address-layout .empty-address-layout{text-align:center;background-color:var(--white);border:1px solid var(--grey220);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px 20px;display:flex}.delivery-address-layout .empty-address-layout img{opacity:1;width:100%;max-width:180px;margin:0}.delivery-address-layout .empty-address-layout .text{color:var(--grey100);font-size:14px}.cart-summary{background:#fff;border-radius:16px;padding:24px;position:sticky;top:100px;box-shadow:0 2px 8px #0000000f}.cart-title{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:12px}.cart-items-mini{max-height:300px;margin-bottom:20px;overflow-y:auto}.mini-item{background:#fafafa;border-radius:8px;gap:12px;margin-bottom:8px;padding:12px;display:flex}.mini-item img{object-fit:cover;border-radius:6px;width:60px;height:60px}.item-info{flex:1}.item-title{color:#333;margin-bottom:4px;font-size:13px}.item-qty{color:#666;font-size:12px}.price-summary{margin-bottom:20px}.price-part{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.price-part.discount{color:#4caf50}.price-part.total{color:#1a1a1a;font-size:16px;font-weight:600}:is(.dashboard-layout,.cart-layout) .left-part a.submit-order-btn.disabled{background-color:var(--grey220);color:var(--grey100);cursor:not-allowed;pointer-events:none}.warning-text{text-align:center;color:var(--primary);font-size:13px}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.address-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;padding:32px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600}.close-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .3s;display:flex}.close-btn:hover{background:#e0e0e0}.form-group{margin-bottom:20px}.form-group label{color:#444;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#c8853f;outline:none;box-shadow:0 0 0 3px #c8853f1a}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.modal-actions{gap:12px;margin-top:24px;display:flex}.modal-actions button{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .3s}.cancel-btn{color:#666;background:#f5f5f5;border:none}.cancel-btn:hover{background:#e0e0e0}.save-btn{color:#fff;background:#c8853f;border:none}.save-btn:hover{background:#a86b2c}@media (width<=768px){.dashboard-layout{flex-direction:column}.dashboard-layout .right-part{width:100%}.form-row{grid-template-columns:1fr}.address-modal{padding:20px}}.confirm-overlay{backdrop-filter:blur(4px);z-index:10000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:380px;padding:36px 32px 28px;animation:.25s slideUp;box-shadow:0 20px 60px #00000026}.confirm-icon{color:#e53935;margin-bottom:16px;font-size:48px;line-height:1}.confirm-message{color:#333;margin-bottom:28px;font-size:16px;line-height:1.8}.confirm-actions{gap:12px;display:flex}.confirm-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:11px;font-size:14px;font-weight:500;transition:all .25s}.confirm-cancel-btn{color:#555;background:#f5f5f5}.confirm-cancel-btn:hover{background:#e0e0e0}.confirm-ok-btn{color:#fff;background:#e53935}.confirm-ok-btn:hover{background:#c62828;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}