.tf-byob{--tf-accent: #d121ff;--tf-accent-dark: #b611c3;--tf-accent-light: #f81bff;--tf-bg: transparent;--tf-card: #1a1a1a;--tf-card-hover: #232323;--tf-border: #d121ff;--tf-border-subtle: #2d2d2d;--tf-text: #ffffff;--tf-muted: #b1b1b1;--tf-free: #16a34a;--tf-radius: 14px;--tf-shadow: 0 4px 16px rgba(0,0,0,.4);--tf-shadow-lg: 0 12px 40px rgba(209,33,255,.25);font-family:inherit;color:var(--tf-text)!important;padding:24px 16px 120px;max-width:1400px;margin:0 auto;box-sizing:border-box}.tf-byob *,.tf-byob *:before,.tf-byob *:after{box-sizing:border-box}.tf-byob__header{margin-bottom:24px}.tf-byob__title{font-size:clamp(1.5rem,3vw,2.2rem)!important;font-weight:800!important;margin:0 0 8px!important;letter-spacing:-.01em;color:var(--tf-text)!important}.tf-byob__subtitle{color:var(--tf-muted)!important;margin:0 0 16px!important;font-size:.95rem!important}.tf-byob__steps{display:flex;align-items:center;gap:8px;margin:16px 0 12px;flex-wrap:wrap}.tf-byob__step{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--tf-border-subtle);border-radius:999px;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:.85rem;color:var(--tf-muted);transition:all .2s}.tf-byob__step.is-active{background:var(--tf-accent);color:#fff;border-color:var(--tf-accent)}.tf-byob__step.is-completed{background:var(--tf-free);color:#fff;border-color:var(--tf-free)}.tf-byob__step[disabled]{cursor:not-allowed;opacity:.5}.tf-byob__step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff2e;font-weight:700;font-size:.75rem}.tf-byob__step:not(.is-active):not(.is-completed) .tf-byob__step-num{background:var(--tf-border-subtle)}.tf-byob__step-divider{height:1px;background:var(--tf-border-subtle);flex:0 0 24px}.tf-byob__progress{height:6px;background:var(--tf-border-subtle);border-radius:999px;overflow:hidden;margin-top:12px}.tf-byob__progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--tf-accent),var(--tf-accent-light));border-radius:999px;transition:width .3s ease}.tf-byob__layout{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}@media(min-width:1024px){.tf-byob__layout{grid-template-columns:1fr 340px}}.tf-byob__step-panel{display:none}.tf-byob__step-panel.is-active{display:block}.tf-byob__step-hint{font-size:1rem!important;margin:0 0 16px!important;color:var(--tf-text)!important}.tf-byob__step-hint strong{color:var(--tf-accent)!important;font-weight:800!important}.tf-byob__step-hint span{color:var(--tf-muted)!important;font-size:.9rem!important}.tf-byob__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}@media(min-width:640px){.tf-byob__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.tf-byob-card{background:var(--tf-card);border:2px solid var(--tf-border);border-radius:var(--tf-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;color:var(--tf-text)}.tf-byob-card:hover{transform:translateY(-2px);box-shadow:var(--tf-shadow-lg);background:var(--tf-card-hover);border-color:var(--tf-accent-light)}.tf-byob-card.is-selected{border-color:var(--tf-accent-light);box-shadow:0 0 0 3px #d121ff59,var(--tf-shadow-lg)}.tf-byob-card.is-disabled{opacity:.4;pointer-events:none}.tf-byob-card__media{position:relative;aspect-ratio:1;background:#0a0a0a;overflow:hidden}.tf-byob-card__media img{width:100%;height:100%;object-fit:cover;display:block}.tf-byob-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#555}.tf-byob-card__tag{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--tf-accent)}.tf-byob-card__tag--free{background:var(--tf-free)}.tf-byob-card__tag--sale{background:var(--tf-accent)}.tf-byob-card__macros{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:stretch;padding:8px;gap:6px;background:linear-gradient(to top,#000000f2,#000000d9 55%,#0000);pointer-events:none;z-index:2}.tf-byob-card__macro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:5px 4px;border-radius:8px;background:#d121ff26;border:1px solid rgba(209,33,255,.5);text-align:center;line-height:1;min-width:0}.tf-byob-card__macro b{font-weight:800!important;font-size:.85rem!important;color:var(--tf-accent-light)!important;letter-spacing:-.01em;line-height:1.1}.tf-byob-card__macro i{font-style:normal;font-size:.6rem!important;color:#ffffffb3!important;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-weight:600}.tf-byob-card__body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.tf-byob .tf-byob-card__title,.tf-byob-card .tf-byob-card__title{font-size:.95rem!important;font-weight:700!important;margin:0!important;padding:0!important;line-height:1.3!important;color:var(--tf-text)!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;display:block!important;min-height:2.5em}.tf-byob-card__prices{display:flex;align-items:baseline;gap:6px;font-size:.95rem}.tf-byob-card__price{font-weight:800!important;color:var(--tf-text)!important;font-size:1.05rem!important}.tf-byob-card__price--free{color:var(--tf-free)!important}.tf-byob-card__price-strike{text-decoration:line-through;color:var(--tf-muted)!important;font-size:.8rem!important;font-weight:500!important}.tf-byob-card__qty{display:none;align-items:center;justify-content:space-between;border:1px solid var(--tf-accent);border-radius:999px;padding:4px;background:#d121ff14}.tf-byob-card.is-selected .tf-byob-card__qty{display:flex}.tf-byob-card.is-selected .tf-byob-card__add{display:none}.tf-byob-card__qty-btn{width:32px;height:32px;border-radius:50%;border:0;background:transparent;cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--tf-text)!important;font-family:inherit;transition:background .15s}.tf-byob-card__qty-btn:hover{background:#d121ff33}.tf-byob-card__qty-num{font-weight:800;min-width:24px;text-align:center;color:var(--tf-text)!important}.tf-byob-card__add{background:var(--tf-accent)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:11px 14px!important;cursor:pointer;font-family:inherit!important;font-weight:800!important;font-size:.8rem!important;letter-spacing:.04em!important;text-transform:uppercase!important;transition:background .15s,transform .1s;margin-top:auto;width:100%}.tf-byob-card__add:hover{background:var(--tf-accent-light)!important}.tf-byob-card__add:active{transform:scale(.97)}.tf-byob__summary{background:var(--tf-card);border:2px solid var(--tf-border);border-radius:var(--tf-radius);padding:22px;position:sticky;top:16px;align-self:start;height:fit-content;box-shadow:var(--tf-shadow);color:var(--tf-text)}.tf-byob__summary-title{font-size:1.15rem!important;font-weight:800!important;margin:0 0 16px!important;color:var(--tf-text)!important;text-transform:none!important;letter-spacing:0!important}.tf-byob__selected{list-style:none;padding:0;margin:0 0 16px;max-height:320px;overflow-y:auto;border-bottom:1px solid var(--tf-border-subtle)}.tf-byob__selected li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--tf-border-subtle);font-size:.85rem;color:var(--tf-text)}.tf-byob__selected li:last-child{border-bottom:0}.tf-byob__selected img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:0 0 auto}.tf-byob__selected .tf-sel-title{flex:1;min-width:0;color:var(--tf-text)}.tf-byob__selected .tf-sel-title b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tf-text)}.tf-byob__selected .tf-sel-title small{color:var(--tf-muted);font-size:.75rem}.tf-byob__selected .tf-sel-price{font-weight:800;color:var(--tf-text)}.tf-byob__selected .tf-sel-remove{background:transparent;border:0;cursor:pointer;color:var(--tf-muted);font-size:1.3rem;padding:2px 6px;font-family:inherit;line-height:1}.tf-byob__selected .tf-sel-remove:hover{color:var(--tf-accent)}.tf-byob__empty-state{text-align:center!important;color:var(--tf-muted)!important;font-style:italic;padding:24px 0!important}.tf-byob__totals{margin:0 0 16px}.tf-byob__totals-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem;color:var(--tf-text)}.tf-byob__totals-row--discount{color:var(--tf-free)!important;font-weight:700}.tf-byob__totals-row--total{border-top:1px solid var(--tf-border-subtle);margin-top:8px;padding-top:12px;font-size:1.2rem;font-weight:900;color:var(--tf-text)}.tf-byob__cta{width:100%;background:var(--tf-accent)!important;color:#fff!important;border:0;border-radius:999px;padding:16px 20px;font-family:inherit;font-weight:800;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.tf-byob__cta:hover:not(:disabled){background:var(--tf-accent-light)!important;box-shadow:0 8px 20px #d121ff66}.tf-byob__cta:active:not(:disabled){transform:scale(.98)}.tf-byob__cta:disabled{background:#444!important;color:#888!important;cursor:not-allowed;box-shadow:none}.tf-byob__cta-helper{margin:10px 0 0;font-size:.8rem;color:var(--tf-muted);text-align:center}.tf-byob__cta-helper.is-ready{color:var(--tf-free);font-weight:700}.tf-byob__empty{background:#d121ff1a;border:1px solid var(--tf-accent);color:var(--tf-text);padding:14px 18px;border-radius:10px;font-size:.9rem}.tf-byob__mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--tf-card);border-top:2px solid var(--tf-accent);padding:12px 16px;gap:12px;z-index:9999;box-shadow:0 -4px 24px #00000080;align-items:center;justify-content:space-between}.tf-byob__mobile-bar>div{display:flex;flex-direction:column;font-size:.85rem;color:var(--tf-text)}.tf-byob__mobile-count{color:var(--tf-muted);font-size:.75rem}.tf-byob__mobile-total{font-weight:800;font-size:1rem;color:var(--tf-text)}.tf-byob__cta--mobile{padding:12px 18px!important;font-size:.85rem!important;width:auto!important;flex:0 0 auto}@media(max-width:1023px){.tf-byob__mobile-bar{display:flex}.tf-byob__summary{display:none}}.tf-byob__summary.is-mobile-open{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/41/assets/byob-bundle.css.map */