.roots-product-cards{--rpc-card-active: var(--rpc-card-color, color-mix(in srgb, var(--color-foreground) 15%, var(--color-background)));--rpc-card-rest: color-mix(in srgb, var(--rpc-card-active) 62%, var(--color-background));--rpc-flag-inset: 16px;--rpc-active-scale: 1.06;--rpc-active-img-scale: 1.05;--rpc-ease-duration: .45s;--rpc-ease-duration-fast: .35s;--rpc-ease-duration-slow: .5s;--rpc-ease: cubic-bezier(.25, 1, .5, 1)}.roots-product-cards__inner{display:grid;gap:var(--roots-rhythm-body-content);width:100%;max-width:72rem;margin-inline:auto}.roots-product-cards__intro{display:grid;gap:var(--roots-rhythm-heading-body);align-items:start}.roots-product-cards__headline{container-type:inline-size}.roots-product-cards__heading{text-wrap:balance;margin:0;color:var(--color-foreground-heading, var(--color-foreground))}.roots-product-cards__heading:not(.rte){--color: var(--typo-color, var(--color-foreground-heading, var(--color-foreground)));color:var(--color)}.roots-product-cards__heading:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-heading--family);font-size:clamp(1.5rem,3vw,3rem);font-size:clamp(1.5rem,8.6cqi,3rem);font-weight:400;line-height:1.08;letter-spacing:-.03em}.roots-product-cards__heading-line{display:block;text-wrap:inherit}.roots-product-cards__sub{margin:0;max-width:42ch;color:var(--color-foreground);text-wrap:pretty}.roots-product-cards__sub:not(.rte){--color: var(--typo-color, var(--color-foreground));color:var(--color)}.roots-product-cards__sub:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:1rem;font-weight:400;line-height:1.6}.roots-product-cards__intro-cta,.roots-product-cards__mobile-cta{--section-button-margin: 0px}.roots-product-cards__intro-cta:empty,.roots-product-cards__mobile-cta:empty,.roots-product-cards__footer-cta:empty{display:none}.roots-product-cards__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--roots-rhythm-items);width:100%;max-width:58rem;margin-inline:auto;padding-inline:0;list-style:none}.roots-product-cards__card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:var(--roots-gap-standard, 16px);height:100%;container-type:inline-size;padding-block:calc(var(--roots-rhythm-inset) + 41px) var(--roots-rhythm-inset);padding-inline:var(--roots-gap-standard, 16px);border-radius:var(--roots-radius-generous, 24px);background:var(--rpc-card, var(--rpc-card-active));text-align:center;transition:background-color var(--rpc-ease-duration) var(--rpc-ease),scale var(--rpc-ease-duration) var(--rpc-ease)}.roots-product-cards__item--featured .roots-product-cards__card{--rpc-card: var(--rpc-card-active)}@media screen and (min-width:750px)and (hover:hover){.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item--featured .roots-product-cards__card{--rpc-card: var(--rpc-card-rest)}.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item:hover .roots-product-cards__card{--rpc-card: var(--rpc-card-active)}}@media screen and (min-width:750px)and (hover:hover){.roots-product-cards__item--featured .roots-product-cards__card{scale:var(--rpc-active-scale);z-index:1}.roots-product-cards__item--featured .roots-product-cards__img{scale:var(--rpc-active-img-scale)}}@media screen and (min-width:750px)and (hover:hover)and (prefers-reduced-motion:no-preference){.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item--featured .roots-product-cards__card{scale:1;z-index:auto}.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item--featured .roots-product-cards__img{scale:1}.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item:hover .roots-product-cards__card{scale:var(--rpc-active-scale);z-index:1}.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item:hover .roots-product-cards__img{scale:var(--rpc-active-img-scale)}}.roots-product-cards__flag{position:absolute;inset-block-start:var(--rpc-flag-inset);inset-inline-start:var(--rpc-flag-inset)}.roots-product-cards__flag:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:.75rem;line-height:1.5;letter-spacing:.04em}.roots-product-cards__flag--neutral{padding:.2em .7em;border-radius:var(--roots-radius-pill, 9999px);background:var(--color-foreground);color:var(--color-background)}.roots-product-cards__head{display:grid;justify-items:center;gap:12px}.roots-product-cards__pill{padding:5px 14px;border:1px solid rgb(var(--color-foreground-rgb) / .65);border-radius:var(--roots-radius-pill, 9999px);color:var(--color-foreground)}.roots-product-cards__pill:not(.rte){--color: var(--typo-color, var(--color-foreground));color:var(--color)}.roots-product-cards__pill:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:.75rem;font-weight:400;line-height:1.3}.roots-product-cards__name{margin:0;color:var(--color-foreground-heading, var(--color-foreground))}.roots-product-cards__name:not(.rte){--color: var(--typo-color, var(--color-foreground-heading, var(--color-foreground)));color:var(--color)}.roots-product-cards__name:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-h3--family);font-size:clamp(.8125rem,10.5cqi,var(--font-h3--size, 1.25rem));font-weight:var(--font-h3--weight, 400);line-height:var(--font-h3--line-height, 1.1);letter-spacing:var(--font-h3--letter-spacing, 0em)}.roots-product-cards__media{display:grid;place-items:center;min-height:0}.roots-product-cards__img{display:block;width:100%;max-width:17rem;height:auto;transition:scale var(--rpc-ease-duration) var(--rpc-ease)}.roots-product-cards__foot{display:grid;justify-items:center;gap:var(--roots-rhythm-items)}.roots-product-cards__cta{--button-background-color: var(--color-background);--button-color: var(--color-foreground);display:inline-flex;align-items:center;font-size:clamp(.75rem,2.9vw,.875rem);justify-content:center;min-block-size:3.2em;padding-block:0;padding-inline:var(--roots-gap-standard, 16px);transition:background-color var(--rpc-ease-duration-fast) var(--rpc-ease),color var(--rpc-ease-duration-fast) var(--rpc-ease)}@media screen and (min-width:750px){.roots-product-cards__item--featured .roots-product-cards__cta{--button-background-color: var(--color-foreground);--button-color: var(--color-background)}}@media screen and (min-width:750px)and (hover:hover){.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item--featured .roots-product-cards__cta{--button-background-color: var(--color-background);--button-color: var(--color-foreground)}.roots-product-cards__grid:has(.roots-product-cards__item:hover) .roots-product-cards__item:hover .roots-product-cards__cta{--button-background-color: var(--color-foreground);--button-color: var(--color-background)}}.roots-product-cards__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.roots-product-cards__price{margin:0;color:var(--color-foreground)}.roots-product-cards__price:not(.rte){--color: var(--typo-color, var(--color-foreground));color:var(--color)}.roots-product-cards__price:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:.875rem;font-weight:400;line-height:1.4}@media screen and (min-width:600px){.roots-product-cards__card{gap:var(--roots-gap-relaxed, 24px);padding-inline:var(--roots-gap-relaxed, 24px)}.roots-product-cards__cta{padding-inline:var(--roots-gap-spacious, 32px)}}@media screen and (min-width:750px){.roots-product-cards__card{padding-inline:var(--roots-gap-spacious, 32px)}.roots-product-cards__flag{--rpc-flag-inset: 20px}.roots-product-cards__card{background:var(--rpc-card, var(--rpc-card-rest))}}@media screen and (max-width:989px){.roots-product-cards__intro-cta{display:none}}@media screen and (min-width:750px)and (max-width:989px){.roots-product-cards__mobile-cta a{margin-inline:auto}}@media screen and (min-width:990px){.roots-product-cards__mobile-cta{display:none}}@media screen and (min-width:990px){.roots-product-cards__grid{gap:var(--roots-gap-spacious, 32px)}.roots-product-cards__intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;column-gap:var(--roots-gap-generous, 48px);align-items:end}}.rpc-js .rpc-anim{opacity:0;translate:0 12px}.rpc-js.rpc-in .rpc-anim{opacity:1;translate:0 0;transition:opacity var(--rpc-ease-duration-slow) var(--rpc-ease),translate var(--rpc-ease-duration-slow) var(--rpc-ease);transition-delay:calc(var(--i, 0) * 80ms)}@media(prefers-reduced-motion:reduce){.rpc-js .rpc-anim{opacity:1;translate:0 0;transition:none}.roots-product-cards__card,.roots-product-cards__img{transition:none}}.roots-product-cards__flag--neutral:not(.rte){--color: var(--typo-color, var(--color-background));color:var(--color)}.roots-product-cards__flag.roots-badge--savings:not(.rte){--color: var(--typo-color, var(--roots-commerce-accent-on-surface));color:var(--color)}.roots-product-cards__flag.roots-badge--savings.custom-typography{font-weight:var(--font-weight)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/roots-product-cards.css.map */