.flex{display:flex;gap:10px}.flex-title{align-items:center;display:flex;justify-content:space-between}.attr-product-title{font-size:14px}.attr-product{margin-bottom:15px}.combo-change-btn{background-color:#fff;border:1px solid #133ebf;border-radius:8px;color:#133ebf;cursor:pointer;flex-shrink:0;font-weight:500;min-width:80px;padding:8px 15px;text-align:center;transition:all .2s ease}.combo-change-btn:focus{outline:none}.combo-change-btn:hover{background:#133ebf;color:#fff;transition:all .1s ease-in-out}.combo-change-btn:hover svg path{stroke:#fff!important}.combo-accessories .combo-item-link{color:inherit;display:block;margin-bottom:4px}.combo-accessories .accessory-product{align-items:start;border:none;border-bottom:1px solid #dcddff;border-radius:0}.combo-accessories .accessory-product:hover{box-shadow:none;transform:none}.combo-accessories .accessory-product__add-btn:hover{background:#133ebf;color:#fff;transition:all .1s ease-in-out}.combo-accessories .accessory-product__add-btn:hover svg path{stroke:#fff!important}.combo-accessories .accessory-product__title{margin-bottom:0}.combo-accessories .gift-product__size{align-items:center;display:flex;gap:3px}.combo-accessories .variant-qty{font-size:13px;padding-bottom:10px}.combo-accessories .border-dashed{border-bottom:1px dashed #dcddff}.combo-accessories .total-variant-qty{color:#133ebf;font-size:13px;padding-top:10px}.combo-accessories .combo-info{flex:1}.combo-accessories .combo-info-item{align-items:center;display:flex}.combo-accessories .accessory-product__info{cursor:auto}.combo-accessories .change-variant-item{text-align:right;width:30%}.combo-accessories .thumbnail{border-radius:100%}.combo-accessories .info__color-option{float:left}.combo-accessories .combo-cart-info{border-top:1px solid #dcddff;border-top-left-radius:0;border-top-right-radius:0}@media (max-width:767px){.combo-accessories .change-variant-item{width:40%}.combo-accessories .combo-change-btn{font-size:14px;padding:5px}.combo-accessories .variant-size{font-size:13px}.combo-accessories .combo-item-link{font-size:14px}}.modal-overlay.active{display:flex}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;margin:20px;max-height:100%;max-width:500px;overflow:auto;width:100%}.modal-container button:focus{outline:none}.modal-container button[disabled]{background:rgba(75,56,179,.102)!important;color:#9f9f9f!important;cursor:not-allowed!important;pointer-events:none!important}.modal-container .size-grid .size-btn.active{background-color:#e3f2fd;border-color:#133ebf;color:#133ebf}.modal-container .modal-header{padding:10px 20px}.modal-container .modal-header .btn-close{background:none;border:none;color:#262b38;cursor:pointer;font-size:24px;outline:none;padding:0}.modal-container .modal-header{align-items:center;border-bottom:1px solid #ddd;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);display:flex;justify-content:space-between;padding:16px 20px}.modal-container .modal-content{border:none;padding:0 20px 20px}.modal-container h4{color:#212529;font-size:14px;margin:0}.modal-container .size-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;margin-top:10px}.modal-container .size-grid .size-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px;transition:all .2s;width:100%}.modal-container .size-grid.color-options{align-items:center;border:none;display:flex;flex-wrap:wrap;gap:0;margin-bottom:20px}.modal-container .size-btn.color-btn.color-btn-item{border:none}.modal-container .color-circle{border:1px solid #ddd;border-radius:50%;display:block;height:30px;overflow:hidden;position:relative;width:30px}.modal-container .child-quantity-input .qty-btn,.modal-container .quantity-input .qty-btn{background:none;background:#fff;border:1px solid #ddd;cursor:pointer;font-size:16px;height:32px;outline:none;padding:0;width:32px}.modal-container .child-quantity-input,.modal-container .quantity-input{align-items:center;display:flex;margin-top:5px;max-width:120px}.modal-container .child-quantity-input .qty-btn.minus,.modal-container .quantity-input .qty-btn.minus{border-radius:4px 0 0 4px}.modal-container .combo-child-modal button[disabled]{background:#e8eeff;color:#9ca1b4;cursor:not-allowed}.modal-container button.size-btn.color-btn.color-btn-item.active{border:2px solid #133ebf;border-radius:50%;cursor:pointer;padding:2px}.modal-container .child-quantity-input input,.modal-container .quantity-input input{background:#fff;border:1px solid #ddd;border-left:none;border-radius:0;border-right:none;font-size:14px;height:32px;text-align:center;width:32px}.modal-container .child-quantity-input input::-webkit-inner-spin-button,.modal-container .child-quantity-input input::-webkit-outer-spin-button,.modal-container .quantity-input input::-webkit-inner-spin-button,.modal-container .quantity-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-container .modal-footer{border-top:none;justify-content:start;padding:0 14px 14px}.modal-container .footer-qty{color:#0040bb;font-size:14px}.modal-container .footer-qty span,.modal-container .footer-qty strong{color:#0040bb}.modal-container .footer-qty .combo-error{color:red}.modal-container .modal-footer .btn-update{background-color:#133ebf;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.modal-container .modal-content .quantity-selection{border-bottom:1px solid #ccc;padding-bottom:8px}.modal-container h3{font-size:16px;margin:0}.modal-container .info__size-title{align-items:center;margin:0}.modal-container .info__size-guide{font-size:12px}
