.quantity-card-list{display:flex;flex-direction:column;gap:16px;overflow:visible}.quantity-card{position:relative}.quantity-card__input,.quantity-input{position:absolute;opacity:0;width:0;height:0}.quantity-card__label{display:block;border:2px solid rgb(var(--color-gray-200));border-radius:18px;padding:16px 20px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative;overflow:visible}.quantity-card__label:hover{border-color:rgb(var(--color-gray-300))}.quantity-card__input:checked+.quantity-card__label,.quantity-input:checked+.quantity-card__label{border-color:rgb(var(--color-primary-500));background:rgb(var(--color-primary-50))}.quantity-card:nth-child(2) .quantity-card__input:checked+.quantity-card__label{background:linear-gradient(135deg,#fdf2f8,#fce4ec);border-color:#db4987}.quantity-card__content{display:flex;justify-content:space-between;align-items:center}.quantity-card__left{position:relative;display:flex;align-items:center;gap:12px}.quantity-card__custom-radio{width:18px;height:18px;border:2px solid rgb(var(--color-gray-500));border-radius:50%;position:relative;transition:all .2s ease}.quantity-card__input:checked+.quantity-card__label .quantity-card__custom-radio{border-color:rgb(var(--color-primary-500))}.quantity-card__input:checked+.quantity-card__label .quantity-card__custom-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:rgb(var(--color-primary-500));border-radius:50%}.quantity-card__info{display:flex;flex-direction:column;gap:2px}.quantity-card__text,.quantity-card__unit-price{font-weight:var(--font-weight-bold)!important;line-height:1!important;color:rgb(var(--color-gray-800))!important;text-transform:capitalize!important}.quantity-card__text{font-size:15px!important}.quantity-card__unit-price{font-size:13px!important}.quantity-card__plus-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;background-color:rgb(var(--color-primary-500));border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.quantity-card__image{position:absolute;right:-60px;top:50%;transform:translateY(-50%);z-index:10}.quantity-card__image img{width:60px;height:60px;border-radius:10px;object-fit:cover}.quantity-card__right{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.quantity-card__badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quantity-card__savings-info{font-size:var(--font-size-caption-sm);line-height:1;font-weight:var(--font-weight-semibold);color:#0d9102;text-align:right}.quantity-card__subtitle{font-size:var(--font-size-caption-sm);line-height:1;font-weight:var(--font-weight-semibold);color:rgb(var(--color-gray-600))}.quantity-card__badge--popular{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='121' height='21' viewBox='0 0 121 21' fill='none'%3E%3Cpath d='M7.33271 0.361126L7.33272 7.58976H0.529297L7.33271 0.361126Z' fill='%238D3158'/%3E%3Cpath d='M114.062 0.361099L114.062 7.58973H120.865L114.062 0.361099Z' fill='%238D3158'/%3E%3Crect x='7.5' y='2.5' width='106' height='18' rx='9' fill='%23DB4987' stroke='%23DB4987'/%3E%3Crect x='7.5' y='0.5' width='106' height='13' fill='%23DB4987' stroke='%23DB4987'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;color:#fff;padding:4px 16px;border-radius:0;min-width:121px;height:21px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:absolute;top:-8px;right:20px;z-index:10}.quantity-card__helper{display:none;font-size:var(--font-size-caption-sm);line-height:2;font-weight:var(--font-weight-semibold);color:rgb(var(--color-gray-600))}.quantity-card__helper.selected{display:block}@media (max-width: 419.99px){.quantity-card__label{padding:16px 8px}}@media screen and (max-width: 369.99px){.quantity-card--image .quantity-card__image{right:-60px}.quantity-card--image .quantity-card__content{flex-direction:column;align-items:flex-start;gap:12px}.quantity-card--image .quantity-card__content .quantity-card__right{margin-left:auto}}@media screen and (min-width: 370px) and (max-width: 384.99px){.quantity-card--image .quantity-card__savings-info{max-width:4rem}}@media screen and (min-width: 370px) and (max-width: 419.99px){.quantity-card--image .quantity-card__image{right:-50px}}@media screen and (min-width: 750px){.quantity-card__left{gap:12px}.quantity-card__text,.quantity-card__unit-price{font-size:var(--font-size-caption-lg)!important}.quantity-card__right{gap:8px;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-quantity-card.css.map */
