.quick-add-drawer-fun{--qa-bg: #ffffff;--qa-bg-secondary: #f8f8f8;--qa-bg-tertiary: #fafafa;--qa-border: #e0e0e0;--qa-border-light: #e8e8e8;--qa-text: #333333;--qa-text-light: #666666;--qa-text-muted: #999999;--qa-accent: rgb(var(--header-accent-color, 220, 115, 81));--qa-accent-light: rgba(var(--header-accent-color, 220, 115, 81), .1);--qa-accent-medium: rgba(var(--header-accent-color, 220, 115, 81), .15);--qa-success: #00B85F;--qa-success-bg: rgba(0, 184, 95, .1);--qa-warning: #F5A623;--qa-warning-bg: rgba(245, 166, 35, .1);--qa-error: #E74C3C;--qa-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--qa-shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--qa-radius: 8px;--qa-radius-lg: 16px;--qa-transition: .15s ease}.quick-add-drawer-fun{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;font-family:inherit;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.quick-add-drawer-fun.is-open{opacity:1;visibility:visible}.quick-add-drawer-fun__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .15s ease;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.quick-add-drawer-fun.is-open .quick-add-drawer-fun__backdrop{opacity:1;pointer-events:auto}.quick-add-drawer-fun__container{position:relative;background:var(--qa-bg);border-radius:var(--qa-radius-lg);width:100%;max-width:480px;max-height:calc(100vh - 40px);box-shadow:var(--qa-shadow);display:flex;flex-direction:column;overflow:hidden;transform:scale(.95) translateY(10px);opacity:0;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .15s ease}.quick-add-drawer-fun.is-open .quick-add-drawer-fun__container{transform:scale(1) translateY(0);opacity:1}.quick-add-drawer-fun__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--qa-border-light);background:var(--qa-bg);flex-shrink:0}.quick-add-drawer-fun__handle,.quick-add-drawer-fun__handle-bar{display:none}.quick-add-drawer-fun__title{font-size:17px;font-weight:600;color:var(--qa-text);margin:0}.quick-add-drawer-fun__close{width:36px;height:36px;border:none;background:var(--qa-bg-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--qa-transition);margin-left:auto}.quick-add-drawer-fun__close:hover{background:var(--qa-border-light);transform:rotate(90deg)}.quick-add-drawer-fun__close svg{width:18px;height:18px;stroke:var(--qa-text-light);stroke-width:2}.quick-add-drawer-fun__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}.quick-add-drawer-fun__content::-webkit-scrollbar{width:6px}.quick-add-drawer-fun__content::-webkit-scrollbar-track{background:transparent}.quick-add-drawer-fun__content::-webkit-scrollbar-thumb{background:var(--qa-border);border-radius:3px}.quick-add-drawer-fun__content::-webkit-scrollbar-thumb:hover{background:var(--qa-text-muted)}.qa-product-summary{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,var(--qa-bg-secondary) 0%,var(--qa-bg) 100%);border-bottom:1px solid var(--qa-border-light);animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.qa-product-summary__image{flex-shrink:0;width:100px;height:100px;border-radius:var(--qa-radius);overflow:hidden;background:var(--qa-bg);border:1px solid var(--qa-border-light);box-shadow:0 2px 8px #00000014}.qa-product-summary__image img{width:100%;height:100%;object-fit:cover}.qa-product-summary__info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.qa-product-summary__vendor{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--qa-accent);margin-bottom:4px}.qa-product-summary__title{font-size:16px;font-weight:600;color:var(--qa-text);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qa-product-summary__title a{color:inherit;text-decoration:none}.qa-product-summary__title a:hover{color:var(--qa-accent)}.qa-product-summary__sku{font-size:11px;font-weight:500;color:var(--qa-text-light);margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace}.qa-product-summary__variant-name{display:none;font-size:13px;font-weight:600;color:var(--qa-accent);margin-bottom:6px;padding:4px 10px;background:var(--qa-accent-light);border-radius:4px;width:fit-content}.qa-product-summary__price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.qa-product-summary__price-current{font-size:20px;font-weight:700;color:var(--qa-accent);transition:all .2s ease}.qa-product-summary__price-was{font-size:14px;color:var(--qa-text-muted);text-decoration:line-through}.qa-inventory{padding:12px 20px;background:var(--qa-bg);border-bottom:1px solid var(--qa-border-light)}.qa-inventory__status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.qa-inventory__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.qa-inventory--in-stock .qa-inventory__dot{background:var(--qa-success);box-shadow:0 0 0 3px var(--qa-success-bg)}.qa-inventory--low-stock .qa-inventory__dot{background:var(--qa-warning);animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 3px var(--qa-warning-bg)}.qa-inventory--out-of-stock .qa-inventory__dot{background:var(--qa-error);box-shadow:0 0 0 3px #e74c3c1a}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.qa-inventory__text{color:var(--qa-text-light)}.qa-inventory--low-stock .qa-inventory__text{color:var(--qa-warning)}.qa-inventory--out-of-stock .qa-inventory__text{color:var(--qa-error)}.qa-inventory__bar{height:4px;background:var(--qa-border-light);border-radius:2px;margin-top:8px;overflow:hidden}.qa-inventory__bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.qa-inventory--in-stock .qa-inventory__bar-fill{background:var(--qa-success)}.qa-inventory--low-stock .qa-inventory__bar-fill{background:var(--qa-warning)}.qa-variants{padding:16px 20px}.qa-variants__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--qa-accent)}.qa-variants__title{font-size:14px;font-weight:600;color:var(--qa-text)}.qa-variants__count{font-size:12px;color:var(--qa-text-muted);background:var(--qa-bg-secondary);padding:4px 10px;border-radius:12px}.qa-variants__list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.qa-variants__list::-webkit-scrollbar{width:4px}.qa-variants__list::-webkit-scrollbar-thumb{background:var(--qa-border);border-radius:2px}.qa-variant{display:flex;align-items:center;gap:12px;padding:12px;background:var(--qa-bg);border:1px solid var(--qa-border-light);border-radius:var(--qa-radius);transition:all .2s ease,transform .15s ease;opacity:0;transform:translateY(10px);animation:variantSlideIn .25s ease forwards}.qa-variant:nth-child(1){animation-delay:.05s}.qa-variant:nth-child(2){animation-delay:.1s}.qa-variant:nth-child(3){animation-delay:.15s}.qa-variant:nth-child(4){animation-delay:.2s}.qa-variant:nth-child(5){animation-delay:.25s}.qa-variant:nth-child(6){animation-delay:.3s}.qa-variant:nth-child(n+7){animation-delay:.35s}@keyframes variantSlideIn{to{opacity:1;transform:translateY(0)}}.qa-variant:hover:not(.is-unavailable){border-color:var(--qa-border);box-shadow:var(--qa-shadow-card);background:var(--qa-bg-secondary);transform:translateY(-2px)}.qa-variant.is-selected{border-color:var(--qa-accent);background:var(--qa-accent-light);box-shadow:0 0 0 2px var(--qa-accent-light);transform:scale(1.01)}.qa-variant.is-selected .qa-variant__name{color:var(--qa-accent)}.qa-variant.is-unavailable{opacity:.5;background:var(--qa-bg-tertiary);border-color:var(--qa-border-light);cursor:not-allowed}.qa-variant.is-unavailable .qa-variant__name{text-decoration:line-through;color:var(--qa-text-muted)}.qa-variant.is-unavailable .qa-variant__price{color:var(--qa-text-muted);text-decoration:line-through}.qa-variant:not(.is-unavailable){cursor:pointer}.qa-variant__image{flex-shrink:0;width:56px;height:56px;border-radius:6px;overflow:hidden;background:var(--qa-bg-secondary);border:1px solid var(--qa-border-light)}.qa-variant__image img{width:100%;height:100%;object-fit:cover}.qa-variant__image svg{width:24px;height:24px;color:var(--qa-text-muted);margin:auto;display:block;padding-top:16px}.qa-variant__info{flex:1;min-width:0}.qa-variant__name{font-size:14px;font-weight:600;color:var(--qa-text);margin-bottom:4px;line-height:1.4;letter-spacing:-.01em}.qa-variant__sku{display:none}.qa-variant__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qa-variant__price{font-size:14px;font-weight:600;color:var(--qa-accent)}.qa-variant__stock{font-size:12px;padding:3px 10px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.qa-variant__stock:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.qa-variant__stock--in-stock{background:var(--qa-success-bg);color:var(--qa-success)}.qa-variant__stock--in-stock:before{background:var(--qa-success)}.qa-variant__stock--low-stock{background:var(--qa-warning-bg);color:var(--qa-warning)}.qa-variant__stock--low-stock:before{background:var(--qa-warning);animation:stockPulse 1.5s ease-in-out infinite}@keyframes stockPulse{0%,to{opacity:1}50%{opacity:.4}}.qa-variant__stock--out-of-stock{background:#e74c3c1a;color:var(--qa-error)}.qa-variant__stock--out-of-stock:before{background:var(--qa-error)}.qa-variant__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.qa-variant__qty{display:flex;align-items:center;gap:0;background:#fff;border:2px solid #d0d0d0;border-radius:10px;overflow:hidden;transition:all .25s ease}.qa-variant__qty:hover,.qa-variant__qty.is-active{border-color:var(--qa-accent, #DC7351)}.qa-variant__qty-btn{width:36px;height:36px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#888;transition:all .2s ease}.qa-variant__qty:hover .qa-variant__qty-btn,.qa-variant__qty.is-active .qa-variant__qty-btn{color:var(--qa-accent, #DC7351)}.qa-variant__qty-btn:hover:not(:disabled){background:var(--qa-accent, #DC7351);color:#fff!important}.qa-variant__qty-btn:disabled{color:#ccc!important;cursor:not-allowed}.qa-variant__qty-btn:disabled:hover{background:#fff;color:#ccc!important}.qa-variant__qty-value{min-width:38px;text-align:center;font-size:17px;font-weight:700;color:#888;background:#fff;padding:8px 4px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;transition:all .25s ease}.qa-variant__qty:hover .qa-variant__qty-value,.qa-variant__qty.is-active .qa-variant__qty-value{color:var(--qa-accent, #DC7351);border-left-color:#dc73514d;border-right-color:#dc73514d}.qa-variant__add{width:34px;height:34px;border:none;background:var(--qa-accent);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--qa-transition)}.qa-variant__add:hover{transform:scale(1.08);box-shadow:0 4px 12px rgba(var(--header-accent-color, 220, 115, 81),.35)}.qa-variant__add:active{transform:scale(.95)}.qa-variant__add svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5}.qa-variant__add.is-loading{pointer-events:none}.qa-variant__add.is-loading svg{animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qa-variant__added{width:34px;height:34px;background:var(--qa-success);border-radius:6px;display:flex;align-items:center;justify-content:center;animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.qa-variant__added svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5}.quick-add-drawer-fun__footer{padding:16px 20px;background:var(--qa-bg);border-top:1px solid var(--qa-border-light);flex-shrink:0}.qa-footer__summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.qa-footer__items-count{font-size:14px;color:var(--qa-text-light)}.qa-footer__items-count strong{color:var(--qa-text)}.qa-footer__link{font-size:13px;color:var(--qa-accent);text-decoration:none}.qa-footer__link:hover{text-decoration:underline}.qa-footer__total{font-size:16px;font-weight:600;color:var(--qa-text)}.qa-footer__total-amount{color:var(--qa-accent);font-size:18px}.qa-footer__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;background:var(--qa-accent);border-radius:var(--qa-radius);font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all var(--qa-transition)}.qa-footer__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--header-accent-color, 220, 115, 81),.3)}.qa-footer__btn:active{transform:translateY(0)}.qa-footer__btn svg{width:18px;height:18px}.qa-footer__btn--secondary{background:var(--qa-bg-secondary);color:var(--qa-text);margin-top:8px}.qa-footer__btn--secondary:hover{background:var(--qa-border-light);box-shadow:none}.qa-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#00b85f!important;color:#fff!important;padding:18px 28px;border-radius:14px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:12px;opacity:0;visibility:hidden;transition:all .15s ease;z-index:10001;box-shadow:0 12px 50px #00000059;text-shadow:0 1px 2px rgba(0,0,0,.2)}.qa-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.qa-toast svg{width:22px;height:22px;flex-shrink:0;stroke:#fff!important;fill:none!important;background:transparent!important}.qa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.qa-empty__icon{width:48px;height:48px;color:var(--qa-text-muted);margin-bottom:12px}.qa-empty__text{font-size:14px;color:var(--qa-text-muted)}.qa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.qa-loading__spinner{width:36px;height:36px;border:3px solid var(--qa-border-light);border-top-color:var(--qa-accent);border-radius:50%;animation:spin .6s linear infinite}.qa-loading__text{margin-top:16px;font-size:14px;color:var(--qa-text-muted)}.qa-single-variant{padding:20px;display:flex;flex-direction:column;gap:16px}.qa-single-variant__stock{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:12px 16px;border-radius:var(--qa-radius);background:var(--qa-bg-secondary)}.qa-single-variant__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.qa-single-variant__stock--in-stock{color:var(--qa-success);background:var(--qa-success-bg)}.qa-single-variant__stock--in-stock .qa-single-variant__dot{background:var(--qa-success)}.qa-single-variant__stock--low-stock{color:var(--qa-warning);background:var(--qa-warning-bg)}.qa-single-variant__stock--low-stock .qa-single-variant__dot{background:var(--qa-warning)}.qa-single-variant__stock--out-of-stock{color:var(--qa-error);background:#e74c3c1a}.qa-single-variant__stock--out-of-stock .qa-single-variant__dot{background:var(--qa-error)}.qa-single-variant__actions{display:flex;align-items:center;gap:12px}.qa-single-variant__qty{display:flex;align-items:center;gap:4px;background:var(--qa-bg-secondary);border-radius:var(--qa-radius);padding:4px}.qa-single-variant__qty .qa-variant__qty-btn{width:36px;height:36px}.qa-single-variant__qty .qa-variant__qty-value{min-width:40px;font-size:16px;font-weight:600}.qa-single-variant__add{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:var(--qa-accent);color:#fff;border:none;border-radius:var(--qa-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--qa-transition)}.qa-single-variant__add:hover:not(.is-disabled){opacity:.9;transform:translateY(-1px)}.qa-single-variant__add.is-disabled{background:var(--qa-border);color:var(--qa-text-muted);cursor:not-allowed}@media (max-width: 540px){.quick-add-drawer-fun{padding:0;align-items:flex-end}.quick-add-drawer-fun__container{max-width:100%;max-height:90vh;border-radius:var(--qa-radius-lg) var(--qa-radius-lg) 0 0;transform:translateY(100%);transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .15s ease}.quick-add-drawer-fun.is-open .quick-add-drawer-fun__container{transform:translateY(0)}.quick-add-drawer-fun__handle{display:flex;justify-content:center;padding:10px 0 6px;cursor:grab;position:absolute;top:0;left:0;right:0;z-index:1}.quick-add-drawer-fun__handle-bar{display:block;width:40px;height:4px;background:var(--qa-border);border-radius:2px}.quick-add-drawer-fun__header{padding-top:24px}.qa-product-summary{padding:16px}.qa-product-summary__image{width:80px;height:80px}.qa-variants{padding:12px 16px}.qa-variants__list{max-height:220px}.qa-variant{padding:10px}.qa-variant__image{width:48px;height:48px}.qa-variant__name{font-size:13px}.qa-variant__qty-btn{width:28px;height:28px}.qa-variant__qty-value{min-width:24px;font-size:13px}.qa-variant__add,.qa-variant__added{width:32px;height:32px}.quick-add-drawer-fun__footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/quick-add-fun.css.map */