.bb{padding:2rem 0 8rem}.bb-header{text-align:center;padding:2rem 0 2.5rem}.bb-title{font-size:clamp(1.5rem,4vw,2.2rem);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .5rem}.bb-subtitle{font-size:1rem;color:rgba(var(--color-body-rgb, 0,0,0),.55);max-width:520px;margin:0 auto .75rem;line-height:1.5}.bb-badge{display:inline-block;background:var(--text-color, #000);color:var(--bg-body, #fff);padding:.35rem 1.4rem;font-size:.8rem;font-weight:700;letter-spacing:.08em}.bb-progress{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:2.5rem;padding:0 1rem}.bb-progress-step{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-body-rgb, 0,0,0),.4);transition:all .25s;cursor:pointer}.bb-progress-step:hover{color:rgba(var(--color-body-rgb, 0,0,0),.6)}.bb-progress-step.active{color:var(--text-color, #000);font-weight:600;background:rgba(var(--color-body-rgb, 0,0,0),.04)}.bb-progress-step.done{color:#2e7d32}.bb-progress-num{width:28px;height:28px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;transition:all .25s}.bb-progress-step.done .bb-progress-num{background:#2e7d32;color:var(--bg-body, #fff);border-color:#2e7d32}.bb-progress-step.active .bb-progress-num{background:var(--text-color, #000);color:var(--bg-body, #fff);border-color:var(--text-color, #000)}.bb-progress-line{width:40px;height:2px;background:var(--color-border, #e0e0e0);flex-shrink:0}.bb-progress-line.done{background:#2e7d32}.bb-panel{display:none;animation:bbFadeIn .3s ease}.bb-panel.active{display:block}@keyframes bbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.bb-card{position:relative;cursor:pointer;border:2px solid transparent;transition:border-color .2s,box-shadow .2s;background:var(--bg-body, #fff);min-width:0;overflow:hidden;box-sizing:border-box}.bb-card:hover{border-color:var(--color-border, #e0e0e0);box-shadow:0 2px 12px #0000000f}.bb-card.selected{border-color:var(--text-color, #000)}.bb-card-img{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:rgba(var(--color-body-rgb, 0,0,0),.03)}.bb-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.bb-card:hover .bb-card-img img{transform:scale(1.04)}.bb-card-body{padding:.75rem .6rem}.bb-card-name{font-size:.82rem;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-card-color{font-size:.72rem;color:rgba(var(--color-body-rgb, 0,0,0),.5);margin:0 0 .3rem;text-transform:capitalize}.bb-card-prices{font-size:.82rem;display:flex;gap:.4rem;align-items:center}.bb-card-compare{color:rgba(var(--color-body-rgb, 0,0,0),.45);text-decoration:line-through}.bb-card-price{font-weight:600;color:#c00}.bb-card-check{position:absolute;top:8px;right:8px;width:26px;height:26px;background:var(--text-color, #000);color:var(--bg-body, #fff);border-radius:50%;display:none;align-items:center;justify-content:center;font-size:.7rem;z-index:2}.bb-card.selected .bb-card-check{display:flex}.bb-review{max-width:720px;margin:0 auto}.bb-review-look{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.bb-review-item{text-align:center}.bb-review-item-img{aspect-ratio:3/4;overflow:hidden;background:rgba(var(--color-body-rgb, 0,0,0),.03);margin-bottom:.75rem}.bb-review-item-img img{display:block;width:100%;height:100%;object-fit:cover}.bb-review-item-name{font-size:.9rem;font-weight:600;margin:0 0 .1rem}.bb-review-item-color{font-size:.78rem;color:rgba(var(--color-body-rgb, 0,0,0),.5);margin:0 0 .15rem;text-transform:capitalize}.bb-review-item-variant{font-size:.8rem;color:rgba(var(--color-body-rgb, 0,0,0),.55);margin:0 0 .15rem}.bb-review-item-price{font-size:.9rem;color:#c00;font-weight:600}.bb-review-change{background:none;border:none;text-decoration:underline;font-size:.75rem;cursor:pointer;color:rgba(var(--color-body-rgb, 0,0,0),.45);padding:0;margin-top:.35rem;font-family:inherit}.bb-review-change:hover{color:var(--text-color, #000)}.bb-breakdown{border-top:1px solid var(--color-border, #e0e0e0);padding-top:1.5rem;margin-bottom:1.5rem}.bb-breakdown-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.9rem}.bb-breakdown-row.original{color:rgba(var(--color-body-rgb, 0,0,0),.45);text-decoration:line-through}.bb-breakdown-row.look{font-weight:700;font-size:1rem;color:#2e7d32}.bb-breakdown-row.savings{color:#c00;font-weight:600;border-top:1px solid var(--color-border, #e0e0e0);padding-top:.5rem;margin-top:.3rem}.bb-atc{display:block;width:100%;background:var(--text-color, #000);color:var(--bg-body, #fff);border:none;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-align:center;text-decoration:none;transition:opacity .2s;font-family:inherit}.bb-atc:hover{opacity:.85;color:var(--bg-body, #fff)}.bb-new-look{display:block;width:100%;background:transparent;color:var(--text-color, #000);border:2px solid var(--text-color, #000);padding:calc(1rem - 2px);font-size:1rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;text-align:center;text-decoration:none;font-family:inherit;margin-top:.5rem;transition:background .25s ease,color .25s ease}.bb-new-look:hover{background:var(--text-color, #000);color:var(--bg-body, #fff)}.bb-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--bg-body, #fff);border-top:1px solid var(--color-border, #e0e0e0);box-shadow:0 -4px 20px #00000014;padding:.75rem 1.5rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));z-index:999;display:flex;align-items:center;justify-content:space-between;gap:1rem;transform:translateY(100%);transition:transform .3s ease}.bb-sticky.visible{transform:translateY(0)}.bb-sticky-items{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.bb-sticky-item{display:flex;align-items:center;gap:.5rem;min-width:0}.bb-sticky-thumb{width:44px;height:58px;object-fit:cover;background:rgba(var(--color-body-rgb, 0,0,0),.03);flex-shrink:0;border:1px solid var(--color-border, #e0e0e0)}.bb-sticky-placeholder{width:44px;height:58px;background:rgba(var(--color-body-rgb, 0,0,0),.03);border:2px dashed var(--color-border, #e0e0e0);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:rgba(var(--color-body-rgb, 0,0,0),.35);text-align:center;flex-shrink:0}.bb-sticky-info{min-width:0}.bb-sticky-name{font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-sticky-variant{font-size:.65rem;color:rgba(var(--color-body-rgb, 0,0,0),.5)}.bb-sticky-plus{font-size:1.2rem;color:var(--color-border, #e0e0e0);flex-shrink:0}.bb-sticky-right{flex-shrink:0;text-align:right}.bb-sticky-discount{font-size:.75rem;margin-bottom:.25rem}.bb-sticky-discount strong{color:#c00}.bb-sticky-btn{background:var(--text-color, #000);color:var(--bg-body, #fff);border:none;padding:.55rem 1.4rem;font-size:.8rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;font-family:inherit}.bb-sticky-btn:disabled{opacity:.2;cursor:not-allowed}@media(max-width:999px){.bb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.bb{padding:1rem 0 7rem}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.bb-card-body{padding:.5rem .4rem}.bb-card-name{font-size:.76rem}.bb-card-color{font-size:.68rem;margin-bottom:.2rem}.bb-card-prices{font-size:.76rem}.bb-progress{gap:.15rem}.bb-progress-step{font-size:.7rem;padding:.35rem .5rem}.bb-progress-step>span:not(.bb-progress-num){display:none}.bb-progress-num{width:24px;height:24px;font-size:.7rem}.bb-progress-line{width:24px}.bb-review-look{gap:.75rem}.bb-sticky{padding:.6rem 1rem;padding-bottom:max(.6rem,env(safe-area-inset-bottom))}.bb-sticky-info{display:none}}@media(max-width:399px){.bb-grid{gap:.4rem}.bb-card-body{padding:.4rem .3rem}.bb-card-name{font-size:.72rem}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/bundle-builder.css.map */