body:has(.tudd-byob){padding-bottom:130px}.tudd-byob__hero{background:linear-gradient(180deg,var(--tudd-mint) 0%,var(--tudd-cream) 100%);padding:24px 0 28px}.tudd-byob__hero-inner{display:grid;gap:22px;align-items:center}.tudd-byob__hero-copy{text-align:center}.tudd-byob__eyebrow{display:inline-block;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:var(--tudd-coral);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tudd-byob__title{margin:0 0 8px;color:var(--tudd-ink);font-size:clamp(30px,8vw,52px);line-height:1.08}.tudd-byob__sub{margin:0 auto 18px;max-width:460px;font-size:15px;color:var(--tudd-text)}.tudd-byob__tiers{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:0 auto 18px}.tudd-byob__tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:2px solid var(--tudd-mint-border);border-radius:16px;padding:14px 8px 12px}.tudd-byob__tier--best{border-color:var(--tudd-teal);background:#f3fffb}.tudd-byob__tier-flag{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--tudd-teal);color:#fff;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}.tudd-byob__tier-qty{font-size:14px;color:var(--tudd-text);font-weight:600}.tudd-byob__tier-pct{font-size:26px;font-weight:800;color:var(--tudd-ink);line-height:1.1}.tudd-byob__tier--best .tudd-byob__tier-pct{color:var(--tudd-teal-dark)}.tudd-byob__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:420px;height:52px;border-radius:999px;background:var(--tudd-yellow);color:var(--tudd-ink);font-weight:800;font-size:16px;text-decoration:none}.tudd-byob__ticks{list-style:none;margin:16px auto 0;padding:0;max-width:420px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12.5px;color:var(--tudd-ink);text-align:left}.tudd-byob__ticks li:before{content:"\2713";color:var(--tudd-teal-dark);font-weight:800;margin-right:6px}.tudd-byob__hero-media img{width:100%;height:auto;border-radius:20px;display:block}.tudd-byob__collage{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:420px;margin:0 auto 12px;width:100%}.tudd-byob__collage-tile{display:block;border-radius:16px;overflow:hidden;background:#fff;aspect-ratio:1}.tudd-byob__collage-tile img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:989px){.tudd-byob__collage{order:-1;grid-template-columns:repeat(4,1fr);gap:6px;max-width:420px;margin:0 auto}.tudd-byob__collage-tile{border-radius:12px}.tudd-byob__hero-inner{gap:16px}}@media(min-width:990px){.tudd-byob__collage-tile:nth-child(2n){transform:translateY(12px)}}.tudd-byob__steps{padding:18px 0;background:#fff;border-block:1px solid var(--tudd-mint-border)}.tudd-byob__steps-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tudd-byob__steps-list li{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--tudd-text)}.tudd-byob__steps-list strong{display:block;font-size:14.5px;color:var(--tudd-ink)}.tudd-byob__step-n{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--tudd-mint);color:var(--tudd-teal-dark);display:flex;align-items:center;justify-content:center;font-weight:800}.tudd-byob__pick{padding:32px 0 8px;scroll-margin-top:80px}.tudd-byob__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tudd-byob__card{display:flex;flex-direction:column;background:#fff;border:2px solid var(--tudd-mint-border);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.tudd-byob__card.is-selected{border-color:var(--tudd-teal);box-shadow:0 6px 18px #2bbf9f2e}.tudd-byob__media{position:relative;display:block;aspect-ratio:1;background:var(--tudd-cream)}.tudd-byob__img{width:100%;height:100%;object-fit:cover;display:block}.tudd-byob__check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--tudd-teal);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .2s}.tudd-byob__card.is-selected .tudd-byob__check{transform:scale(1)}.tudd-byob__body{display:flex;flex-direction:column;gap:6px;padding:10px;flex:1}.tudd-byob__name{font-size:13.5px;font-weight:600;color:var(--tudd-ink);text-decoration:none;line-height:1.3}.tudd-byob__price{font-size:14px;font-weight:700;color:var(--tudd-ink)}.tudd-byob__select{width:100%;font-size:12.5px;padding:6px 8px;border:1px solid var(--tudd-mint-border);border-radius:8px;background:#fff;color:var(--tudd-ink)}.tudd-byob__toggle{margin-top:auto;height:40px;border-radius:999px;border:2px solid var(--tudd-teal);background:#fff;color:var(--tudd-teal-dark);font-weight:700;font-size:13.5px;cursor:pointer}.tudd-byob__toggle-added{display:none}.tudd-byob__card.is-selected .tudd-byob__toggle{background:var(--tudd-teal);color:#fff}.tudd-byob__card.is-selected .tudd-byob__toggle-add{display:none}.tudd-byob__card.is-selected .tudd-byob__toggle-added{display:inline}.tudd-byob__faq{padding:32px 0 8px}.tudd-byob__faq-list{max-width:760px;margin:16px auto 0;display:grid;gap:10px}.tudd-byob__faq-item{background:#fff;border:1px solid var(--tudd-mint-border);border-radius:14px;padding:0 16px}.tudd-byob__faq-item summary{cursor:pointer;list-style:none;padding:14px 24px 14px 0;position:relative;font-weight:600;color:var(--tudd-ink);font-size:14.5px}.tudd-byob__faq-item summary::-webkit-details-marker{display:none}.tudd-byob__faq-item summary:after{content:"+";position:absolute;right:0;top:10px;font-size:22px;color:var(--tudd-teal-dark)}.tudd-byob__faq-item[open] summary:after{content:"\2013"}.tudd-byob__faq-answer{padding-bottom:14px;font-size:14px;color:var(--tudd-text)}.tudd-byob__faq-answer p{margin:0}.tudd-byob__bar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--tudd-mint-border);box-shadow:0 -8px 24px #1a3d351f;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}.tudd-byob__bar-inner{display:grid;gap:8px}.tudd-byob__bar-top{display:flex;align-items:center;gap:10px;min-width:0}.tudd-byob__slots{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-shrink:0}.tudd-byob__slot{position:relative;width:38px;height:38px;border-radius:10px;border:1.5px dashed #b9ddd3;background:var(--tudd-mint);display:flex;align-items:center;justify-content:center;color:#9cc9bd;font-weight:700;font-size:16px}.tudd-byob__slot img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}.tudd-byob__slot.is-filled{border:1.5px solid var(--tudd-teal);background:#fff}.tudd-byob__slot-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:0;padding:0;background:var(--tudd-ink);color:#fff;font-size:11px;line-height:18px;cursor:pointer}.tudd-byob__slot-more{font-size:12px;color:var(--tudd-teal-dark)}.tudd-byob__msg{margin:0;font-size:13px;line-height:1.3;color:var(--tudd-ink)}.tudd-byob__msg strong{color:var(--tudd-teal-dark)}.tudd-byob__progress{position:relative;height:6px;border-radius:999px;background:#e3f4ee}.tudd-byob__progress span{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--tudd-teal),#7ad9c2);transition:width .3s}.tudd-byob__progress i{position:absolute;top:-3px;width:2px;height:12px;background:var(--tudd-teal-dark);opacity:.5}.tudd-byob__bar-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.tudd-byob__sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;min-width:0}.tudd-byob__was{text-decoration:line-through;opacity:.55;font-size:13px}.tudd-byob__now{font-size:19px;font-weight:800;color:var(--tudd-ink)}.tudd-byob__save{font-size:11.5px;font-weight:700;color:#fff;background:var(--tudd-coral);padding:2px 8px;border-radius:999px}.tudd-byob__add{flex-shrink:0;height:46px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;background:var(--tudd-yellow);color:var(--tudd-ink);font-weight:800;font-size:15px}.tudd-byob__add:disabled{background:#ece7cf;color:#8b8a7c;cursor:not-allowed}.tudd-byob__add.is-loading{opacity:.6;pointer-events:none}.tudd-byob__error{margin:0;font-size:12.5px;color:#b4402e}body:has(.tudd-byob) .tudd-exit{display:none!important}@media(min-width:750px){.tudd-byob__hero{padding:48px 0}.tudd-byob__steps-list{grid-template-columns:repeat(3,1fr);gap:20px}.tudd-byob__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tudd-byob__body{padding:14px}.tudd-byob__name{font-size:15px}.tudd-byob__ticks{grid-template-columns:repeat(2,auto);justify-content:center;font-size:13.5px}.tudd-byob__bar-inner{grid-template-columns:1fr auto;grid-template-areas:"top bottom" "progress progress";align-items:center;column-gap:24px}.tudd-byob__bar-top{grid-area:top}.tudd-byob__bar-bottom{grid-area:bottom}.tudd-byob__progress{grid-area:progress}.tudd-byob__slot{width:46px;height:46px}.tudd-byob__msg{font-size:15px}.tudd-byob__now{font-size:22px}.tudd-byob__add{height:50px;padding:0 32px;font-size:16px}}@media(min-width:990px){.tudd-byob__hero-inner{grid-template-columns:1.05fr 1fr;gap:48px}.tudd-byob__hero-copy{text-align:left}.tudd-byob__sub,.tudd-byob__tiers,.tudd-byob__ticks{margin-left:0}.tudd-byob__ticks{justify-content:start}.tudd-byob__collage{max-width:520px;margin:0 0 12px auto}.tudd-byob__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tudd-byob.css.map */