.checkout{max-width:1200px;height:10vh;margin:40px auto}.checkout-layout{grid-template-columns:1fr 380px;gap:80px;padding-bottom:40px;display:grid}.checkout-left{height:fit-content;position:sticky;top:120px;overflow:hidden}.orderWrapper{height:32vh;overflow:auto}.payMethord{height:60vh;overflow:auto}.header2{margin-bottom:30px;font-size:20px;font-weight:500}.cart-item{grid-template-columns:90px 1fr auto;gap:20px;margin-bottom:10px;display:grid}.old{color:#aaa;text-decoration:line-through}.new{margin-left:0;font-weight:600}.off{color:red;margin-left:6px;font-size:11px}.login-required{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:70vh;display:flex}.bag-left{scrollbar-width:none;-ms-overflow-style:none;max-height:63vh;overflow-y:auto}.bag-left::-webkit-scrollbar{display:none}.login-btn{color:#fff;cursor:pointer;background:#000;border:none;padding:10px 20px}.primary-btn{color:#fff;cursor:pointer;background:#132e44;border:none;border-radius:30px;width:100%;padding:14px}.os-btn,.pay-btn{color:#fff;cursor:pointer;background:#14324a;border:none;border-radius:28px;width:100%;margin-top:26px;padding:16px;font-size:14px;font-weight:500}.order-summary{width:100%}.os-title{margin-bottom:22px;font-size:20px;font-weight:500}.os-item{gap:14px;margin-bottom:26px;display:flex}.os-img{background:#f4f4f4;border-radius:12px;width:70px;height:90px;position:relative;overflow:hidden}.os-info{flex:1}.os-name{margin-bottom:6px;font-size:14px;font-weight:500}.os-price{margin-bottom:8px;font-size:13px}.os-price .old{color:#9a9a9a}.os-price .new{font-weight:500}.os-price .off{color:#ff3b3b;font-size:12px}.os-meta{color:#777;font-size:12px}.os-comment{resize:none;border:1px solid #e5e5e5;border-radius:14px;width:100%;min-height:72px;margin:10px 0 26px;padding:14px;font-size:12px}.os-prices{font-size:14px}.price-row,.os-prices .rowCart{justify-content:space-between;margin:10px 0;display:flex}.price-row.total,.os-prices .total{margin-top:20px;font-weight:600}.green{color:#1aa14a}.os-prices .divider{background:#e6e6e6;height:1px;margin:14px 0}.checkout-steps{justify-content:center;align-items:center;gap:22px;margin:40px 0 50px;display:flex}.step-line{background:#e6e6e6;width:60px;height:1px}.step-item{color:#bdbdbd;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.step-circle{background:#fff;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.step-item.active,.step-item.completed{color:#000}.step-item.active .step-circle{color:#fff;background:#000}.payment-wrapper{max-width:620px}.payment-option{cursor:pointer;border:1px solid #e5e5e5;border-radius:16px;margin-bottom:18px;padding:18px 20px}.payment-option.active{border:2px solid #e5e5e5}.payment-header{justify-content:space-between;align-items:center;display:flex}.payment-left{align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.offer{color:#1a9c3d;font-size:13px}.payment-body{flex-direction:column;gap:16px;margin-top:20px;display:flex}.input-row input,.input-grid input{border:1px solid #e5e5e5;border-radius:24px;width:100%;padding:14px 16px}.input-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}@media (max-width:1024px){.checkout{padding:0 16px}.checkout-layout{grid-template-columns:1fr;gap:40px}.checkout-left{position:static;overflow:visible}.orderWrapper{height:auto;max-height:40vh}}@media (max-width:768px){.checkout{margin:10px auto}.checkout-steps{gap:10px;margin:20px 0 30px}.checkout-layout{flex-direction:column;display:flex}.checkout-left{order:2}.order-summary{order:1}.step-line{width:30px}.cart-item{grid-template-columns:70px 1fr}.header2{font-size:16px}.os-img{width:60px;height:80px}.os-comment{min-height:60px}.input-grid{grid-template-columns:1fr}}@media (max-width:480px){.checkout{padding:0 12px}.payMethord{height:auto;max-height:45vh}.payment-option{padding:14px}}.disabled-btn{cursor:not-allowed;color:#fff;background:#ccc}.bundle-wrapper{margin-bottom:25px}.bundle-name{margin:10px 0;font-size:16px;font-weight:600}.stripe-form{width:100%}.card-element-wrapper{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:14px 16px;transition:border-color .2s}.card-element-wrapper:focus-within{background:#fff;border-color:#14324a}.stripe-error{color:#e53e3e;margin:8px 0 0;font-size:13px}.payment-status-text{color:#777;margin:8px 0;font-size:13px}
.bag-page{max-width:1200px;margin:60px auto}.bag-layout{grid-template-columns:1fr 380px;gap:80px;display:grid}.bag-title{margin-bottom:40px;font-size:22px;font-weight:500}.bag-title span{color:#999;font-weight:500}.disabled-btncart{opacity:.5;cursor:not-allowed}.bag-card{grid-template-columns:110px 1fr;gap:20px;margin-bottom:40px;display:grid}.bag-img{object-fit:cover;background:#f4f4f4;border-radius:14px;width:110px;height:140px}.bag-top{justify-content:space-between;display:flex}.bag-top h3{max-width:90%;font-size:15px;font-weight:500}.bag-remove{color:#aaa;cursor:pointer;font-size:20px}.bag-price{margin:10px 0}.bag-old{color:#aaa;margin-right:8px;text-decoration:line-through}.bag-new{margin-right:6px;font-weight:500}.bag-off{color:red;font-size:12px}.bag-bottom{align-items:center;gap:40px;display:flex}.bag-qty{align-items:center;gap:10px;display:flex}.bag-qty button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:28px;height:28px}.bag-size{color:#555;font-size:13px}.bag-price-title{margin-bottom:30px;font-size:20px;font-weight:500}.bag-promo{gap:10px;margin-bottom:30px;display:flex}.bag-promo input{border:1px solid #ddd;border-radius:30px;flex:1;padding:14px;font-size:13px}.bag-promo button{color:#14324a;cursor:pointer;background:#fff;border:1px solid #14324a;border-radius:30px;padding:14px 24px;font-weight:500}.bag-summary{font-size:14px}.bag-row{justify-content:space-between;margin-bottom:14px;display:flex}.bag-green{color:#1a9c3d}.bag-divider{background:#e6e6e6;height:1px;margin:16px 0}.bag-total{font-weight:500}.bag-continue{color:#fff;cursor:pointer;background:#14324a;border:none;border-radius:30px;width:100%;margin-top:30px;padding:16px;font-size:14px;font-weight:500}@media (max-width:1024px){.bag-layout{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.bag-page{max-width:100%;margin:30px auto;padding:0 16px 40px}.bag-layout{height:auto;display:block;overflow:visible}.bag-left,.bag-right{height:auto;max-height:none;position:static;overflow:visible}.bag-right{margin-top:28px}.bag-card{grid-template-columns:90px 1fr;gap:16px;margin-bottom:28px}.bag-img{width:90px;height:120px}.bag-bottom{flex-wrap:wrap;gap:20px}.bag-price-title{margin-bottom:20px;font-size:18px}}@media (max-width:480px){.bag-card{grid-template-columns:80px 1fr}.bag-img{width:80px;height:110px}.bag-top h3{font-size:14px}.bag-continue{padding:14px;font-size:13px}}.bundle-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:30px;left:0}.bundle-modal{background:#fff;border-radius:12px;width:720px;max-height:80vh;padding:25px;overflow:auto}.bundle-content{justify-content:space-between;align-items:center;display:flex}.bundle-items{align-items:center;gap:15px;display:flex}.bundle-item{text-align:center;width:120px}.bundle-img{object-fit:contain;background:#f5f5f5;border-radius:8px;width:100px;height:100px}.bundle-name{color:#555;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;display:-webkit-box;overflow:hidden}.bundle-plus{color:#aaa;font-size:20px}.bundle-right{text-align:right}.bundle-price-label{color:#666;font-size:13px}.bundle-price{margin:5px 0 15px}.bundle-price .new{margin-right:8px;font-size:20px;font-weight:600}.bundle-price .old{color:#999;text-decoration:line-through}.cart-heading{margin:20px 0 10px;font-size:16px;font-weight:600}.coupon-disabled{color:#888;cursor:not-allowed;background:#f2f2f2}.bag-promo input:disabled{opacity:1}.offer-tag{color:green;font-size:12px}.bundle-tag{color:purple;font-size:12px}.bundle-btn{color:#fff;cursor:pointer;background:#14324a;border:none;border-radius:6px;padding:10px 18px;font-weight:500}.bundle-btn:hover{opacity:.9}.bundle-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.bundle-row:last-child{border-bottom:none}.bundle-group{align-items:center;gap:10px;display:flex}
.delivery-wrapper{background:#fff;border-radius:8px;height:60vh;overflow:auto}.delivery-header{justify-content:space-between;align-items:center;display:flex}.delivery-header h3{color:#111;margin-bottom:20px;font-size:20px;font-weight:500}.delivery-btn{cursor:pointer;background:#fff;border:1px solid #1a1a1a;border-radius:20px;margin-bottom:25px;padding:6px 14px;font-size:14px;font-weight:500}.delivery-btn:hover{background:#f5f5f5}.delivery-list{flex-direction:column;gap:16px;display:flex}.delivery-card{cursor:pointer;border:1px solid #e5e5e5;border-radius:12px;padding:16px;transition:all .2s}.delivery-card h4{margin-bottom:6px;font-size:14px;font-weight:700}.delivery-tag{border:1px solid #ccc;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.delivery-text{color:#444;margin-bottom:6px;font-size:13px}.delivery-mobile{margin-bottom:10px;font-size:13px}.delivery-card.active{background:#fafafa;border:2px solid #111}.delivery-types button.active{color:#fff;background:#111;border-color:#111}.delivery-actions{gap:10px;display:flex}.delivery-outline-btn{cursor:pointer;background:0 0;border:1px solid #1a1a1a;border-radius:20px;padding:4px 12px;font-size:11px}.delivery-outline-btn:hover{background:#f3f3f3}.delivery-form{flex-direction:column;gap:14px;display:flex}.delivery-section-title{color:#666;margin-top:10px;font-size:11px;font-weight:700}.delivery-form input{border:1px solid #e5e5e5;border-radius:20px;outline:none;padding:10px 14px;font-size:13px}.delivery-form input:focus{border-color:#000}.delivery-row{gap:12px;display:flex}.delivery-row input{flex:1}.delivery-types{gap:10px;display:flex}.delivery-types button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:20px;padding:4px 12px;font-size:11px}.delivery-types button:hover{border-color:#000}.delivery-save-btn{color:#fff;cursor:pointer;background:#14324a;border:none;border-radius:28px;width:100%;padding:16px;font-size:14px;font-weight:500}.delivery-save-btn:hover{opacity:.9}@media (max-width:1024px){.delivery-wrapper{padding:0}.delivery-header{flex-direction:column;align-items:flex-start;gap:6px}.delivery-btn{margin-bottom:14px}}@media (max-width:768px){.delivery-header h3{margin-bottom:10px;font-size:16px}.delivery-btn{padding:6px 12px;font-size:12px}.delivery-card{padding:14px}.delivery-card h4{font-size:13px}.delivery-text,.delivery-mobile{font-size:12px}.delivery-actions{flex-wrap:wrap;gap:8px}.delivery-outline-btn{padding:4px 10px;font-size:10px}.delivery-form input{padding:12px 14px;font-size:12px}.delivery-row{flex-direction:column;gap:10px}.delivery-types{flex-wrap:wrap;gap:8px}.delivery-types button{padding:4px 10px;font-size:10px}.delivery-save-btn{padding:14px;font-size:13px}}@media (max-width:480px){.delivery-header h3{font-size:15px}.delivery-card{padding:12px}.delivery-section-title{font-size:10px}.delivery-save-btn{border-radius:24px}}