.card{position:relative;display:flex;flex-direction:column}.card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card__media{position:relative;overflow:hidden;aspect-ratio:1 / 1;border-radius:var(--radius-lg);background-color:var(--paper)}.card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition)}.card__img--empty{background:linear-gradient(135deg,color-mix(in srgb,var(--sand) 40%,var(--linen)),var(--linen))}.card:hover .card__img{transform:scale(1.04)}.card__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);display:inline-flex;align-items:center;padding:.25rem .55rem;font-size:var(--step--1);font-weight:var(--fw-medium);line-height:1;letter-spacing:.12em;text-transform:uppercase;color:var(--bark);background-color:color-mix(in srgb,var(--paper) 88%,transparent);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:calc(50% - var(--space-md));overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card__body{padding-top:var(--space-sm)}.card__title{margin:0;font-size:var(--step-0);font-weight:var(--fw-regular);line-height:1.25;color:var(--color-heading)}.card__price{margin:var(--space-2xs) 0 0;font-size:var(--step-0);color:var(--color-text)}.card__price-unit{color:var(--color-muted)}.card__sample{position:absolute;z-index:2;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;padding:.35rem .7rem;font:inherit;font-size:var(--step--1);font-weight:var(--fw-medium);line-height:1;color:var(--bark);background-color:var(--paper);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:0 2px 10px color-mix(in srgb,var(--bark) 22%,transparent);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.card__sample:hover{background-color:var(--sand);color:var(--bark)}.card__sample:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card__sample[data-loading]{opacity:.7;pointer-events:none}.card__sample[data-added]{background-color:var(--color-success);color:var(--paper);border-color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.naturae-toast{position:fixed;z-index:200;left:50%;bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));transform:translate(-50%,1rem);display:flex;align-items:center;gap:var(--space-lg);width:max-content;max-width:min(30rem,calc(100vw - 2 * var(--space-md)));padding:var(--space-sm) var(--space-lg);background-color:var(--bark);color:var(--linen);font-size:var(--step--1);line-height:1.35;border-radius:var(--radius-lg);box-shadow:0 10px 30px color-mix(in srgb,var(--bark) 35%,transparent);opacity:0;transition:opacity var(--transition),transform var(--transition)}.naturae-toast.is-visible{opacity:1;transform:translate(-50%)}.naturae-toast__text{min-width:0}.naturae-toast__link{flex:none;color:var(--sand);text-decoration:underline;text-underline-offset:.15em;white-space:nowrap}.naturae-toast__link:hover{color:var(--paper)}@media(max-width:560px){.card__badge{top:auto;bottom:var(--space-sm);max-width:calc(100% - 2 * var(--space-sm))}}@media(prefers-reduced-motion:reduce){.card__img,.naturae-toast{transition:none}}.tprice{display:inline-flex;flex-direction:column;align-items:flex-start}.tprice__amt{color:inherit}.tprice__sub{font-family:var(--font-body);font-size:var(--step--2);font-weight:var(--fw-regular);letter-spacing:normal;text-transform:none;line-height:1.4;color:var(--color-muted)}.tprice__sub s{text-decoration-color:color-mix(in srgb,var(--color-muted) 70%,transparent)}.tprice__comp{white-space:nowrap}.cartd__trade-estimate,.cartpage__trade-estimate{margin:.35rem 0 0;font-size:var(--step--1);color:var(--moss)}.cartd__trade-estimate b,.cartpage__trade-estimate b{font-weight:var(--fw-medium)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-card.css.map */