quick-add-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483637;display:block}quick-add-modal[hidden]{display:none}.qam__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .28s ease}quick-add-modal.is-on .qam__overlay{opacity:1}.qam__card{position:fixed;top:50%;left:50%;width:520px;max-width:calc(100% - 32px);max-height:88vh;background:#fff;border-radius:10px;box-shadow:#0000004d 0 24px 60px;z-index:10510;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.97);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}quick-add-modal.is-on .qam__card{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.qam__close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#f2f2f2;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.qam__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 20px 2px}.qam__hd{display:flex;gap:14px;padding:0 38px 0 0}.qam__hd-text{flex:1;min-width:0}.qam__thumb{display:block;flex:none;width:64px;height:64px;border-radius:8px;overflow:hidden;background:#f2f2f2}.qam__thumb img{width:100%;height:100%;object-fit:cover;display:block}.qam__name{margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.2}.qam__name a{color:inherit;text-decoration:none}.qam__rating{display:flex;align-items:center;gap:6px;margin-bottom:6px}.qam__price{font-size:22px;font-weight:700}.qam__hd .qam__price-wrap{display:flex;align-items:baseline;gap:8px;justify-content:flex-start;text-align:left}.qam__price-wrap .price-compare{font-size:16px;font-weight:500;color:#6c757d;text-decoration:line-through}.qam__group{margin-top:18px}.qam__group-label{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;margin-bottom:8px}.qam__group-label em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1f1f1f}.qam__group-note{font-size:11px;font-weight:400;color:#6a6a6a}.qam__chips{display:flex;flex-wrap:wrap;gap:10px}.qam__chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:68px;min-height:48px;background:#fff;color:#1f1f1f;border:1px solid #d6d6d6;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .12s ease}.qam__chip>span{line-height:1.2}.qam__chip:hover:not(.is-disabled):not(.is-on){border-color:#1f1f1f}.qam__chip:active:not(.is-disabled){transform:scale(.98)}.qam__chip.is-on{background:#232323;border-color:#232323;color:#fff}.qam__chip small{font-size:11px;font-weight:400;line-height:1.2;color:#8a8a8a}.qam__chip.is-on small{color:#ffffffa6}.qam__chip.is-disabled{color:#c4c4c4;border-color:#ececec;cursor:not-allowed;text-decoration:line-through}.qam__chip.is-disabled small{color:#d4d4d4}.qam__qtyrow{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.qam__qty-label{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.qam__stepper{display:flex;align-items:center;gap:14px;border:.8px solid #bfbfbf;border-radius:6px;padding:6px 12px}.qam__step{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:0;font-size:26px;font-weight:500;line-height:1;cursor:pointer;color:#1f1f1f}.qam__step:disabled{opacity:.3;cursor:not-allowed}.qam__qty-value{min-width:1.2em;text-align:center;font-size:14px}.qam__ship{margin-top:18px;background:#f6f6f6;border-radius:8px;padding:12px 14px;margin-bottom:14px}.qam__ship p{margin:0 0 8px;font-size:13px}.qam__ship-bar{height:6px;border-radius:100px;background:#dcdcdc;overflow:hidden}.qam__ship-bar i{display:block;height:100%;background:#111;border-radius:100px;transition:width .35s ease}.qam__error{margin:12px 0 0;color:#c0392b;font-size:13px}.qam__ft{flex:none;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid #ececec;background:#fff;border-radius:10px}.qam__sub{display:flex;align-items:center;gap:10px;border:1px solid #ececec;border-radius:8px;padding:10px 12px;margin-bottom:12px}.qam__sub[hidden]{display:none}.qam__switch{flex:none;width:44px;height:24px;border-radius:100px;background:#d0d0d0;border:0;position:relative;cursor:pointer;transition:background-color .2s ease}.qam__switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.qam__switch.is-on{background:#111}.qam__switch.is-on:after{transform:translate(20px)}.qam__subtext{flex:1;font-size:13px;color:#6a6a6a}.qam__subtext b{color:#1f1f1f}.qam__freq{flex:none;border:1px solid #bfbfbf;border-radius:6px;padding:6px 8px;font-size:12px;background:#fff;text-transform:uppercase;transition:border-color .15s ease,box-shadow .15s ease}.qam__freq:disabled{opacity:.5;cursor:not-allowed;border-color:transparent;background:transparent}.qam__freq.is-active{border-color:#111;box-shadow:0 0 0 1px #111 inset}.qam__submit{width:100%;height:44.8px;background:#232323;color:#fff;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:1.82px;text-transform:uppercase;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.qam__submit:hover:not(:disabled){background:#000;transform:translateY(-1px)}.qam__submit:focus-visible{outline:2px solid #1f1f1f;outline-offset:2px}.qam__submit:disabled{opacity:.5;cursor:not-allowed}.qam__submit.is-loading{position:relative;color:transparent}.qam__submit.is-loading:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:qam-spin .6s linear infinite}@keyframes qam-spin{to{transform:rotate(360deg)}}.qam__details{display:block;text-align:center;margin-top:12px;font-size:12px;color:#6a6a6a;text-decoration:underline}.qam-toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,12px);background:#232323;color:#fff;padding:13px 20px;font-size:14px;font-weight:400;border-radius:0;display:flex;align-items:center;gap:8px;z-index:10520;opacity:0;transition:transform .32s cubic-bezier(.34,1.4,.64,1),opacity .32s ease}.qam-toast.is-on{opacity:1;transform:translate(-50%)}@media(max-width:900px){.qam__card{width:100%;max-width:calc(100% - 32px);max-height:90vh;border-radius:14px;padding-bottom:env(safe-area-inset-bottom,0px)}.qam__scroll{padding:16px}.qam__ft{padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px))}.qam__name{font-size:17px}.qam__price{font-size:19px}.qam__thumb{width:62px;height:76px}}@media(max-width:767px){.qam__card{top:auto;bottom:0;left:0;width:100%;max-width:100%;border-radius:14px 14px 0 0;transform:translateY(100%)}quick-add-modal.is-on .qam__card{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.qam__overlay,.qam__card,.qam__chip,.qam__switch,.qam__switch:after,.qam__ship-bar i,.qam__submit,.qam-toast{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.qam-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/226/assets/quick-add-modal.css.map */