.card-mobile-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.card-mobile-modal.active{opacity:1;visibility:visible;pointer-events:auto}.card-mobile-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-mobile-modal__content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:2rem 2rem 0 0;max-height:80vh;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:0 -4px 24px #00000026}.card-mobile-modal.active .card-mobile-modal__content{transform:translateY(0)}.card-mobile-modal__header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid rgba(var(--color-foreground),.1);flex-shrink:0}.card-mobile-modal__title{font-size:1.7rem;font-weight:700;text-transform:uppercase;color:rgba(var(--color-foreground),1);margin:0;flex:1;padding-right:1rem}.card-mobile-modal__close{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05);border:none;border-radius:50%;cursor:pointer;color:rgba(var(--color-foreground),.8);transition:all .2s ease;flex-shrink:0}.card-mobile-modal__close:active{transform:scale(.95);background:rgba(var(--color-foreground),.1)}.card-mobile-modal__body{padding:2rem;overflow-y:auto;flex:1}.card-mobile-modal__body .card-hover-form{width:100%}.card-mobile-modal__body .card__hover-variants,.card-mobile-modal__body .card__hover-option-group{margin-bottom:2rem}.card-mobile-modal__body .card__hover-option-group:last-child{margin-bottom:0}.card-mobile-modal__body .card__hover-fieldset{border:none;margin:0;padding:0}.card-mobile-modal__body .card__hover-option-label{font-size:1.4rem;color:rgba(var(--color-foreground),.9);margin-bottom:1rem;display:block;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.card-mobile-modal__body .card__hover-option-values{display:flex;flex-wrap:wrap;gap:1rem}.card-mobile-modal__body .card__hover-option-value{position:relative;flex:1 1 calc(50% - .5rem);min-width:calc(50% - .5rem)}.card-mobile-modal__body .card__hover-option-input{position:absolute;opacity:0;width:0;height:0}.card-mobile-modal__body .card__hover-option-label-value{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:1.2rem 1.5rem;border:2px solid rgba(var(--color-foreground),.2);border-radius:1rem;background:rgba(var(--color-background),1);color:rgba(var(--color-foreground),.8);font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;text-align:center;min-height:5rem;width:100%;position:relative}.card-mobile-modal__body .card__option-name,.card-mobile-modal__body .card__option-price{display:block;font-size:1.6rem;font-weight:600}.card-mobile-modal__body .card__option-tooltip{position:absolute;top:-18px;left:50%;transform:translate(-50%);color:rgba(var(--color-background),1);padding:.4rem .8rem;border-radius:.4rem;font-size:1rem;text-transform:uppercase;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;z-index:10}.card-mobile-modal__body .card__option-tooltip.meal-prep-tip{background:#06b6d5}.card-mobile-modal__body .card__option-tooltip.best-seller-tip{background:#ff8000}.card-mobile-modal__body .card__hover-option-label-value:active .card__option-tooltip{opacity:1;visibility:visible}.card-mobile-modal__body .card__hover-option-label-value:active{transform:scale(.98)}.card-mobile-modal__body .card__hover-option-input:checked+.card__hover-option-label-value{border-color:rgba(var(--color-foreground),1);background:rgba(var(--color-foreground),1);color:rgba(var(--color-background),1)}.card-mobile-modal__body .card__hover-option-input:disabled+.card__hover-option-label-value{opacity:.4;cursor:not-allowed;background:rgba(var(--color-foreground),.05)}.card-mobile-modal__body .card__hover-add-btn{width:100%;justify-content:space-between;display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:1rem;transition:all .2s ease;margin-top:2rem;border:none;background:rgba(var(--color-foreground),1);color:rgba(var(--color-background),1);cursor:pointer}.card-mobile-modal__body .card__hover-add-btn .btn-text{flex:1;text-align:left}.card-mobile-modal__body .card__hover-add-btn .btn-price{font-weight:700;white-space:nowrap}.card-mobile-modal__body .card__hover-add-btn:active{transform:scale(.98)}.card-mobile-modal__body .card__hover-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}body.card-mobile-modal-open{overflow:hidden;position:fixed;width:100%;left:0;right:0}@media screen and (min-width:990px){.card-mobile-modal{display:none!important}}@media screen and (min-width:750px)and (max-width:989px){.card-mobile-modal__content{max-height:70vh}.card-mobile-modal__body .card__hover-option-value{flex:1 1 calc(33.333% - .67rem);min-width:calc(33.333% - .67rem)}}@media screen and (max-width:480px){.card-mobile-modal__header{padding:1.5rem}.card-mobile-modal__title{font-size:1.6rem}.card-mobile-modal__body{padding:1.5rem}.card-mobile-modal__body .card__hover-option-label{font-size:1.3rem}.card-mobile-modal__body .card__hover-option-label-value{font-size:1.3rem;padding:1rem 1.2rem;min-height:4.5rem}.card-mobile-modal__body .card__hover-add-btn{font-size:1.4rem;padding:1.2rem 1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card-product-mobile-modal.css.map */