.build-a-box [hidden]{display:none!important}.build-a-box{--bab-accent: var(--color-primary, #111);--bab-accent-contrast: #fff;--bab-border: #e5e5e5;--bab-radius: 10px;--bab-gap: 12px;padding:24px 0 120px}.build-a-box__container{max-width:1100px;margin:0 auto;padding:0 16px}.build-a-box__header{text-align:center;margin-bottom:20px}.build-a-box__title{margin:0 0 6px;font-size:1.6rem}.build-a-box__subtitle{color:#666;font-size:.95rem}.build-a-box__step{margin-bottom:24px}.build-a-box__step-label{font-weight:600;margin:0 0 12px;font-size:1.05rem}.build-a-box__variants{display:flex;flex-wrap:wrap;gap:var(--bab-gap)}.build-a-box__variant-btn{flex:1 1 30%;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:2px solid var(--bab-border);border-radius:var(--bab-radius);background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .05s;font:inherit}.build-a-box__variant-btn:hover{border-color:var(--bab-accent)}.build-a-box__variant-btn.is-selected{border-color:var(--bab-accent);box-shadow:0 0 0 3px #0000000f}.build-a-box__variant-btn.is-soldout{opacity:.5;cursor:not-allowed}.build-a-box__variant-title{font-weight:700;font-size:1.05rem}.build-a-box__variant-price{color:#555;font-size:.9rem}.build-a-box__variant-soldout{font-size:.7rem;text-transform:uppercase;color:#c0392b}.build-a-box__progress-wrap{position:sticky;top:0;z-index:5;background:#fff;padding:12px 0;margin-bottom:16px}.build-a-box__progress-text{text-align:center;font-weight:600;margin-bottom:8px}.build-a-box__progress-text>span{margin:0 2px}.build-a-box__progress-text [data-count-current]{color:var(--bab-accent);font-size:1.2rem}.build-a-box__progress-bar{height:10px;background:var(--bab-border);border-radius:999px;overflow:hidden}.build-a-box__progress-fill{height:100%;width:0;background:var(--bab-accent);border-radius:999px;transition:width .25s ease}.build-a-box__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--bab-gap)}.build-a-box__card{border:1px solid var(--bab-border);border-radius:var(--bab-radius);overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:border-color .15s,box-shadow .15s}.build-a-box__card.is-active{border-color:var(--bab-accent);box-shadow:0 2px 10px #00000014}.build-a-box__card.is-soldout{opacity:.55}.build-a-box__card-media{position:relative;aspect-ratio:1 / 1;background:#f6f6f6}.build-a-box__card-img{width:100%;height:100%;object-fit:cover;display:block}.build-a-box__card-img--placeholder svg{width:100%;height:100%}.build-a-box__card-badge{position:absolute;top:8px;left:8px;background:#c0392b;color:#fff;font-size:.7rem;text-transform:uppercase;padding:2px 8px;border-radius:4px}.build-a-box__card-body{padding:8px 10px;flex:1}.build-a-box__card-title{margin:0;font-size:.85rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.build-a-box__card-price{margin:4px 0 0;font-size:.8rem;color:#555}.build-a-box__card-stock{margin:4px 0 0;font-size:.72rem;color:#2e7d32;font-weight:600}.build-a-box__stepper{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--bab-border)}.build-a-box__stepper-btn{flex:0 0 40px;height:40px;border:none;background:#f4f4f4;font-size:1.3rem;line-height:1;cursor:pointer;color:#111;transition:background .15s}.build-a-box__stepper-btn:hover:not(:disabled){background:#e7e7e7}.build-a-box__stepper-btn:disabled{opacity:.4;cursor:not-allowed}.build-a-box__stepper-count{flex:1;text-align:center;font-weight:700;font-size:1rem}.build-a-box__empty{text-align:center;color:#888;padding:32px 0}.build-a-box__footer{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--bab-border);padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:20;box-shadow:0 -2px 10px #0000000f}.build-a-box__summary{flex:1;min-width:0}.build-a-box__hint{margin:0;font-size:.8rem;color:#888}.build-a-box__total{margin:2px 0 0;font-size:1rem;font-weight:700;display:flex;align-items:baseline;gap:6px}.build-a-box__total-label{font-weight:500;color:#555;font-size:.85rem}.build-a-box__total-amount{color:var(--bab-accent);font-size:1.15rem}.build-a-box__pay-btn{min-width:160px;padding:14px 24px;font-weight:700;border:none;border-radius:var(--bab-radius);background:var(--bab-accent);color:var(--bab-accent-contrast);cursor:pointer;position:relative}.build-a-box__pay-btn:disabled{opacity:.45;cursor:not-allowed}.build-a-box__pay-btn.is-ready{animation:bab-pulse 1.2s ease-in-out infinite}.build-a-box__spinner{display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;vertical-align:middle;animation:bab-spin .7s linear infinite}@keyframes bab-spin{to{transform:rotate(360deg)}}@keyframes bab-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px #00000014}}@media(min-width:600px){.build-a-box__grid{grid-template-columns:repeat(3,1fr)}.build-a-box__card-title{font-size:.9rem}}@media(min-width:990px){.build-a-box{padding-bottom:40px}.build-a-box__grid{grid-template-columns:repeat(4,1fr)}.build-a-box__footer{position:sticky;bottom:16px;max-width:1100px;margin:24px auto 0;border-radius:var(--bab-radius);border:1px solid var(--bab-border)}.build-a-box__title{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/build-a-box.css.map */