.mention-card-host{display:block;height:100%}.mention-card{--u: calc(100cqi / 416);--mc-ink: #0f2d27;--mc-text: #1c1c1c;--mc-line: rgba(15, 45, 39, .13);--mc-font-body: "Area Inktrap", sans-serif;--mc-font-wide: "Loos ExtraWide", "Loos Wide", sans-serif;container-type:inline-size;position:relative;height:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(15,45,39,.18);border-radius:24px;overflow:hidden}.mention-card__inner{position:relative;display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:calc(20 * var(--u))}.mention-card__top{position:absolute;top:calc(20 * var(--u));left:calc(20 * var(--u));right:calc(20 * var(--u));z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.mention-card__pill{display:inline-flex;align-items:center;gap:calc(4 * var(--u));height:max(22px,calc(26 * var(--u)));padding:0 max(8px,calc(10 * var(--u)));box-sizing:border-box;border-radius:100px;font-family:var(--mc-font-body);font-weight:500;font-size:max(12.4px,calc(14 * var(--u)));line-height:1.2;letter-spacing:-.03em;color:var(--mc-text);white-space:nowrap}.mention-card__badge{min-width:0;overflow:hidden;text-overflow:ellipsis;background:#de9e9533}.mention-card__rating{flex-shrink:0;margin-left:auto;background:#0f2d270f;color:var(--mc-ink)}.mention-card__rating>span{color:var(--mc-text)}.mention-card__star{flex-shrink:0;width:max(11px,calc(13 * var(--u)));height:auto}.mention-card__media{position:relative;margin-top:calc(35 * var(--u));margin-bottom:calc(20 * var(--u));aspect-ratio:378 / 336}.mention-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.mention-card__img--hover{opacity:0}@media(hover:hover){.mention-card--has-hover:hover .mention-card__img--hover{opacity:1}.mention-card--has-hover:hover .mention-card__img--primary{opacity:0}}.mention-card__body{display:flex;flex-direction:column;align-items:center;text-align:center}.mention-card__benefit{margin-bottom:calc(12 * var(--u));font-family:var(--mc-font-body);font-weight:500;font-size:max(13.6px,calc(16 * var(--u)));line-height:1.2;color:#414244}.mention-card__benefit p{margin:0}.mention-card__benefit br{display:none}.mention-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-family:var(--mc-font-wide);font-weight:700;font-size:max(19px,calc(24 * var(--u)));line-height:1.2;letter-spacing:-.03em;color:var(--mc-ink);text-wrap:balance}.mention-card__link{color:inherit;text-decoration:none}.mention-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.mention-card__link:focus-visible{outline:none}.mention-card:has(.mention-card__link:focus-visible){outline:2px solid var(--mc-ink);outline-offset:-3px}.mention-card__ing-scroller{position:relative;z-index:2;align-self:stretch;width:100%;min-width:0;box-sizing:border-box;display:flex;margin:calc(16 * var(--u)) 0 0}.mention-card__ingredients{display:flex;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mention-card__ingredients::-webkit-scrollbar{display:none}.mention-card__ingredient:first-child{margin-left:auto}.mention-card__ingredient:last-child{margin-right:auto}.mention-card__ingredient{flex:0 0 auto;padding:calc(6 * var(--u)) calc(16 * var(--u));border:1px solid var(--mc-line);font-family:var(--mc-font-body);font-weight:400;font-size:max(13.6px,calc(16 * var(--u)));line-height:1.2;color:var(--mc-ink);white-space:nowrap}mention-ingredients[data-overflowing] .mention-card__ingredients{cursor:grab}mention-ingredients[data-dragging] .mention-card__ingredients{cursor:grabbing;-webkit-user-select:none;user-select:none}.mention-card__ingredient:first-child{border-radius:100px 0 0 100px}.mention-card__ingredient:last-child{border-radius:0 100px 100px 0}.mention-card__ingredient:only-child{border-radius:100px}.mention-card__footer{position:relative;z-index:2;margin-top:auto;padding-top:calc(21 * var(--u))}.mention-card__form{margin:0}.mention-card__cta{display:flex;align-items:center;justify-content:center;width:100%;height:max(37px,calc(48 * var(--u)));padding:0 16px;border:0;border-radius:100px;background:var(--mc-ink);color:#fff;font-family:var(--mc-font-wide);font-size:14px;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.mention-card__cta:hover{background:#1a4a3a}.mention-card__cta:focus-visible{outline:2px solid var(--mc-ink);outline-offset:2px}.mention-card__cta-label{font-weight:500}.mention-card__cta-price{font-weight:400}.mention-card__cta-divider{flex-shrink:0;width:1px;height:.93em;margin:0 10px;background:#ffffff73}.mention-card__cta.is-loading{opacity:.7;pointer-events:none}.mention-card__cta:disabled{opacity:.5;cursor:not-allowed}.mention-card__error{margin:6px 0 0;font-family:var(--mc-font-body);font-size:12px;line-height:1.3;text-align:center;color:#b42318}.mention-card__cta-short{display:none}.mention-card__cta-compare{margin-right:6px;opacity:.6}@media only screen and (max-width:767px){.mention-card{border-radius:20px}.mention-card__cta{font-size:15px}}@container (max-width: 300px){.mention-card__pill{height:20px;padding:0 7px;font-size:11px}.mention-card__benefit,.mention-card__ingredient{font-size:12px}.mention-card__title{font-size:15px}.mention-card__cta{height:34px;padding:0 10px;font-size:12px}.mention-card__cta-divider{margin:0 7px}.mention-card__cta-compare{display:none}}@container (max-width: 250px){.mention-card__cta-long{display:none}.mention-card__cta-short{display:inline}.mention-card__badge{max-width:60%}.mention-card__ingredients{flex-wrap:wrap;justify-content:center;gap:4px}.mention-card__ingredient:first-child,.mention-card__ingredient:last-child{margin:0}.mention-card__ingredient,.mention-card__ingredient+.mention-card__ingredient{padding:3px 8px;border-left:1px solid var(--mc-line);border-radius:100px;font-size:11px}}@media(prefers-reduced-motion:reduce){.mention-card__img,.mention-card__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/product-card-mention.css.map */