.byb-page{min-height:100dvh;background:var(--color-bg)}.byb-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px var(--container-padding);border-bottom:1px solid var(--color-border);background:var(--color-white);position:sticky;top:0;z-index:50}.byb-topbar-logo img{height:36px;width:auto}.byb-topbar-logo span{font-family:var(--font-heading);font-size:1.2rem;color:var(--color-primary)}.byb-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:20px var(--container-padding);background:var(--color-white);border-bottom:1px solid var(--color-border)}.byb-step{display:flex;align-items:center;gap:10px;position:relative}.byb-step-num{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;border:2px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-white);transition:var(--transition);flex-shrink:0}.byb-step.active .byb-step-num{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 2px 12px #1b43324d}.byb-step.done .byb-step-num{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.byb-step-label{font-size:.78rem;font-weight:600;color:var(--color-text-secondary);transition:var(--transition)}.byb-step.active .byb-step-label{color:var(--color-primary)}.byb-step.done .byb-step-label{color:var(--color-success)}.byb-step-line{width:48px;height:2px;background:var(--color-border);margin:0 12px;border-radius:1px;transition:var(--transition)}.byb-step-line.done{background:var(--color-success)}.byb-main{max-width:960px;margin:0 auto;padding:40px var(--container-padding) 120px}.byb-title{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:8px;letter-spacing:-.02em}.byb-subtitle{text-align:center;color:var(--color-text-secondary);font-size:.92rem;margin-bottom:40px}.byb-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:640px;margin:0 auto}.byb-size-card{position:relative;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;cursor:pointer;transition:var(--transition);overflow:hidden}.byb-size-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(27,67,50,.03) 100%);pointer-events:none;opacity:0;transition:var(--transition)}.byb-size-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.byb-size-card:hover:before{opacity:1}.byb-size-card.selected{border-color:var(--color-primary);background:linear-gradient(180deg,var(--color-white) 0%,rgba(27,67,50,.04) 100%);box-shadow:0 4px 24px #1b433226}.byb-size-card.selected:after{content:"";position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px}.byb-size-card-img{width:140px;height:140px;margin:0 auto 20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.byb-size-card:hover .byb-size-card-img,.byb-size-card.selected .byb-size-card-img{transform:scale(1.08) rotate(-3deg)}.byb-size-card-img img{width:100%;height:100%;object-fit:contain}.byb-size-card-name{font-family:var(--font-heading);font-size:1.35rem;margin-bottom:6px}.byb-size-card-info{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:5px 14px;border-radius:var(--radius-full)}.byb-size-card-info svg{width:14px;height:14px;color:var(--color-primary)}.byb-size-card-price{margin-top:12px;font-size:.82rem;color:var(--color-primary);font-weight:600}.byb-count-grid{display:flex;justify-content:center;gap:16px;max-width:700px;margin:0 auto;flex-wrap:wrap}.byb-count-card{position:relative;background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 16px;text-align:center;cursor:pointer;transition:var(--transition);flex:1 1 130px;max-width:170px}.byb-count-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.byb-count-card.selected{border-color:var(--color-primary);background:#1b43320a;box-shadow:0 4px 16px #1b43321f}.byb-count-card .count-num{font-family:var(--font-heading);font-size:2rem;color:var(--color-primary);line-height:1;margin-bottom:4px}.byb-count-card .count-label{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.byb-count-card .count-badge{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:var(--color-white);font-size:.58rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 8px #d4a84359}.byb-count-card .count-save{margin-top:8px;font-size:.7rem;font-weight:600;color:var(--color-success)}.byb-filters{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:28px}.byb-filter-btn{padding:9px 20px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;border:1.5px solid var(--color-border);background:var(--color-white);color:var(--color-text-secondary);transition:var(--transition);display:flex;align-items:center;gap:6px}.byb-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.byb-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.byb-filter-btn svg{width:15px;height:15px}.byb-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.byb-product{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;cursor:pointer;transition:var(--transition);position:relative;display:flex;flex-direction:column;text-align:center}.byb-product:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.byb-product.added{border-color:var(--color-primary);background:#1b433208}.byb-product.added:before{content:"";position:absolute;top:10px;left:10px;width:20px;height:20px;border-radius:50%;background:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px;z-index:2}.byb-product-img{width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);margin:0 auto 10px;flex-shrink:0}.byb-product-img img{width:100%;height:100%;object-fit:cover}.byb-product-info{flex:1;min-width:0;margin-bottom:10px}.byb-product-name{font-size:.8rem;font-weight:600;line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.byb-product-tag{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.byb-product-tag.hot{background:#fff0f0;color:#dc3545}.byb-product-tag.trending{background:#fff8e1;color:#e65100}.byb-product-tag.popular{background:#e8f5e9;color:var(--color-primary)}.byb-product-tag.bestseller{background:var(--color-accent-light);color:var(--color-accent-hover)}.byb-product-tag svg{width:10px;height:10px}.byb-product-qty{display:flex;align-items:center;justify-content:center;gap:0;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin:0 auto}.byb-product-qty button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--color-text);transition:var(--transition)}.byb-product-qty button:hover{background:var(--color-bg-secondary)}.byb-product.added .byb-product-qty{border-color:var(--color-primary)}.byb-product.added .byb-product-qty button:last-child{background:var(--color-primary);color:var(--color-white)}.byb-product-qty .qty-val{width:32px;text-align:center;font-size:.85rem;font-weight:700;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);line-height:34px}@media(min-width:769px){.byb-product{flex-direction:row;text-align:left;gap:14px}.byb-product-img{margin:0;width:56px;height:56px}.byb-product-info{margin-bottom:0}.byb-product.added:before{top:50%;left:10px;transform:translateY(-50%);width:16px;height:16px;background-size:10px}}.byb-progress{position:sticky;bottom:0;left:0;right:0;background:var(--color-white);border-top:1px solid var(--color-border);padding:16px var(--container-padding);z-index:40;box-shadow:0 -4px 20px #0000000f}.byb-progress-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.byb-progress-info{display:flex;align-items:center;gap:14px;flex:1}.byb-progress-count{font-size:.82rem;font-weight:600;white-space:nowrap}.byb-progress-count strong{color:var(--color-primary);font-size:1rem}.byb-progress-bar{flex:1;height:8px;border-radius:4px;background:var(--color-border);overflow:hidden;max-width:200px}.byb-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));transition:width .4s ease}.byb-progress-actions{display:flex;gap:10px}.byb-btn-back{padding:12px 24px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--color-text-secondary);border:1.5px solid var(--color-border);background:var(--color-white);transition:var(--transition);display:flex;align-items:center;gap:6px}.byb-btn-back:hover{border-color:var(--color-text);color:var(--color-text)}.byb-btn-back svg{width:16px;height:16px}.byb-btn-next{padding:12px 28px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--color-white);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));transition:var(--transition);box-shadow:0 2px 12px #1b433240;display:flex;align-items:center;gap:6px;font-family:inherit}.byb-btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 20px #1b433259}.byb-btn-next svg{width:16px;height:16px}.byb-btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.byb-review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.byb-review-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 12px;position:relative}.byb-review-item-img{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);flex-shrink:0}.byb-review-item-img img{width:100%;height:100%;object-fit:cover}.byb-review-item-info{flex:1}.byb-review-item-name{font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.byb-review-item-variant{font-size:.68rem;color:var(--color-text-secondary);margin-top:2px}.byb-review-item-qty{position:absolute;top:8px;right:8px;font-size:.7rem;font-weight:700;color:var(--color-white);background:var(--color-primary);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.byb-review-total{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:24px}.byb-review-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.88rem}.byb-review-row.total{border-top:2px solid var(--color-border);padding-top:16px;margin-top:8px;font-size:1.1rem;font-weight:700}.byb-review-row.total span:last-child{color:var(--color-primary);font-size:1.3rem}.byb-review-savings{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#4a7c5914;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;color:var(--color-success)}.byb-review-savings svg{width:18px;height:18px;flex-shrink:0}.byb-product-stars{display:flex;align-items:center;gap:1px;margin-top:3px;justify-content:center}@media(min-width:769px){.byb-product-stars{justify-content:flex-start}}.byb-product-stars svg{width:11px;height:11px;fill:var(--color-accent);color:var(--color-accent)}.byb-product-stars span{font-size:.62rem;font-weight:600;color:var(--color-text-secondary);margin-left:3px}.byb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:none;align-items:center;justify-content:center;padding:20px}.byb-modal-overlay.active{display:flex}.byb-modal{background:var(--color-white);border-radius:var(--radius-xl);padding:32px;max-width:400px;width:100%;text-align:center;animation:modalPop .35s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-xl)}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.byb-modal-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-success));display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.byb-modal-icon svg{width:30px;height:30px;color:var(--color-white);stroke:var(--color-white)}.byb-modal h3{font-size:1.3rem;margin-bottom:6px}.byb-modal p{color:var(--color-text-secondary);font-size:.88rem;margin-bottom:24px;line-height:1.5}.byb-modal-actions{display:flex;flex-direction:column;gap:10px}.byb-modal-btn-primary{width:100%;padding:15px;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;color:var(--color-white);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));box-shadow:0 4px 16px #1b43324d;transition:var(--transition);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.byb-modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #1b433266}.byb-modal-btn-primary svg{width:18px;height:18px}.byb-modal-btn-secondary{width:100%;padding:12px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);transition:var(--transition);font-family:inherit}.byb-modal-btn-secondary:hover{background:var(--color-border);color:var(--color-text)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.byb-size-card{animation:fadeSlideUp .5s cubic-bezier(.22,1,.36,1) both}.byb-size-card:nth-child(2){animation-delay:.12s}.byb-count-card{animation:fadeSlideUp .4s cubic-bezier(.22,1,.36,1) both}.byb-count-card:nth-child(2){animation-delay:.08s}.byb-count-card:nth-child(3){animation-delay:.16s}.byb-count-card:nth-child(4){animation-delay:.24s}.byb-product{animation:fadeSlideUp .4s cubic-bezier(.22,1,.36,1) both}.byb-product:nth-child(2){animation-delay:.06s}.byb-product:nth-child(3){animation-delay:.12s}.byb-product:nth-child(4){animation-delay:.18s}.byb-product:nth-child(5){animation-delay:.24s}.byb-product:nth-child(6){animation-delay:.3s}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.byb-size-card.selected:after{animation:checkPop .4s cubic-bezier(.34,1.56,.64,1)}.byb-count-card.selected:after{animation:checkPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.byb-btn-next:not(:disabled){background-size:200% auto;background-image:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 40%,rgba(255,255,255,.2) 50%,var(--color-primary-light) 60%,var(--color-primary) 100%);animation:shimmer 3s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.byb-title{animation:fadeIn .5s ease both}.byb-subtitle{animation:fadeIn .5s ease .1s both}@keyframes stepBounce{0%{transform:scale(1)}40%{transform:scale(1.2)}to{transform:scale(1)}}.byb-step.active .byb-step-num{animation:stepBounce .4s cubic-bezier(.34,1.56,.64,1)}.byb-product.added{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 4px 16px #1b43321a}@media(max-width:768px){.byb-main{padding:24px var(--container-padding) 100px}.byb-stepper{gap:0;padding:14px 12px;overflow-x:auto}.byb-step-label{display:none}.byb-step-line{width:32px;margin:0 6px}.byb-step-num{width:32px;height:32px;font-size:.75rem}.byb-size-grid{grid-template-columns:1fr 1fr;gap:14px}.byb-size-card{padding:24px 16px}.byb-size-card-img{width:100px;height:100px;margin-bottom:14px}.byb-size-card-name{font-size:1.1rem}.byb-count-grid{grid-template-columns:repeat(4,1fr);gap:10px}.byb-count-card{padding:18px 10px}.byb-count-card .count-num{font-size:1.5rem}.byb-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.byb-progress-inner{flex-wrap:wrap}.byb-progress-info{min-width:100%}.byb-progress-actions{width:100%}.byb-btn-back,.byb-btn-next{flex:1;justify-content:center}.byb-title{font-size:1.5rem}.byb-subtitle{font-size:.85rem;margin-bottom:28px}.byb-filters{flex-wrap:wrap}.byb-review-list{grid-template-columns:repeat(2,1fr);gap:10px}.byb-review-item{padding:14px 10px}.byb-review-item-img{width:52px;height:52px}.byb-review-item-name{font-size:.74rem}}@media(max-width:480px){.byb-count-grid{grid-template-columns:repeat(2,1fr)}.byb-size-card-img{width:80px;height:80px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/build-box.css.map */