:root{--bb-black: #1a1a1a;--bb-dark: #2a2a28;--bb-grey-700: #555;--bb-grey-500: #888;--bb-grey-400: #aaa;--bb-grey-300: #ccc;--bb-grey-200: #e6e6e6;--bb-grey-100: #f4f4f2;--bb-grey-50: #fafaf8;--bb-white: #fff;--bb-accent: #6B6F65;--bb-accent-light: #e8ebe4;--bb-success: #4a7c59;--bb-success-light: #e8f5e9;--bb-error: #c44b4b;--bb-error-light: #fde8e8;--bb-warning: #e6a817;--bb-radius-sm: 8px;--bb-radius-md: 12px;--bb-radius-lg: 16px;--bb-radius-full: 999px;--bb-shadow-sm: 0 1px 3px rgba(0,0,0,.06);--bb-shadow-md: 0 4px 16px rgba(0,0,0,.08);--bb-shadow-lg: 0 8px 32px rgba(0,0,0,.12);--bb-shadow-xl: 0 12px 48px rgba(0,0,0,.15);--bb-font: "Lora", serif;--bb-transition: .25s cubic-bezier(.4,0,.2,1);--bb-sidebar-w: 340px}.bb-wrapper{display:flex;gap:0;max-width:1440px;margin:0 auto;padding:0 0 120px;font-family:var(--bb-font);color:var(--bb-black);min-height:80vh}.bb-main{flex:1;min-width:0;padding:0 40px}.bb-sidebar{position:sticky;top:20px;align-self:flex-start;width:var(--bb-sidebar-w);min-width:var(--bb-sidebar-w);max-height:calc(100vh - 40px);overflow-y:auto;margin:20px 20px 20px 0;background:var(--bb-grey-50);border:1px solid var(--bb-grey-200);border-radius:var(--bb-radius-lg);padding:24px;display:flex;flex-direction:column}.bb-sidebar::-webkit-scrollbar{width:4px}.bb-sidebar::-webkit-scrollbar-thumb{background:var(--bb-grey-300);border-radius:4px}.bb-stepper{display:flex;align-items:center;justify-content:center;padding:32px 20px 28px;margin-bottom:8px;gap:0}.bb-step{display:flex;align-items:center;gap:0;cursor:pointer;position:relative}.bb-step-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:2px solid var(--bb-grey-300);color:var(--bb-grey-400);background:var(--bb-white);transition:all var(--bb-transition);position:relative;z-index:2;flex-shrink:0}.bb-step.active .bb-step-circle{border-color:var(--bb-black);color:var(--bb-white);background:var(--bb-black);box-shadow:0 0 0 4px #1a1a1a1f}.bb-step.completed .bb-step-circle{border-color:var(--bb-success);background:var(--bb-success);color:var(--bb-white)}.bb-step-check,.bb-step.completed .bb-step-num{display:none}.bb-step.completed .bb-step-check{display:block}.bb-step-label{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--bb-grey-400);transition:color var(--bb-transition)}.bb-step.active .bb-step-label,.bb-step.completed .bb-step-label{color:var(--bb-black)}.bb-step-line{width:60px;height:2px;background:var(--bb-grey-200);transition:background var(--bb-transition);flex-shrink:0}.bb-step-line.filled{background:var(--bb-success)}.bb-step-content{animation:bbFadeUp .4s ease both}.bb-step-content[hidden]{display:none!important}.bb-step-header{text-align:center;margin-bottom:36px}.bb-step-header h2{font-size:26px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;color:var(--bb-dark)}.bb-step-header p{color:var(--bb-grey-500);font-size:15px;font-style:italic;margin:0}.bb-capacity{display:inline-flex;align-items:center;gap:10px;background:var(--bb-black);color:var(--bb-white);padding:10px 24px;border-radius:var(--bb-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:28px}.bb-capacity-bar{width:80px;height:4px;background:#ffffff40;border-radius:4px;overflow:hidden}.bb-capacity-fill{height:100%;background:var(--bb-white);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.bb-capacity.full{background:var(--bb-success)}.bb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;width:100%}.bb-card{position:relative;cursor:pointer;background:var(--bb-white);border:2px solid transparent;border-radius:var(--bb-radius-md);padding:16px;text-align:center;transition:all var(--bb-transition);overflow:hidden}.bb-card:hover{border-color:var(--bb-grey-200);box-shadow:var(--bb-shadow-md);transform:translateY(-3px)}.bb-card:focus-visible{outline:2px solid var(--bb-black);outline-offset:2px}.bb-card.selected{border-color:var(--bb-black);background:var(--bb-grey-50)}.bb-card-img{width:100%;height:220px;object-fit:contain;margin-bottom:12px;mix-blend-mode:multiply;border-radius:var(--bb-radius-sm)}.bb-card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px;color:var(--bb-dark)}.bb-card-price{font-size:13px;color:var(--bb-grey-500);font-weight:500}.bb-card-meta{font-size:10px;color:var(--bb-grey-400);text-transform:uppercase;letter-spacing:.5px;margin-top:6px}.bb-card-check{position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--bb-black);color:var(--bb-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bb-card.selected .bb-card-check{opacity:1;transform:scale(1)}.bb-card-qty{position:absolute;top:12px;left:12px;min-width:28px;height:28px;background:var(--bb-black);color:var(--bb-white);border-radius:var(--bb-radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0 8px;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bb-card.selected .bb-card-qty{opacity:1;transform:scale(1)}.bb-no-card-placeholder{height:220px;display:flex;align-items:center;justify-content:center;background:var(--bb-grey-100);color:var(--bb-grey-400);font-size:12px;text-transform:uppercase;letter-spacing:1px;border-radius:var(--bb-radius-sm);margin-bottom:12px}.bb-msg-panel{display:flex;gap:24px;align-items:flex-start;background:linear-gradient(135deg,var(--bb-grey-50) 0%,#f9f8f5 100%);border:1px solid var(--bb-grey-200);border-radius:var(--bb-radius-lg);padding:28px 32px;margin-bottom:40px;animation:bbFadeUp .4s ease both}.bb-msg-panel-icon{flex-shrink:0;width:56px;height:56px;background:var(--bb-white);border:1px solid var(--bb-grey-200);border-radius:var(--bb-radius-md);display:flex;align-items:center;justify-content:center;color:var(--bb-accent)}.bb-msg-panel-body{flex:1;min-width:0}.bb-msg-panel-title{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;color:var(--bb-dark)}.bb-msg-panel .bb-textarea{max-width:100%;min-height:100px;border-radius:var(--bb-radius-sm)}.bb-msg-panel .bb-char-count{max-width:100%;text-align:right;margin-top:6px}.bb-textarea{width:100%;display:block;padding:16px 20px;border:1px solid var(--bb-grey-200);border-radius:var(--bb-radius-md);font-family:var(--bb-font);font-size:14px;min-height:120px;resize:vertical;outline:none;transition:border-color var(--bb-transition),box-shadow var(--bb-transition);background:var(--bb-white)}.bb-textarea:focus{border-color:var(--bb-black);box-shadow:0 0 0 3px #1a1a1a14}.bb-textarea::placeholder{color:var(--bb-grey-400);font-style:italic}.bb-char-count{font-size:11px;color:var(--bb-grey-400)}.bb-review{max-width:680px;margin:0 auto;border:1px solid var(--bb-grey-200);border-radius:var(--bb-radius-lg);overflow:hidden;background:var(--bb-white)}.bb-review-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--bb-grey-400);padding:16px 24px 8px;background:var(--bb-grey-50);border-bottom:1px solid var(--bb-grey-200)}.bb-review-row{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--bb-grey-100);gap:16px;transition:background var(--bb-transition)}.bb-review-row:last-child{border-bottom:none}.bb-review-img{width:56px;height:56px;object-fit:contain;border-radius:var(--bb-radius-sm);flex-shrink:0;background:var(--bb-grey-50)}.bb-review-info{flex:1;min-width:0}.bb-review-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block;color:var(--bb-dark)}.bb-review-sub{font-size:11px;color:var(--bb-grey-500);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;display:block}.bb-review-price{font-weight:700;font-size:14px;white-space:nowrap;color:var(--bb-dark)}.bb-review-remove{background:none;border:none;cursor:pointer;color:var(--bb-grey-400);font-size:18px;padding:4px;border-radius:50%;transition:all var(--bb-transition);line-height:1}.bb-review-remove:hover{color:var(--bb-error);background:var(--bb-error-light)}.bb-review-msg{padding:16px 24px;border-top:1px solid var(--bb-grey-200);background:var(--bb-grey-50)}.bb-review-msg-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--bb-grey-500);margin-bottom:6px}.bb-review-msg-text{font-style:italic;font-size:14px;color:var(--bb-dark);line-height:1.6}.bb-total-row{display:flex;justify-content:space-between;align-items:center;max-width:680px;margin:24px auto 0;padding:20px 24px;background:var(--bb-grey-50);border-radius:var(--bb-radius-md);font-size:16px;text-transform:uppercase;letter-spacing:1px}.bb-total-amount{font-weight:700;font-size:20px}.bb-sidebar-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;color:var(--bb-dark)}.bb-sidebar-badge{background:var(--bb-black);color:var(--bb-white);font-size:10px;padding:2px 10px;border-radius:var(--bb-radius-full);font-weight:700}.bb-sidebar-empty{text-align:center;padding:32px 16px;color:var(--bb-grey-400);font-size:13px;font-style:italic}.bb-sidebar-empty svg{display:block;margin:0 auto 12px;opacity:.3}.bb-sidebar-items{flex:1;overflow-y:auto;margin-bottom:16px}.bb-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bb-grey-200);animation:bbFadeIn .3s ease}.bb-sidebar-item:last-child{border-bottom:none}.bb-sidebar-item-img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:var(--bb-white);flex-shrink:0}.bb-sidebar-item-info{flex:1;min-width:0}.bb-sidebar-item-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:var(--bb-dark)}.bb-sidebar-item-price{font-size:10px;color:var(--bb-grey-500)}.bb-sidebar-item-remove{background:none;border:none;cursor:pointer;color:var(--bb-grey-400);font-size:14px;padding:2px;line-height:1;transition:color var(--bb-transition)}.bb-sidebar-item-remove:hover{color:var(--bb-error)}.bb-sidebar-divider{height:1px;background:var(--bb-grey-200);margin:12px 0}.bb-sidebar-total{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding-top:4px}.bb-sidebar-total-amount{font-size:18px}.bb-footer{position:fixed;bottom:0;left:0;width:100%;background:var(--bb-white);border-top:1px solid var(--bb-grey-200);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 -4px 20px #0000000f}.bb-footer-left{display:flex;align-items:center;gap:16px}.bb-footer-total{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:none}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 36px;font-family:var(--bb-font);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border:2px solid var(--bb-black);border-radius:var(--bb-radius-sm);cursor:pointer;transition:all var(--bb-transition);text-decoration:none;line-height:1}.bb-btn-primary{background:var(--bb-black);color:var(--bb-white)}.bb-btn-primary:hover{background:var(--bb-dark);transform:translateY(-1px);box-shadow:var(--bb-shadow-md)}.bb-btn-primary:active{transform:translateY(0)}.bb-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.bb-btn-ghost{background:transparent;color:var(--bb-black);border-color:var(--bb-grey-300)}.bb-btn-ghost:hover{border-color:var(--bb-black)}.bb-btn-sm{padding:8px 16px;font-size:10px;letter-spacing:1px}.bb-toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.bb-toast{pointer-events:auto;padding:14px 20px;border-radius:var(--bb-radius-md);font-size:13px;font-family:var(--bb-font);font-weight:500;box-shadow:var(--bb-shadow-lg);animation:bbSlideIn .35s ease both;display:flex;align-items:center;gap:10px;max-width:360px}.bb-toast.error{background:var(--bb-error-light);color:var(--bb-error);border:1px solid var(--bb-error)}.bb-toast.success{background:var(--bb-success-light);color:var(--bb-success);border:1px solid var(--bb-success)}.bb-toast.exit{animation:bbSlideOut .3s ease both}.bb-mobile-summary{display:none}@keyframes bbFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes bbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bbSlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes bbSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(60px)}}@media(max-width:1024px){.bb-sidebar{display:none}.bb-main{padding:0 20px}.bb-footer-total{display:block}.bb-mobile-summary{display:flex}}@media(max-width:768px){.bb-stepper{padding:24px 12px;gap:0}.bb-step-circle{width:32px;height:32px;font-size:12px}.bb-step-line{width:32px}.bb-step-label{font-size:9px}.bb-step-header h2{font-size:20px}.bb-grid{grid-template-columns:1fr 1fr;gap:12px}.bb-card{padding:10px}.bb-card-img{height:160px}.bb-card-title{font-size:11px}.bb-footer{padding:12px 16px}.bb-btn{padding:12px 20px;font-size:11px;letter-spacing:1px}.bb-review-row{padding:12px 16px}.bb-total-row{padding:16px}.bb-msg-panel{flex-direction:column;align-items:center;text-align:center;padding:20px;gap:16px}.bb-msg-panel-title,.bb-msg-panel .bb-char-count{text-align:center}}@media(max-width:480px){.bb-grid{grid-template-columns:1fr 1fr;gap:8px}.bb-card-img{height:130px}.bb-step-label{display:none}.bb-stepper{padding:20px 8px 16px}}.bb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/box-builder.css.map */