quantity-breaks{display:block;margin:2rem 0}.quantity-breaks__title{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1.3rem;text-align:center;font-size:1.4rem;line-height:1}.quantity-breaks__title span:first-child,.quantity-breaks__title span:last-child{display:block;flex:1 1 auto;height:.2rem;background:var(--quantity-breaks-accent, rgb(var(--color-button)))}.quantity-breaks__list{display:flex;flex-direction:column;position:relative}.quantity-breaks__radio{position:absolute;width:0;height:0;opacity:0}.quantity-break{position:relative;display:block;margin-bottom:.9rem;padding:1.7rem 1.7rem 1.7rem 4rem;cursor:pointer;border:.2rem solid rgba(var(--color-button),.3);border-radius:1rem;background:rgba(var(--color-button),.03);transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.quantity-break:last-of-type{margin-bottom:0}.quantity-breaks__radio:checked+.quantity-break,.quantity-break:hover{border-color:var(--quantity-breaks-accent, rgb(var(--color-button)));background:rgba(var(--color-button),.1)}.quantity-break:before{content:"";position:absolute;left:2rem;top:2.4rem;width:1.5rem;height:1.5rem;transform:translate(-50%,-50%);border:.2rem solid rgba(var(--color-button),.3);border-radius:50%;background:rgb(var(--color-background))}.quantity-breaks__radio:checked+.quantity-break:before{border-color:rgb(var(--color-background));background:var(--quantity-breaks-accent, rgb(var(--color-button)));box-shadow:0 0 0 .1rem var(--quantity-breaks-accent, rgb(var(--color-button)))}.quantity-break__badge{position:absolute;top:-1rem;right:-1rem;z-index:1;display:inline-flex;align-items:center;min-height:2.3rem;padding:0 .7rem;border-radius:.3rem;background:var(--quantity-breaks-accent, rgb(var(--color-button)));color:var(--quantity-breaks-accent-text, rgb(var(--color-button-text)));font-size:1.3rem;font-weight:700;line-height:1.2;transform:rotate(3deg)}.quantity-break__content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.quantity-break__left,.quantity-break__right,.quantity-break__label{display:flex}.quantity-break__left,.quantity-break__right{flex-direction:column;gap:.5rem}.quantity-break__left{align-items:flex-start;min-width:0;text-align:left}.quantity-break__right{align-items:flex-end;flex-shrink:0;text-align:right}.quantity-break__label{align-items:center;flex-wrap:wrap;gap:.5rem;font-size:1.6rem;font-weight:700;line-height:1.1}.quantity-break__benefit{display:inline-flex;align-items:center;min-height:1.9rem;padding:0 .75rem;border:.1rem solid var(--quantity-breaks-accent, rgb(var(--color-button)));border-radius:.6rem;background:rgb(var(--color-background));color:var(--quantity-breaks-accent, rgb(var(--color-button)));font-size:1rem;font-weight:700;line-height:1;white-space:nowrap}.quantity-break__caption,.quantity-break__compare-price{font-size:1.4rem;line-height:1.15}.quantity-break__price{color:var(--quantity-breaks-accent, rgb(var(--color-button)));font-size:1.6rem;font-weight:700;line-height:1}.quantity-break__compare-price{text-decoration:line-through}.quantity-break__variants{display:block;height:0;overflow:hidden;padding-top:0}.quantity-breaks__radio:checked+.quantity-break .quantity-break__variants{height:auto;padding-top:1rem}.quantity-break__selector-item{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.quantity-break__selector-item:not(:last-child){margin-bottom:.75rem}.quantity-break__selector-item-number{min-width:2.4rem;font-weight:700;line-height:1.5rem}.quantity-break__select-wrap{width:auto;min-width:9rem;max-width:100%}.quantity-break__select-wrap .select__select{min-height:3.6rem;height:3.6rem;padding-top:0;padding-bottom:0}@media screen and (max-width:749px){.quantity-break{padding:1.5rem 1.3rem 1.5rem 3.6rem}.quantity-break:before{left:1.8rem;top:2.2rem}.quantity-break__content{align-items:flex-start;gap:1rem}.quantity-break__label{font-size:1.5rem}.quantity-break__caption,.quantity-break__compare-price{font-size:1.3rem}.quantity-break__price{font-size:1.5rem}.quantity-break__badge{right:-.4rem;font-size:1.2rem}.quantity-break__selector-item{align-items:flex-start}.quantity-break__selector-item-number{padding-top:1rem}.quantity-break__select-wrap{flex:1 1 calc(50% - 2.9rem);min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-quantity-breaks.css.map */