.blind-box-landing{--bb-primary: #8B4513;--bb-secondary: #D2691E;--bb-accent: #FFD700;--bb-dark: #1a1a1a;--bb-light: #fff}.bb-banner{position:relative;width:100%;min-height:400px;background:linear-gradient(135deg,#f5e6d3,#e8d4b8);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.bb-banner__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.bb-banner__content{position:relative;z-index:1;padding:40px 20px}.bb-banner__title{font-size:clamp(3rem,8vw,6rem);font-weight:900;color:var(--bb-primary);text-shadow:2px 2px 4px rgba(0,0,0,.1);margin:0 0 10px;line-height:1}.bb-banner__subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--bb-primary);font-weight:600;margin-bottom:30px;letter-spacing:2px}.bb-banner__buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.bb-btn{padding:14px 32px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.bb-btn--primary{background:var(--bb-dark);color:var(--bb-light)}.bb-btn--primary:hover{background:#333;transform:translateY(-2px)}.bb-btn--secondary{background:var(--bb-light);color:var(--bb-dark);border:2px solid var(--bb-dark)}.bb-btn--secondary:hover{background:var(--bb-dark);color:var(--bb-light)}.bb-btn--accent{background:var(--bb-accent);color:var(--bb-dark);position:relative}.bb-btn--accent:before{content:attr(data-badge);position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--bb-accent);color:var(--bb-dark);font-size:.7rem;padding:2px 8px;border-radius:10px}.bb-steps{background:var(--bb-secondary);padding:15px 20px;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.bb-step{display:flex;align-items:center;gap:8px;color:var(--bb-light);font-weight:600}.bb-step__number{width:28px;height:28px;background:var(--bb-accent);color:var(--bb-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.bb-step__divider{color:var(--bb-light);opacity:.5}.bb-products{padding:60px 20px;max-width:1400px;margin:0 auto}.bb-products__header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px}.bb-products__filter{display:flex;align-items:center;gap:8px;font-size:1rem;color:var(--bb-dark)}.bb-products__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.bb-products__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.bb-products__grid{grid-template-columns:repeat(2,1fr)}}.bb-product-card{position:relative;background:var(--bb-light);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.bb-product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.bb-product-card__badge{position:absolute;top:12px;left:12px;padding:4px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;z-index:2}.bb-product-card__badge--new{background:var(--bb-dark);color:var(--bb-light)}.bb-product-card__badge--hot{background:#dc3545;color:var(--bb-light)}.bb-product-card__image{width:100%;aspect-ratio:1;object-fit:cover}.bb-product-card__info{padding:15px}.bb-product-card__title{font-size:.95rem;font-weight:500;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bb-product-card__price{font-size:1.1rem;font-weight:700;color:#dc3545}.bb-shake-page{--bb-primary: #dc3545;--bb-dark: #1a1a1a;--bb-light: #fff;--bb-gray: #f5f5f5}.bb-progress{display:flex;justify-content:center;align-items:center;gap:0;padding:20px;border-bottom:1px solid #eee;flex-wrap:wrap}.bb-progress__step{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#999;font-weight:500}.bb-progress__step.active{color:var(--bb-dark)}.bb-progress__step.completed{color:var(--bb-primary)}.bb-progress__icon{font-size:1.5rem}.bb-progress__arrow{color:#ccc;margin:0 10px}.bb-shake-main{display:grid;grid-template-columns:1fr 400px;gap:40px;max-width:1400px;margin:0 auto;padding:40px 20px}@media(max-width:1024px){.bb-shake-main{grid-template-columns:1fr}}.bb-shake-left{background:var(--bb-gray);border-radius:16px;padding:30px}.bb-shake-left__back{display:flex;align-items:center;gap:8px;color:var(--bb-dark);text-decoration:none;font-weight:500;margin-bottom:20px}.bb-shake-left__back:hover{text-decoration:underline}.bb-product-display{text-align:center}.bb-product-display__image{max-width:100%;max-height:400px;object-fit:contain;margin-bottom:20px}.bb-product-display__id{font-size:.9rem;color:#666;margin-bottom:5px}.bb-product-display__hint{color:var(--bb-primary);font-size:.9rem}.bb-shake-right{padding:20px 0}.bb-shake-right__title{font-size:1.5rem;font-weight:600;margin:0 0 10px;line-height:1.3}.bb-shake-right__price{font-size:1.75rem;font-weight:700;color:var(--bb-primary);margin-bottom:5px}.bb-shake-right__shipping{display:inline-block;background:#fff0f0;color:var(--bb-primary);padding:4px 12px;font-size:.8rem;border-radius:4px;margin-bottom:25px}.bb-shake-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.bb-shake-btn{width:100%;padding:16px 24px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.bb-shake-btn--primary{background:var(--bb-dark);color:var(--bb-light)}.bb-shake-btn--primary:hover:not(:disabled){background:#333}.bb-shake-btn--primary:disabled{background:#ccc;cursor:not-allowed}.bb-shake-btn--secondary{background:var(--bb-light);color:var(--bb-dark);border:2px solid var(--bb-dark)}.bb-shake-btn--secondary:hover{background:var(--bb-gray)}.bb-shake-note{font-size:.85rem;color:#666;text-align:center;margin-bottom:15px}.bb-shake-howto{text-align:center}.bb-shake-howto a{color:var(--bb-dark);text-decoration:underline;font-size:.9rem}.bb-timer{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:15px;margin-bottom:20px;text-align:center;display:none}.bb-timer.active{display:block}.bb-timer__label{font-size:.85rem;color:#856404;margin-bottom:5px}.bb-timer__time{font-size:1.5rem;font-weight:700;color:#856404}.bb-timer.expired{background:#f8d7da;border-color:#f5c6cb}.bb-timer.expired .bb-timer__label,.bb-timer.expired .bb-timer__time{color:#721c24}.bb-variants{background:var(--bb-gray);padding:30px;margin-top:40px}.bb-variants__title{font-size:1.1rem;font-weight:600;margin-bottom:20px;text-align:center}.bb-variants__grid{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;justify-content:center;flex-wrap:wrap}.bb-variant-item{position:relative;flex:0 0 100px;text-align:center}.bb-variant-item__image{width:100px;height:100px;object-fit:cover;border-radius:8px;border:2px solid transparent;transition:all .3s ease}.bb-variant-item.excluded .bb-variant-item__image{opacity:.4;filter:grayscale(100%)}.bb-variant-item__excluded-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#dc3545e6;border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}.bb-variant-item.excluded .bb-variant-item__excluded-mark{display:flex}.bb-variant-item__name{font-size:.75rem;margin-top:8px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-10px) rotate(-5deg)}20%{transform:translate(10px) rotate(5deg)}30%{transform:translate(-10px) rotate(-5deg)}40%{transform:translate(10px) rotate(5deg)}50%{transform:translate(-10px) rotate(-5deg)}60%{transform:translate(10px) rotate(5deg)}70%{transform:translate(-10px) rotate(-3deg)}80%{transform:translate(10px) rotate(3deg)}90%{transform:translate(-5px) rotate(-1deg)}}.bb-shaking{animation:shake .8s ease-in-out}.bb-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;align-items:center;justify-content:center;z-index:9999}.bb-result-overlay.active{display:flex}.bb-result-modal{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;text-align:center;position:relative}.bb-result-modal__close{position:absolute;top:15px;right:15px;width:30px;height:30px;border:none;background:none;font-size:1.5rem;cursor:pointer;color:#999}.bb-result-modal__icon{font-size:4rem;margin-bottom:20px}.bb-result-modal__title{font-size:1.5rem;font-weight:700;margin-bottom:15px}.bb-result-modal__desc{color:#666;margin-bottom:25px}.bb-result-modal__excluded{background:#f5f5f5;border-radius:8px;padding:15px;margin-bottom:20px;text-align:left}.bb-result-modal__excluded-title{font-weight:600;margin-bottom:10px;font-size:.9rem}.bb-result-modal__excluded-list{display:flex;gap:10px;flex-wrap:wrap}.bb-result-modal__excluded-item{display:flex;align-items:center;gap:5px;background:#fff;padding:5px 10px;border-radius:4px;font-size:.8rem}.bb-result-modal__excluded-item img{width:30px;height:30px;object-fit:cover;border-radius:4px}.bb-howto-modal{max-width:600px}.bb-howto-modal__steps{text-align:left;margin:20px 0}.bb-howto-modal__step{display:flex;align-items:flex-start;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.bb-howto-modal__step:last-child{border-bottom:none}.bb-howto-modal__step-num{width:32px;height:32px;background:var(--bb-dark, #1a1a1a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.bb-howto-modal__step-content h4{margin:0 0 5px;font-size:1rem}.bb-howto-modal__step-content p{margin:0;color:#666;font-size:.9rem}.bb-quantity{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px}.bb-quantity__btn{width:36px;height:36px;border:2px solid var(--bb-dark);background:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.bb-quantity__btn:hover{background:var(--bb-gray)}.bb-quantity__input{width:60px;text-align:center;font-size:1.1rem;font-weight:600;border:2px solid #ddd;padding:8px}.bb-quantity__input::-webkit-outer-spin-button,.bb-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:20px}.bb-pagination__btn{padding:12px 24px;font-size:1rem;font-weight:600;border:2px solid var(--bb-dark, #1a1a1a);background:var(--bb-light, #fff);color:var(--bb-dark, #1a1a1a);cursor:pointer;transition:all .3s ease}.bb-pagination__btn:hover:not(:disabled){background:var(--bb-dark, #1a1a1a);color:var(--bb-light, #fff)}.bb-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.bb-pagination__info{font-size:1rem;font-weight:600}.bb-result-modal__checkout{display:flex;flex-direction:column;gap:10px;margin-top:15px}.bb-checkout-btn{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:700;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.bb-checkout-btn--primary{background:#dc3545;color:#fff}.bb-checkout-btn--primary:hover{background:#c82333}.bb-checkout-btn--secondary{background:var(--bb-dark, #1a1a1a);color:#fff}.bb-checkout-btn--secondary:hover{background:#333}.bb-shake-btn--buy{background:#dc3545!important;color:#fff!important;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 20px #dc354580}}.bb-shake-actions--shaked .bb-shake-btn--primary{order:2}.bb-shake-actions--shaked .bb-shake-btn--buy{order:1}@media(max-width:1024px){.bb-shake-main{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.bb-banner{min-height:280px;padding:20px 15px}.bb-banner__title{font-size:2.5rem}.bb-banner__subtitle{font-size:.9rem;margin-bottom:20px}.bb-banner__buttons{flex-direction:column;align-items:center;gap:10px}.bb-btn{width:100%;max-width:280px;padding:12px 24px;font-size:.95rem}.bb-steps{padding:12px 10px;gap:5px;flex-wrap:nowrap;overflow-x:auto}.bb-step{font-size:.75rem;gap:5px;white-space:nowrap}.bb-step__number{width:22px;height:22px;font-size:.75rem}.bb-step__divider{font-size:.6rem}.bb-products{padding:30px 15px}.bb-products__grid{grid-template-columns:repeat(2,1fr);gap:12px}.bb-product-card__badge{top:8px;left:8px;padding:3px 8px;font-size:.65rem}.bb-product-card__info{padding:10px}.bb-product-card__title{font-size:.85rem;-webkit-line-clamp:2}.bb-product-card__price{font-size:1rem}.bb-pagination{gap:10px;margin-top:25px;padding:15px}.bb-pagination__btn{padding:10px 16px;font-size:.85rem}.bb-progress{padding:12px 10px;gap:3px;flex-wrap:nowrap}.bb-progress__step{padding:6px 8px;font-size:.7rem;gap:5px}.bb-progress__icon{font-size:1.1rem}.bb-progress__arrow{font-size:.7rem;margin:0 2px}.bb-shake-main{padding:15px;gap:15px}.bb-shake-left{padding:15px;border-radius:12px}.bb-shake-left__back{font-size:.85rem;margin-bottom:15px}.bb-product-display__image{max-height:250px}.bb-product-display__id,.bb-product-display__hint{font-size:.8rem}.bb-shake-right{position:sticky;bottom:0;background:#fff;z-index:100;margin:0 -15px;padding:15px;box-shadow:0 -4px 20px #0000001a;border-radius:20px 20px 0 0}.bb-shake-right__title{font-size:1.1rem;margin-bottom:5px}.bb-shake-right__price{font-size:1.5rem;margin-bottom:3px}.bb-shake-right__shipping{font-size:.7rem;padding:3px 8px;margin-bottom:12px}.bb-timer{padding:10px;margin-bottom:12px;border-radius:6px}.bb-timer__label{font-size:.75rem;margin-bottom:3px}.bb-timer__time{font-size:1.3rem}.bb-shake-actions{gap:8px;margin-bottom:10px}.bb-shake-btn{padding:14px 20px;font-size:1rem;border-radius:8px}.bb-shake-btn--buy{padding:16px 20px;font-size:1.1rem}.bb-quantity{gap:10px;margin-bottom:10px}.bb-quantity__btn{width:32px;height:32px;font-size:1rem}.bb-quantity__input{width:50px;padding:6px;font-size:1rem}.bb-shake-note{font-size:.75rem;margin-bottom:8px}.bb-shake-howto{margin-bottom:5px}.bb-shake-howto a{font-size:.8rem}.bb-variants{padding:20px 15px;margin-top:20px;margin-bottom:180px}.bb-variants__title{font-size:.95rem;margin-bottom:15px}.bb-variants__grid{gap:10px;justify-content:flex-start}.bb-variant-item{flex:0 0 70px}.bb-variant-item__image{width:70px;height:70px;border-radius:6px}.bb-variant-item__excluded-mark{width:45px;height:45px;font-size:1.5rem}.bb-variant-item__name{font-size:.65rem;margin-top:5px}.bb-result-overlay{align-items:flex-end}.bb-result-modal{border-radius:20px 20px 0 0;padding:25px 20px 30px;max-width:100%;width:100%;max-height:85vh;overflow-y:auto}.bb-result-modal__close{top:12px;right:12px;width:28px;height:28px}.bb-result-modal__icon{font-size:3rem;margin-bottom:12px}.bb-result-modal__title{font-size:1.25rem;margin-bottom:10px}.bb-result-modal__desc{font-size:.85rem;margin-bottom:15px}.bb-result-modal__excluded{padding:12px;margin-bottom:15px}.bb-result-modal__excluded-title{font-size:.8rem;margin-bottom:8px}.bb-result-modal__excluded-list{gap:8px}.bb-result-modal__excluded-item{padding:4px 8px;font-size:.7rem}.bb-result-modal__excluded-item img{width:25px;height:25px}.bb-result-modal__checkout{gap:8px;margin-top:10px}.bb-checkout-btn{padding:14px 20px;font-size:1rem;border-radius:8px}.bb-checkout-btn--primary{padding:16px 20px;font-size:1.1rem}.bb-howto-modal{max-width:100%}.bb-howto-modal__steps{margin:15px 0}.bb-howto-modal__step{padding:12px 0;gap:12px}.bb-howto-modal__step-num{width:28px;height:28px;font-size:.85rem}.bb-howto-modal__step-content h4{font-size:.9rem}.bb-howto-modal__step-content p{font-size:.8rem}}@media(max-width:375px){.bb-banner__title{font-size:2rem}.bb-products__grid{gap:8px}.bb-shake-right{padding:12px}.bb-shake-right__title{font-size:1rem}.bb-shake-right__price{font-size:1.3rem}.bb-variant-item{flex:0 0 60px}.bb-variant-item__image{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/blind-box.css.map */