.mystery-intro{padding:32px 12px 50px;text-align:center;max-width:1200px;margin:0 auto}.mystery-intro__instructions{font-size:.9rem;color:#444;margin:0 0 18px}.mystery-intro__cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:900px;margin:0 auto}@media(min-width:750px){.mystery-intro__cards{gap:24px}}.mystery-intro__card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;padding:12px 8px;background:#fff;border:1px solid #eee;border-radius:8px;transition:all .2s ease}@media(min-width:750px){.mystery-intro__card{padding:20px}}.mystery-intro__card:hover{border-color:#000;transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.mystery-intro__card-img{width:100%;max-width:360px;aspect-ratio:2/3;object-fit:cover;border-radius:4px}.mystery-intro__card-label{font-size:1.1rem;font-weight:800;margin:10px 0 2px;letter-spacing:.06em;text-transform:uppercase}@media(min-width:750px){.mystery-intro__card-label{font-size:1.5rem;letter-spacing:.08em;margin:16px 0 4px}}.mystery-intro__card-caption{font-size:.78rem;color:#666;font-weight:600}@media(min-width:750px){.mystery-intro__card-caption{font-size:.9rem}}.mystery-builder{max-width:1200px;margin:0 auto;padding:0 12px 100px;overflow:visible}.mystery-builder__header{padding:16px 0 12px;margin-bottom:8px}.mystery-builder__back{font-size:.85rem;color:#555;text-decoration:none;display:inline-block;margin-bottom:12px}.mystery-builder__back:hover{color:#000}.mystery-builder__title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mystery-builder__title{font-size:1.3rem;font-weight:800;margin:0}@media(min-width:750px){.mystery-builder__title{font-size:1.8rem}}.mystery-builder__gender-tag{background:#000;color:#fff;font-size:.7rem;padding:4px 10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;border-radius:2px}.mystery-tier{background:#fafafa;padding:18px 8px 14px;margin:12px -12px 16px;border-top:1px solid #eee;border-bottom:1px solid #eee}@media(min-width:750px){.mystery-tier{padding:22px 16px 16px}}.mystery-tier__track{position:relative;height:4px;background:#e0e0e0;border-radius:3px;margin:22px 12px 18px}.mystery-tier__fill{position:absolute;top:0;left:0;height:100%;background:#000;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.mystery-tier__checkpoints{position:absolute;top:-8px;left:0;right:0;display:flex;justify-content:space-between}.mystery-tier__checkpoint{display:flex;flex-direction:column;align-items:center;position:relative;width:0}.mystery-tier__checkpoint:before{content:"";width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #ccc;transition:all .3s ease}.mystery-tier__checkpoint.is-active:before{background:#000;border-color:#000;box-shadow:0 0 0 3px #0000001a}.mystery-tier__checkpoint-count{position:absolute;top:-18px;font-size:.6rem;color:#888;font-weight:600;white-space:nowrap}.mystery-tier__checkpoint-pct{position:absolute;top:20px;font-size:.7rem;font-weight:700;white-space:nowrap;color:#000}.mystery-tier__message{text-align:center;font-size:.78rem;color:#333;margin:30px 0 0;padding:0 8px;font-weight:600}.mystery-tier__message.is-success{color:#1a7e2c}.mystery-builder__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mystery-builder__grid[hidden]{display:none!important}@media(min-width:750px){.mystery-builder__grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media(min-width:1100px){.mystery-builder__grid{grid-template-columns:repeat(4,1fr)}}.mystery-card{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;transition:border-color .2s ease;position:relative;display:flex;flex-direction:column}.mystery-card.is-selected{border-color:#000}.mystery-card__toggle{display:block;width:100%;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:default}.mystery-card__image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.mystery-card__info{padding:8px 10px 4px}.mystery-card__category{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#888;font-weight:600}.mystery-card__name{display:-webkit-box;font-size:.82rem;font-weight:700;margin:2px 0;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.mystery-card__price{display:block;font-size:.75rem;color:#555;font-weight:600}.mystery-card__qty-badge{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;opacity:0;transition:opacity .2s ease}.mystery-card.is-selected .mystery-card__qty-badge{opacity:1}.mystery-card__sizes{display:block;padding:6px 8px 10px;background:#fff}.mystery-card__sizes-label{display:none}.mystery-card__sizes-list{display:flex;gap:4px;flex-wrap:nowrap}.mystery-card__size-btn{flex:1;min-width:0;padding:9px 6px;background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease;position:relative}.mystery-card__size-btn:only-child{flex:1;padding:9px 6px}.mystery-card__size-btn:hover:not(:disabled){border-color:#000}.mystery-card__size-btn:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.mystery-card__size-btn.is-active{background:#000;color:#fff;border-color:#000}.mystery-card__size-btn[data-count]:not([data-count="0"]):after{content:"\b7" attr(data-count);font-weight:800;margin-left:1px}.mystery-card__size-btn.is-pulse{transform:scale(1.08)}.mystery-card__decrement{display:block;width:100%;margin-top:4px;padding:4px;background:transparent;border:none;font-size:.68rem;color:#888;cursor:pointer;text-decoration:underline}.mystery-card__decrement:hover{color:#000}.mystery-card__decrement[hidden]{display:none}@media(max-width:749px){body.mystery-builder-active .spk-wsp-chat-btn,body.mystery-builder-active [class*=spk-wsp i]{bottom:110px!important;transform:scale(.8)!important;transform-origin:bottom right!important;transition:transform .2s ease}}.mystery-sticky-footer{position:fixed;bottom:10px;left:10px;right:10px;z-index:50;background:#fff;border:1px solid #eee;padding:8px 12px 10px;box-shadow:0 4px 20px #0000001f;border-radius:14px}@media(min-width:750px){.mystery-sticky-footer{left:0;right:0;width:calc(100% - 24px);max-width:1176px;margin:0 auto;padding:10px 16px 12px;border-radius:16px}}.mystery-sticky-footer__info{margin-bottom:6px}.mystery-sticky-footer__line{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.mystery-sticky-footer__items-count{font-size:.78rem;color:#888;font-weight:600}.mystery-sticky-footer__price-original{font-size:.75rem;color:#999;text-decoration:line-through;margin-right:5px}.mystery-sticky-footer__price-current{font-size:1.1rem;font-weight:800}.mystery-sticky-footer__message{display:none}.mystery-cta{display:block;width:100%;padding:13px 20px;background:#000;color:#fff;border:1px solid #000;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0;cursor:pointer;transition:opacity .2s ease;margin-top:2px;border-radius:8px;line-height:1.2;white-space:normal;text-align:center;min-height:46px}@media(min-width:750px){.mystery-cta{font-size:.92rem;padding:15px 22px;min-height:50px}}.mystery-cta:hover:not(:disabled){opacity:.85}.mystery-cta:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.mystery-resume-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.mystery-resume-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;cursor:pointer}.mystery-resume-popup__panel{position:relative;background:#fff;max-width:420px;width:90%;padding:28px 24px;border-radius:8px;text-align:center;box-shadow:0 12px 48px #0003}.mystery-resume-popup__eyebrow{display:inline-block;font-size:.75rem;background:#f4f4f4;color:#333;padding:6px 12px;border-radius:12px;letter-spacing:.05em;margin-bottom:14px;font-weight:600}.mystery-resume-popup__title{font-size:1.2rem;font-weight:700;margin:0 0 8px;line-height:1.3}.mystery-resume-popup__text{font-size:.9rem;color:#555;margin:0 0 22px}.mystery-resume-popup__actions{display:flex;flex-direction:column;gap:8px}.mystery-resume-popup__btn{padding:13px 18px;border:none;cursor:pointer;font-size:.9rem;font-weight:700;border-radius:8px;transition:opacity .15s ease;font-family:inherit}.mystery-resume-popup__btn--primary{background:#000;color:#fff;text-transform:uppercase;letter-spacing:.05em}.mystery-resume-popup__btn--secondary{background:#f4f4f4;color:#333}.mystery-resume-popup__btn:hover{opacity:.85}.mystery-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;animation:mysteryLoadingFadeIn .18s ease-out}.mystery-loading[hidden]{display:none!important}@keyframes mysteryLoadingFadeIn{0%{opacity:0}to{opacity:1}}.mystery-loading__box{background:#fff;border-radius:10px;padding:36px 32px;width:100%;max-width:360px;text-align:center;box-shadow:0 12px 40px #00000040}.mystery-loading__spinner{width:56px;height:56px;margin:0 auto 20px;border:4px solid #eee;border-top-color:#000;border-radius:50%;animation:mysteryLoadingSpin .8s linear infinite}@keyframes mysteryLoadingSpin{to{transform:rotate(360deg)}}.mystery-loading__title{font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#000;margin:0 0 8px;line-height:1.3}.mystery-loading__subtitle{font-size:.85rem;color:#555;font-weight:500;margin:0}@media(min-width:750px){.mystery-loading__box{max-width:380px;padding:40px 36px}.mystery-loading__title{font-size:1.05rem}}.mystery-cta--secondary{background:#fff;color:#000;border:1px solid #000;margin-top:8px;min-height:44px}.mystery-cta--secondary:hover:not(:disabled){background:#f4f4f4;opacity:1}.mystery-cta-link{display:block;width:100%;background:none;border:none;padding:10px 4px 2px;margin:0;font:inherit;font-size:.78rem;font-weight:600;color:#555;text-align:center;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease}.mystery-cta-link:hover{color:#000}.mystery-cta-link[hidden],.mystery-cta--secondary[hidden]{display:none!important}.mystery-intro__steps{list-style:none;padding:0;margin:18px auto 22px;max-width:560px;display:flex;flex-direction:column;gap:8px;text-align:left}.mystery-intro__step{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #eee}.mystery-intro__step:last-child{border-bottom:none}.mystery-intro__step-num{flex-shrink:0;width:32px;height:32px;background:#000;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.mystery-intro__step-text{font-size:.85rem;font-weight:700;color:#000;letter-spacing:.02em;text-transform:uppercase;line-height:1.3}@media(min-width:750px){.mystery-intro__steps{gap:10px;margin:22px auto 26px}.mystery-intro__step{padding:12px 0}.mystery-intro__step-num{width:38px;height:38px;font-size:.9rem}.mystery-intro__step-text{font-size:.95rem}}.mystery-intro__cta-bottom{font-size:.85rem;font-weight:800;color:#000;text-transform:uppercase;letter-spacing:.1em;margin:12px 0 16px}@media(min-width:750px){.mystery-intro__cta-bottom{font-size:.95rem;margin:16px 0 20px}}.mystery-intro__title,.mystery-selection__title{font-size:2.2rem;font-weight:900;letter-spacing:.03em;margin:0 0 12px;text-transform:uppercase;line-height:1.05;color:#000}.mystery-intro__tagline,.mystery-selection__subtitle{font-size:1rem;font-weight:500;color:#444;margin:0 auto 20px;max-width:520px;line-height:1.45}.mystery-intro{padding:34px 16px 29px}.mystery-intro__card-img{aspect-ratio:1 / 1;max-width:280px}.mystery-divider{display:flex;align-items:center;gap:16px;max-width:520px;margin:14px auto 4px;padding:0 16px}.mystery-divider__line{flex:1;height:1px;background:#ddd}.mystery-divider__text{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#666}.mystery-selection{padding:24px 16px 69px;max-width:1280px;margin:0 auto;text-align:center}.mystery-selection__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mystery-selection__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border:1px solid #eee;border-radius:8px;padding:8px;transition:all .15s ease}.mystery-selection__card:hover{border-color:#000;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.mystery-selection__card-img{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:4px}.mystery-selection__card-title{font-size:.85rem;font-weight:700;letter-spacing:.02em;margin:10px 4px 4px;text-transform:uppercase;line-height:1.2}.mystery-selection__card-prices{display:flex;justify-content:center;gap:6px;font-size:.9rem;font-weight:700;margin:4px 4px 8px}.mystery-selection__card-compare{color:#999;font-weight:500;text-decoration:line-through}.mystery-selection__card-price{color:#000}@media(max-width:760px){.mystery-intro{padding:26px 16px 21px}.mystery-intro__title,.mystery-selection__title{font-size:1.7rem}.mystery-intro__tagline,.mystery-selection__subtitle{font-size:.95rem;margin-bottom:16px}.mystery-divider{margin:14px auto 0}.mystery-selection{padding:18px 16px 53px}.mystery-selection__grid{grid-template-columns:repeat(2,1fr);gap:10px}.mystery-intro__card-img{max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/mystery-box-builder.css.map */