.quantity-break__benefit-badge{display:flex;align-items:stretch;justify-content:center;background-color:var(--benefit-background-color, #4CAF50);color:var(--benefit-text-color, #FFFFFF);border-radius:0 0 .5rem .5rem;padding:6px 10px;position:absolute;bottom:-30px;left:0;right:0;z-index:1;font-weight:700;font-size:var(--benefit-text-size, 14px);line-height:1.2;box-shadow:0 3px 5px #0000000d;margin-top:0;min-height:30px;transition:all .2s ease}.quantity-break__benefit-badge-image{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px;width:var(--benefit-image-size, 30px);height:auto}.quantity-break__benefit-badge-image img{display:block;width:100%;height:auto;object-fit:contain;max-height:none}.quantity-break__benefit-badge-text{display:flex;align-items:center;flex:1;white-space:normal;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:var(--benefit-text-size, 14px)}.quantity-break{position:relative;padding-bottom:30px;overflow:visible!important;margin-bottom:30px!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;transition:all .2s ease}.quantity-break{border-bottom:none!important}.quantity-break__benefit-badge{border-left:var(--border-width, .1rem) solid var(--color-border, rgba(var(--color-foreground), .1));border-right:var(--border-width, .1rem) solid var(--color-border, rgba(var(--color-foreground), .1));border-bottom:var(--border-width, .1rem) solid var(--color-border, rgba(var(--color-foreground), .1));border-top:none}.product .quantity-break__benefit-badge,.main-product .quantity-break__benefit-badge{border-left-width:var(--product-border-width, .1rem);border-right-width:var(--product-border-width, .1rem);border-bottom-width:var(--product-border-width, .1rem);border-left-color:var(--product-border-color, rgba(var(--color-foreground), .1));border-right-color:var(--product-border-color, rgba(var(--color-foreground), .1));border-bottom-color:var(--product-border-color, rgba(var(--color-foreground), .1))}.quantity-break.is-active .quantity-break__benefit-badge,.quantity-break:focus-within .quantity-break__benefit-badge{border-left-color:var(--accent-color, rgb(var(--color-accent)));border-right-color:var(--accent-color, rgb(var(--color-accent)));border-bottom-color:var(--accent-color, rgb(var(--color-accent)));border-left-width:.15rem;border-right-width:.15rem;border-bottom-width:.15rem}@media (hover: hover){.quantity-break:hover .quantity-break__benefit-badge{border-left:solid 2px rgb(var(--color-accent));border-right:solid 2px rgb(var(--color-accent));border-bottom:solid 2px rgb(var(--color-accent));border-top:none}.quantity-break:hover .quantity-break__benefit-badge{bottom:-30px;left:-2px;right:-2px}}.quantity-breaks-container{position:relative;z-index:1}@media screen and (max-width: 767px){.quantity-break__benefit-badge{padding:6px 8px;font-size:calc(var(--benefit-text-size, 14px) - 2px);bottom:-28px;min-height:28px}.quantity-break__benefit-badge-image{width:calc(var(--benefit-image-size, 30px) - 6px);margin-right:6px}.quantity-break{padding-bottom:28px;margin-bottom:28px!important}@media (hover: hover){.quantity-break:hover .quantity-break__benefit-badge{bottom:-28px}}}.quantity-breaks--compact .quantity-break__benefit-badge{bottom:-30px;border-radius:0 0 .4rem .4rem}.quantity-breaks--vertical .quantity-break__benefit-badge{bottom:-30px;border-radius:0 0 .5rem .5rem}.template-product .quantity-break,.template-product .quantity-break.is-active,.template-product .quantity-break:focus-within,.main-product .quantity-break,.main-product .quantity-break.is-active,.main-product .quantity-break:focus-within{border-bottom-width:0!important}.template-product .quantity-break__benefit-badge,.main-product .quantity-break__benefit-badge{--product-border-width: var(--quantity-border-width, .1rem);--product-border-color: var(--quantity-border-color, rgba(var(--color-foreground), .1));border-left-width:var(--product-border-width);border-right-width:var(--product-border-width);border-bottom-width:var(--product-border-width);width:calc(100% + (2 * var(--product-border-width)));margin-left:calc(-1 * var(--product-border-width));box-sizing:content-box}.template-product .quantity-break,.main-product .quantity-break{z-index:1;margin-bottom:35px!important;border:var(--border-width, .1rem) solid var(--color-border, rgba(var(--color-foreground), .1));border-bottom:none!important;border-radius:.5rem .5rem 0 0}.quantity-break-container{position:relative}.quantity-break{border:1px solid #dfdfdf!important;border-bottom:none!important;border-radius:8px 8px 0 0!important}.quantity-break .quantity-break__benefit-badge{border:1px solid #dfdfdf!important;border-top:none!important;border-radius:0 0 8px 8px!important;margin-left:-1px!important;margin-right:-1px!important;width:calc(100% + 2px)!important}.quantity-break.is-active,.quantity-break:focus-within,input:checked+.quantity-break{border:2px solid rgb(var(--color-accent))!important;border-bottom:none!important}.quantity-break.is-active .quantity-break__benefit-badge,.quantity-break:focus-within .quantity-break__benefit-badge,input:checked+.quantity-break .quantity-break__benefit-badge{border:2px solid rgb(var(--color-accent))!important;border-top:none!important;margin-left:-2px!important;margin-right:-2px!important;width:calc(100% + 4px)!important}@media (hover: hover){.quantity-break:hover{border:2px solid rgb(var(--color-accent))!important;border-bottom:none!important}.quantity-break:hover .quantity-break__benefit-badge{border:2px solid rgb(var(--color-accent))!important;border-top:none!important;margin-left:-2px!important;margin-right:-2px!important;width:calc(100% + 4px)!important}}@media screen and (max-width: 767px){.quantity-break{padding-bottom:28px!important;margin-bottom:28px!important}.quantity-break__benefit-badge{bottom:-28px!important;min-height:28px!important}.quantity-break__badge.color-background-4{background-color:#ff6b6b;color:#fff;padding-bottom:10px}.quantity-break__badge.color-background-2{background-color:#2a9d8f;color:#fff;padding-bottom:10px}}@media screen and (max-width: 767px){.quantity-breaks[data-force-column=true] .quantity-breaks-container{display:grid!important;grid-template-columns:repeat(1,1fr)!important}.quantity-breaks .quantity-breaks-container{display:grid;align-items:stretch}.quantity-breaks .quantity-break{height:100%;display:flex;flex-direction:column}.quantity-breaks .quantity-break__badge{min-height:30px;display:flex;align-items:center;justify-content:center}.quantity-break__image img{max-height:15px;width:auto}.quantity-break__image[data-image-size="0"] img{height:auto;max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/quantity-break-badge.css.map */