.card--meal{--primary-green: var(--color-primary);--primary-yellow: var(--color-dandelion);--text-black: var(--color-black);--text-white: var(--color-white);--bg-gray: var(--color-gray-4);--border-gray: var(--color-gray-2);--border-light: var(--color-gray-3);position:relative}.card-wrapper[data-meal-product-trigger]{cursor:pointer}.card-wrapper[data-meal-product-trigger] .card__heading a:hover{text-decoration:none}.card-wrapper[data-meal-product-trigger] .quantity,.card-wrapper[data-meal-product-trigger] quick-add-bulk{cursor:default}.card-wrapper[data-meal-product-trigger] .quantity__button{cursor:pointer}.card-wrapper[data-meal-product-trigger] .quantity__input{cursor:text}.card--meal .card__inner{border-radius:12px 12px 0 0;overflow:hidden}.card--meal .card__media{position:relative}.card--meal .card__media:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#0003,#0003);z-index:1;pointer-events:none;border-radius:12px 12px 0 0}.card--meal .card__media .media{border-radius:12px 12px 0 0;overflow:hidden}.card--meal .media img{width:100%;height:100%;object-fit:cover}.card--meal .card__type-badge-overlay{position:absolute;top:8px;right:8px;z-index:2}.card--meal .card__type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #fff;border-radius:50px;font-size:12px;font-weight:400;color:#fff;font-family:Poppins,sans-serif;letter-spacing:-.5px;line-height:1.5;background:transparent}.card--meal .card__type-badge svg{width:14px;height:14px}.card--meal .card__badges-overlay{position:absolute;top:8px;left:8px;z-index:2;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:8px;max-width:calc(100% - 100px)}.card--meal .card__category-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background-color:#fff;border-radius:50px;box-shadow:0 4px 12px #00000024;font-size:14px;font-weight:500;color:#000;font-family:Poppins,sans-serif;letter-spacing:-.3px;line-height:1.3;white-space:nowrap}.card--meal .card__category-badge-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.card--meal .card__allergen-tags{position:absolute;bottom:8px;right:8px;z-index:2;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.card--meal .card__allergen-tag{padding:4px 8px;background:linear-gradient(87.45deg,#ffffff73 -225.64%,#fff0 102.19%),linear-gradient(0deg,#ffffff40,#ffffff40);border:1px solid rgba(255,255,255,.26);border-radius:8px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:var(--color-white);font-size:12px;font-weight:400;font-family:Poppins,sans-serif;line-height:1.5;letter-spacing:-.5px}.card--meal .card__allergen-overflow{cursor:pointer;appearance:none;-webkit-appearance:none}.card--meal .card__allergen-popup{display:none;position:absolute;right:8px;z-index:10;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px;width:auto;white-space:nowrap}.card--meal .card__allergen-popup.is-visible{display:block}.card--meal .card__category-overflow{cursor:pointer;appearance:none;-webkit-appearance:none;border:none;justify-content:center;padding:4px 8px;min-width:28px;pointer-events:auto}.card--meal .card__category-popup{display:none;position:absolute;left:8px;z-index:10;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:16px;min-width:160px;max-width:calc(100% - 16px);white-space:normal}.card--meal .card__category-popup.is-visible{display:block}.card__allergen-popup-title{font-size:16px;font-weight:600;font-family:Poppins,sans-serif;color:#000;margin:0 0 12px;letter-spacing:-.5px}.card__allergen-popup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.card__allergen-popup-list li{display:flex;align-items:center;gap:10px;font-size:14px;font-family:Poppins,sans-serif;color:#000;letter-spacing:-.5px;line-height:1.5}.card__allergen-popup-list li:before{content:"";width:8px;height:8px;border-radius:50%;background:#b6d997;flex-shrink:0}.card--meal .card__content{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--bg-gray);border-radius:0 0 16px 16px;flex-grow:1}.card--meal .card__information{display:flex;flex-direction:column;gap:12px;flex-grow:1}.card--meal .card__heading{margin:0}.card--meal .card__heading a{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.5px;color:var(--text-black);font-family:Poppins,sans-serif}.card--meal .card__nutrition-circles{display:flex;gap:12px;flex-wrap:wrap;min-height:48px;padding-bottom:4px;margin-top:auto}.card--meal .card__nutrition-circle{--circle-size: 45px;--border-width: 2px;--fill-percent: 0;--fill-color: var(--primary-green);--empty-color: var(--border-light);width:var(--circle-size);height:var(--circle-size);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;position:relative}.card--meal .card__nutrition-circle:before{content:"";position:absolute;top:0;left:0;width:100%;--border-width: 2.8px;height:100%;border-radius:50%;background:conic-gradient(from 270deg,var(--fill-color) calc(var(--fill-percent) * 1%),var(--empty-color) calc(var(--fill-percent) * 1%));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--border-width)),#fff calc(100% - var(--border-width) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--border-width)),#fff calc(100% - var(--border-width) + 1px))}.card--meal .card__nutrition-circle--calories{--fill-color: var(--color-secondary)}.card--meal .card__nutrition-circle--calories:before{background:var(--color-primary)}.card--meal .card__nutrition-circle--proteins{--fill-percent: var(--protein-percent, 0);--fill-color: #feb46d}.card--meal .card__nutrition-circle--carbs{--fill-percent: var(--carbs-percent, 0);--fill-color: #feda6d}.card--meal .card__nutrition-circle--fats{--fill-percent: var(--fats-percent, 0);--fill-color: #9cdee0}@media screen and (max-width:1199px){.card--meal .card__nutrition-circle--fats{display:none}}.card--meal .card__nutrition-circle-value{font-family:Inter Tight,sans-serif;font-size:11px;font-weight:600;line-height:1;color:var(--text-black);position:relative;z-index:1}.card--meal .card__nutrition-circle-label{font-family:Inter Tight,sans-serif;font-size:8px;font-weight:400;opacity:.65;line-height:1;color:var(--text-black);margin-top:2px;position:relative;z-index:1;text-align:center;max-width:calc(var(--circle-size) - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card--meal .card-information{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:16px 1rem;align-items:center}.card--meal .card__heading+.card-information{margin-top:auto}.card--meal .card-information:before{content:"";display:block;width:100%;height:1px;background-color:var(--border-gray);opacity:.65;grid-column:1 / -1;grid-row:1}.card--meal .card-information .price{grid-column:1;grid-row:2;margin:0}.card--meal .card-information .quick-add-bulk,.card--meal .card-information .card__quick-add,.card--meal .card-information .card__add-btn{grid-column:2;grid-row:2;margin:0}.card--meal .card__quick-add,.card--meal .card__quick-add-form{display:inline-flex;margin:0}.card--meal .card__add-btn{display:inline-flex;align-items:center;justify-content:center;width:51px;height:40px;padding:4px;border:2px solid var(--color-primary, #b6d997);border-radius:99px;background:var(--color-primary, #b6d997);color:var(--text-black, #000);cursor:pointer;position:relative;transition:filter .2s ease}.card--meal .card__add-btn:hover{filter:brightness(.95)}.card--meal .card__add-btn .svg-wrapper{display:inline-flex;align-items:center;justify-content:center}.card--meal .card__add-btn svg{width:16px;height:16px}.card--meal .card__add-btn-count{display:none}.card--meal .card__add-btn--has-items{width:auto;padding:8px 12px;gap:9.67px}.card--meal .card__add-btn--has-items .card__add-btn-count{display:inline-flex;align-items:center;justify-content:center;min-width:13.3px;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.5px;color:var(--text-black)}.card--meal .card__add-btn--has-items svg{width:16px;height:16px}.card--meal .card__add-btn .svg-wrapper,.card--meal .quantity.cart-quantity .quantity__button[name=plus] .svg-wrapper{width:16px;height:16px}.card--meal .card__add-btn--soldout{width:auto;padding:0 16px;background:var(--bg-gray, #f3f3f3);color:#00000080;font-family:Poppins,sans-serif;font-size:13px;cursor:not-allowed}.card--meal .price .price__container{display:flex;align-items:center}.card--meal .price-item{font-size:14px;font-weight:500;line-height:1.7;letter-spacing:-.5px;color:var(--text-black);font-family:Poppins,sans-serif}.card--meal .price__sale s:empty,.card--meal .price__sale .price-item--regular:empty{display:none}.card--meal .quick-add-bulk{flex-shrink:0}.card--meal .quantity.cart-quantity{display:inline-flex;align-items:center;justify-content:center;height:40px;background:var(--primary-green);border:2px solid var(--primary-green);border-radius:99px;min-width:auto;transition:filter .2s ease}.card--meal .quantity.cart-quantity:hover{filter:brightness(.95)}.card--meal .quantity.cart-quantity .quantity__button[name=minus]{display:none}.card--meal .quantity.cart-quantity .quantity__button[name=plus]{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-black)}.card--meal .quantity.cart-quantity .quantity__button[name=plus] .svg-wrapper{display:flex;align-items:center;justify-content:center}.card--meal .quantity.cart-quantity .quantity__button[name=plus] svg{width:16px;height:16px}.card--meal .quantity.cart-quantity:not(.quantity--has-items){width:51px;padding:0;gap:0}.card--meal .quantity.cart-quantity:not(.quantity--has-items) .quantity__input{display:none}.card--meal .quantity.cart-quantity:not(.quantity--has-items) .quantity__button[name=plus]{width:100%;height:100%}.card--meal .quantity.cart-quantity.quantity--has-items{width:auto;padding:8px 12px;gap:9.67px}.card--meal .quantity.cart-quantity.quantity--has-items .quantity__input{display:inline-flex;flex:0 0 auto;width:13.3px;min-width:13.3px;text-align:center;border:none;background:transparent;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.5px;color:var(--text-black);opacity:1;padding:0;-moz-appearance:textfield}.card--meal .quantity.cart-quantity.quantity--has-items .quantity__button[name=plus]{width:16px;height:16px;flex-shrink:0}.card--meal .quantity.cart-quantity.quantity--has-items .quantity__button[name=plus] svg{width:16px;height:16px}.card--meal .quantity__input::-webkit-outer-spin-button,.card--meal .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card--meal .quantity__input:focus{outline:none}.card--meal .progress-bar-container,.card--meal .card__information-volume-pricing-note,.card--meal .card__badge{display:none!important}.card--meal .rating,.card--meal .rating-text,.card--meal .rating-count,.card--meal .caption-with-letter-spacing{display:none}@media screen and (max-width:749px){.card--meal .card__heading a{font-size:14px}.card--meal .price-item{font-size:13px}.card--meal .card__nutrition-circle{--circle-size: 46px;--border-width: 2.8px}.card--meal .card__nutrition-circle-value{font-size:10px}.card--meal .card__nutrition-circle-label{font-size:7.5px}.card--meal .card__content{padding:12px;gap:12px}.card--meal .card__information{gap:12px}.card--meal .card-information{gap:12px .75rem}.card--meal .card__badges-overlay{top:6px;left:6px;gap:6px;max-width:calc(100% - 90px)}.card--meal .card__category-badge{gap:4px;padding:3px 8px;font-size:11px}.card--meal .card__category-badge-icon{width:14px;height:14px}.card--meal .card__category-overflow{padding:3px 7px;min-width:22px}.card--meal .card__type-badge-overlay{top:6px;right:6px}.card--meal .card__type-badge{gap:3px;padding:3px 7px;font-size:11px}.card--meal .card__type-badge svg{width:12px;height:12px}}.card-size-popup{position:fixed;z-index:10001;box-sizing:border-box;min-width:300px;background:#fff;border-radius:12px;box-shadow:0 15px 12.5px #00000026;padding:12px;max-height:80vh;overflow-y:auto;opacity:0;transform:translateY(-6px);transition:opacity .15s ease,transform .15s ease}.card-size-popup--visible{opacity:1;transform:translateY(0)}.card-size-popup--closing{opacity:0!important;pointer-events:none;transition:opacity .1s ease}.card-size-popup-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0006;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}.card-size-popup-backdrop.is-open{display:block;opacity:1;visibility:visible;pointer-events:auto}@media screen and (max-width:749px){.card-size-popup--sheet{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;border-radius:16px 16px 0 0;padding:8px 16px max(16px,env(safe-area-inset-bottom));box-shadow:0 -10px 30px #00000026;max-height:80vh;opacity:1;transform:translateY(100%);transition:transform .28s ease}.card-size-popup--sheet.card-size-popup--visible{transform:translateY(0)}}.card-size-list{display:flex;flex-direction:column}.card-size-list__title{display:none}.card-size-popup--sheet .card-size-list__title{display:block;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.5px;color:#000}.card-size-list .quick-add-bulk{margin:0;flex-shrink:0}.card-size-list__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.card-size-list__row:first-child{padding-top:0}.card-size-list__row:last-child{padding-bottom:0}.card-size-list__row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}.card-size-list__info{display:flex;flex-direction:column}.card-size-list__size{margin:0;font-family:Poppins,sans-serif;font-weight:500;font-size:14px;line-height:1.7;letter-spacing:-.5px;color:#000;white-space:nowrap}.card-size-list__compare-price{margin-left:6px;color:#dc2626;text-decoration:line-through}.card-size-list__cal{margin:0;font-family:Poppins,sans-serif;font-weight:400;font-size:12px;line-height:1.5;letter-spacing:-.5px;color:#121212}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-suvee-meal-card.css.map */
