.product-grid{display:flex;flex-wrap:wrap;justify-content:center;grid-column-gap:1.2rem;grid-row-gap:3rem;padding-bottom:4rem}@media screen and (min-width: 750px){.product-grid{display:flex;padding-bottom:6rem;grid-row-gap:4rem;grid-column-gap:3.7rem}}.product-grid>*{width:calc(50% - .6rem)}@media screen and (min-width: 750px){.product-grid>*{width:25%;width:calc(25% - 3rem)}}.card-wrapper{position:relative}.card__media .media{padding-bottom:128%;display:block!important;background:white;border:1px solid rgb(var(--color-gold));border-radius:1rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media screen and (min-width: 750px){.card__media .media{border-radius:3.2rem}.card-wrapper img{transition:all .3s ease}.card-wrapper--left:hover img{transform:rotate(-9deg)}.card-wrapper--right:hover img{transform:rotate(-3deg)}.card-wrapper:hover .media{background:rgb(var(--color-green))}li:nth-of-type(1) .card-wrapper:hover .media,li:nth-of-type(7) .card-wrapper:hover .media{background:#96D4A4}li:nth-of-type(2) .card-wrapper:hover .media,li:nth-of-type(8) .card-wrapper:hover .media{background:#FFD689}li:nth-of-type(3) .card-wrapper:hover .media,li:nth-of-type(10) .card-wrapper:hover .media,li:nth-of-type(5) .card-wrapper:hover .media{background:#FEA092}li:nth-of-type(4) .card-wrapper:hover .media,li:nth-of-type(6) .card-wrapper:hover .media,li:nth-of-type(11) .card-wrapper:hover .media{background:#7EC6BC}}.card__information{margin-bottom:0;margin-top:1.2rem;width:calc(100% - 3rem);margin-left:auto;margin-right:auto;text-align:center}.card__heading{font-size:1.7rem;font-family:var(--font-body-family);letter-spacing:0;margin-bottom:.2rem}@media screen and (min-width: 750px){.card__information{bottom:1.6rem;left:50%;transform:translate(-50%);position:absolute}.card__heading{font-size:2.4rem}}.card__information .body--small{font-size:1.2rem;line-height:1.25;letter-spacing:0;margin-bottom:0}@media screen and (min-width: 750px){.card__information .body--small{font-size:1.6rem}}.card__badge .badge{min-width:7rem;position:absolute;top:1rem;right:1rem;transition:all .3s ease;color:#fff;font-weight:700;font-size:1rem;letter-spacing:0;overflow:hidden;border-radius:1.2rem;padding:.5rem 1rem .4rem}.card-wrapper--left .badge{right:auto;left:1rem}@media screen and (min-width: 750px){.card__badge .badge{padding:.6rem 1rem;min-width:11.5rem;top:2rem;right:2rem;font-size:1.1rem}.card-wrapper--left .badge{right:auto;left:2rem}}
/*# sourceMappingURL=/s/files/1/0608/4283/6202/t/11/assets/component-card.css.map?v=121576892599434556481667836717 */