:root{--byb-color-primary: var(--byb-color-primary);--byb-color-primary-text: #ffffff;--byb-color-bg: #ffffff;--byb-color-card-bg: #ffffff;--byb-color-border: #e5e7eb;--byb-color-text: #1f2937;--byb-color-text-muted: #6b7280;--byb-color-star: #f59e0b;--byb-color-star-empty: #d4d4d4;--byb-color-sold-out: #ef4444;--byb-color-success: #10b981;--byb-color-warning: #f59e0b;--byb-color-error: #ef4444;--byb-radius: 12px;--byb-radius-sm: 8px;--byb-radius-full: 50%;--byb-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--byb-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--byb-shadow-lg: 0 -4px 20px rgba(0, 0, 0, .08);--byb-transition: .2s ease;--byb-font-base: inherit;--byb-sticky-height: 90px;--byb-cols-desktop: 4;--byb-cols-tablet: 3;--byb-cols-mobile: 2}.byb-section{padding:40px 0;padding-bottom:calc(40px + var(--byb-sticky-height) + 20px);font-family:var(--byb-font-base)}.byb-container{max-width:1320px;margin:0 auto;padding:0 20px}.byb-header{text-align:center;margin-bottom:32px}.byb-header__title{font-weight:700;color:var(--byb-color-text);margin:0 0 8px;line-height:1.3}.byb-header__description{font-size:15px;color:var(--byb-color-text-muted);margin:0 auto;max-width:600px;line-height:1.6}.byb-header__description p{margin:0}.byb-sold-out-banner{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:var(--byb-radius-sm);display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:600;margin:-16px auto 24px;max-width:600px}.byb-sold-out-banner svg{flex-shrink:0;color:#dc2626}.byb-progress{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;flex-wrap:wrap}.byb-progress__counter{font-size:15px;font-weight:600;color:var(--byb-color-text)}.byb-progress__counter span{color:var(--byb-color-primary)}.byb-progress__bar-wrapper{width:200px;height:6px;background:var(--byb-color-border);border-radius:3px;overflow:hidden}.byb-progress__bar{height:100%;background:var(--byb-color-primary);border-radius:3px;transition:width .3s ease;width:0%}.byb-progress__message{width:100%;text-align:center;font-size:13px;color:var(--byb-color-text-muted);min-height:20px}.byb-product-grid{display:grid;grid-template-columns:repeat(var(--byb-cols-desktop),1fr);gap:20px}.byb-product-grid>[role=listitem],.byb-product-grid>div{height:100%;display:flex;flex-direction:column}@media(max-width:1024px){.byb-product-grid{grid-template-columns:repeat(var(--byb-cols-tablet),1fr)}}@media(max-width:767px){.byb-product-grid{grid-template-columns:repeat(var(--byb-cols-mobile),1fr);gap:12px}}.byb-product-card{height:100%;background:var(--byb-color-card-bg);border:1px solid var(--byb-color-border);border-radius:var(--byb-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--byb-transition),border-color var(--byb-transition);position:relative}.byb-product-card:hover{box-shadow:var(--byb-shadow-md);border-color:#d1d5db}.byb-product-card.is-in-box{border-color:var(--byb-color-primary);box-shadow:0 0 0 1px var(--byb-color-primary),var(--byb-shadow-sm)}.byb-card__image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f9fafb}.byb-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.byb-product-card:hover .byb-card__image{transform:scale(1.03)}.byb-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.byb-card__image-placeholder svg{width:48px;height:48px}.byb-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.byb-card__badge--sold-out{background:var(--byb-color-sold-out);color:#fff}.byb-card__info{padding:14px 16px 12px;flex:1;display:flex;flex-direction:column;gap:6px}.byb-card__subtitle{display:inline-block;font-size:12px;font-weight:600;color:var(--byb-color-primary);background:#4a8c6f14;padding:3px 10px;border-radius:20px;align-self:flex-start;line-height:1.4}.byb-card__title{font-size:15px;font-weight:600;color:var(--byb-color-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.byb-product-card .byb-card__subheading{margin-block:.5rem}.byb-card__title a{color:inherit;text-decoration:none}.byb-card__rating{display:flex;align-items:center;gap:4px;min-height:18px}.byb-card__stars{display:flex;align-items:center;gap:1px;color:var(--byb-color-star)}.byb-card__stars>svg.byb-star{fill:var(--byb-color-primary)}.byb-card__stars--empty{opacity:0}.byb-card__rating-count{font-size:12px;color:var(--byb-color-text-muted)}.byb-card__price{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:auto}.byb-card__price-label{font-size:13px;color:var(--byb-color-text-muted)}.byb-card__compare-price{font-size:13px;color:var(--byb-color-text-muted);text-decoration:line-through}.byb-card__current-price{font-size:15px;font-weight:700;color:var(--byb-color-text)}.byb-card__actions{padding:0 16px 16px;height:40px;box-sizing:content-box}.byb-card__add-btn{width:100%;height:40px;box-sizing:border-box;padding:0 16px;border:1.5px solid var(--byb-color-primary);border-radius:var(--byb-radius-sm);background:transparent;color:var(--byb-color-primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--byb-transition);display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;line-height:1}.byb-card__add-btn:hover:not(:disabled){background:var(--byb-color-primary);color:var(--byb-color-primary-text)}.byb-card__add-btn:focus-visible{outline:2px solid var(--byb-color-primary);outline-offset:2px}.byb-card__add-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--byb-color-border);color:var(--byb-color-text-muted)}.byb-card__qty-selector{width:100%;height:40px;box-sizing:border-box;border:1.5px solid var(--byb-color-primary);border-radius:var(--byb-radius-sm);background:var(--byb-color-primary);color:var(--byb-color-primary-text);display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:0}.byb-card__qty-btn{width:36px;height:100%;border:none;background:transparent;color:inherit;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--byb-transition),opacity var(--byb-transition);font-family:inherit;line-height:1;padding:0;-webkit-user-select:none;user-select:none;flex-shrink:0}.byb-card__qty-btn:hover:not(:disabled){background:#00000026}.byb-card__qty-btn:focus-visible{outline:2px solid #fff;outline-offset:-2px}.byb-card__qty-btn:disabled{opacity:.35;cursor:not-allowed}.byb-card__qty-value{flex:1;text-align:center;font-size:14px;font-weight:700;color:inherit;-webkit-user-select:none;user-select:none;line-height:1}.byb-section-wrapper{transform:none!important}.byb-sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:2;background:var(--byb-color-bg);box-shadow:var(--byb-shadow-lg);border-top:1px solid var(--byb-color-border);transform:translateY(0);transition:transform .3s ease;display:block!important;visibility:visible!important}.byb-sticky-bar.is-visible{transform:translateY(0)}.byb-sticky-bar__inner{max-width:1320px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px}.byb-sticky-bar__slots{display:flex;align-items:center;gap:12px;flex-shrink:0;overflow-x:auto;padding-inline-end:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.byb-sticky-bar__slots::-webkit-scrollbar{display:none}.byb-slot{width:56px;height:56px;border-radius:var(--byb-radius-sm);border:2px dashed var(--byb-color-border);overflow:visible;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;transition:border-color var(--byb-transition);background:#f9fafb}.byb-slot.is-filled{border-style:solid;border-color:var(--byb-color-primary);background:var(--byb-color-bg);cursor:pointer}.byb-slot.is-filled:hover{border-color:var(--byb-color-error, #ef4444)}.byb-slot__image{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--byb-radius-sm) - 2px);overflow:hidden}.byb-slot__empty-icon{color:#d1d5db}.byb-slot__remove-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--byb-color-error, #ef4444);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000040;transition:transform .2s ease,background-color .2s ease;z-index:10}.byb-slot.is-filled:hover .byb-slot__remove-badge{transform:scale(1.15);background:#dc2626}.byb-slot__label{font-size:10px;color:var(--byb-color-text-muted);text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px}.byb-slot-wrapper{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:6px}.byb-sticky-bar__right{display:flex;align-items:center;gap:20px;flex-shrink:0}.byb-sticky-bar__total{font-size:16px;font-weight:700;color:var(--byb-color-text);white-space:nowrap;display:block}.byb-sticky-bar__total-label{font-size:12px;font-weight:400;color:var(--byb-color-text-muted);display:block;text-transform:uppercase;letter-spacing:.5px}.byb-sticky-bar__saved{display:block;font-size:12px;font-weight:700;color:var(--byb-color-success, #10b981);margin-top:2px;white-space:nowrap;visibility:hidden}.byb-sticky-bar__saved.is-visible{visibility:visible;animation:byb-saved-pop .3s ease}@keyframes byb-saved-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.byb-buy-btn{padding:14px 36px;border:none;border-radius:var(--byb-radius-sm);background:var(--byb-color-primary);color:var(--byb-color-primary-text);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--byb-transition);font-family:inherit;white-space:nowrap;position:relative;overflow:hidden}.byb-buy-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.byb-buy-btn:focus-visible{outline:2px solid var(--byb-color-primary);outline-offset:3px}.byb-buy-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.byb-buy-btn.is-loading{pointer-events:none;color:transparent}.byb-buy-btn__spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--byb-radius-full);animation:byb-spin .6s linear infinite}.byb-buy-btn.is-loading .byb-buy-btn__spinner{display:block}@keyframes byb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.byb-toast{position:fixed;bottom:calc(var(--byb-sticky-height) + 20px);left:50%;transform:translate(-50%) translateY(20px);background:var(--byb-color-text);color:#fff;padding:12px 24px;border-radius:var(--byb-radius-sm);font-size:14px;font-weight:500;z-index:1001;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:var(--byb-shadow-md);max-width:90%;text-align:center;line-height:1.4}.byb-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.byb-toast--error{background:var(--byb-color-error)}.byb-toast--success{background:var(--byb-color-success)}.byb-toast--warning{background:#92400e}@media(max-width:1024px){.byb-sticky-bar__inner{padding:12px 16px;gap:16px}.byb-slot{width:48px;height:48px}.byb-buy-btn{padding:12px 24px;font-size:13px}}@media(max-width:767px){.byb-section{padding:24px 0;padding-bottom:calc(24px + var(--byb-sticky-height) + 40px)}.byb-container{padding:0 16px}.byb-header{margin-bottom:20px}.byb-product-card .byb-card__subheading,.byb-header__description{font-size:13px}.byb-progress__bar-wrapper{width:140px}.byb-card__info{padding:10px 12px 8px;gap:4px}.byb-card__title{font-size:13px}.byb-card__subtitle{font-size:11px;padding:2px 8px}.byb-card__current-price{font-size:14px}.byb-card__actions{padding:0 12px 12px}.byb-card__add-btn{padding:8px 12px;font-size:12px}.byb-sticky-bar__inner{flex-wrap:wrap;padding:10px 12px;gap:10px}.byb-sticky-bar__slots{gap:8px;flex:1 1 100%;justify-content:center}.byb-slot{width:44px;height:44px}.byb-slot__label{font-size:9px;max-width:44px}.byb-slot__qty-badge{width:16px;height:16px;font-size:10px;top:-3px;right:-3px}.byb-sticky-bar__right{width:100%;justify-content:space-between;gap:12px}.byb-sticky-bar__total{font-size:15px}.byb-buy-btn{padding:12px 20px;font-size:13px;flex:1;max-width:180px}.byb-sticky-bar{--byb-sticky-height: 130px}}@media(prefers-reduced-motion:reduce){.byb-product-card,.byb-card__image,.byb-card__add-btn,.byb-sticky-bar,.byb-toast,.byb-buy-btn,.byb-progress__bar{transition:none!important;animation:none!important}.byb-product-card:hover .byb-card__image{transform:none}}@media print{.byb-sticky-bar,.byb-toast{display:none!important}.byb-section{padding-bottom:40px!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/build-your-box.css.map */