.fm-grid{--fm-ink: #1b231f;--fm-muted: #5b665f;--fm-accent: #176b53;--fm-accent-ink: #ffffff;--fm-card: #ffffff;--fm-line: #dde3dd;--fm-radius: 1.4rem;--fm-badge-rec: #f6c51b;--fm-badge-promo: #d62828;--fm-img-ratio: 1;--grid-mobile-horizontal-spacing: 1.2rem;--grid-mobile-vertical-spacing: 2.8rem;--grid-desktop-horizontal-spacing: 2rem;--grid-desktop-vertical-spacing: 3.6rem;padding-top:1.6rem}.fm-grid>.grid__item{display:flex}.fm-grid>.grid__item>*{width:100%}.fm-grid .fm-card{position:relative;display:flex;flex-direction:column;width:100%;background:var(--fm-card);border:1px solid var(--fm-line);border-radius:var(--fm-radius);transition:box-shadow .2s ease,transform .2s ease}.fm-grid .fm-card:hover{box-shadow:0 10px 28px #1b231f1a;transform:translateY(-2px)}.fm-grid .fm-card__media{position:relative;display:block;aspect-ratio:var(--fm-img-ratio, 1);background:#fff;overflow:hidden;border-radius:var(--fm-radius) var(--fm-radius) 0 0}.fm-grid .fm-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .3s ease,transform .4s ease}.fm-grid .fm-card__img--fit{object-fit:contain}.fm-grid .fm-card__img--alt{opacity:0}@media(hover:hover){.fm-grid .fm-card:hover .fm-card__media--swap .fm-card__img--alt{opacity:1}.fm-grid .fm-card:hover .fm-card__media--swap .fm-card__img:not(.fm-card__img--alt){opacity:0}.fm-grid .fm-card:hover .fm-card__media:not(.fm-card__media--swap) .fm-card__img{transform:scale(1.04)}}.fm-grid .fm-card--soldout .fm-card__media{opacity:.6}.fm-grid .fm-card__badges{position:absolute;top:-1.22rem;left:1.2rem;right:1.2rem;z-index:2;display:flex;flex-wrap:wrap;gap:.6rem;pointer-events:none}.fm-grid .fm-badge{display:inline-block;padding:.45rem 1rem;border-radius:.6rem;background:var(--fm-accent);color:#fff;font-family:var(--font-body-family);font-size:1.15rem;font-weight:700;letter-spacing:.06em;line-height:1.25;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 6px #1b231f24}.fm-grid .fm-badge--rec{background:var(--fm-badge-rec);color:#1b231f}.fm-grid .fm-badge--promo{background:var(--fm-badge-promo);color:#fff}.fm-grid .fm-badge--soldout{background:#6b736e;color:#fff}.fm-grid .fm-card__body{display:flex;flex-direction:column;flex:1 1 auto;gap:.6rem;padding:1.4rem 1.4rem 1.6rem;border-top:1px solid var(--fm-line);border-radius:0 0 var(--fm-radius) var(--fm-radius);background:#f6f8f6;background:color-mix(in srgb,var(--fm-accent) 6%,#fff)}.fm-grid .fm-card__vendor{margin:0;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fm-muted)}.fm-grid .fm-card__title{margin:0;font-family:var(--font-body-family);font-size:1.45rem;font-weight:600;line-height:1.35;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.915rem}.fm-grid .fm-card__title a{color:var(--fm-ink);text-decoration:none}.fm-grid .fm-card__title a:hover{text-decoration:underline;text-underline-offset:.3rem}.fm-grid .fm-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.4rem}.fm-grid .fm-card__from{font-size:1.3rem;color:var(--fm-muted)}.fm-grid .fm-card__now{font-size:1.7rem;font-weight:700;color:var(--fm-ink)}.fm-grid .fm-card__now--sale{color:var(--fm-badge-promo)}.fm-grid .fm-card__was{font-size:1.3rem;color:var(--fm-muted)}.fm-grid .fm-card__btn{margin-top:.8rem;min-height:4.2rem;padding:1rem 1.6rem;font-size:1.4rem}@media screen and (max-width:749px){.fm-grid .fm-card__body{padding:1.2rem}.fm-grid .fm-card__title{font-size:1.35rem;min-height:calc(1.35rem * 1.35 * 2)}.fm-grid .fm-card__now{font-size:1.55rem}.fm-grid .fm-card__btn{min-height:4rem;font-size:1.35rem;padding:.8rem 1rem}.fm-grid .fm-badge{font-size:1.05rem;padding:.4rem .8rem}.fm-grid .fm-card__badges{top:-1.11rem;left:.8rem;right:.8rem;gap:.4rem}}@media(prefers-reduced-motion:reduce){.fm-grid .fm-card,.fm-grid .fm-card__img{transition:none}.fm-grid .fm-card:hover{transform:none}}.fm-grid>.fm-more-hidden{display:none!important}.fm-more{--fm-accent: #176b53;--fm-accent-ink: #ffffff;display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin-top:3.2rem;text-align:center}.fm-more__status{margin:0;font-size:1.4rem;color:#5b665f}.fm-more__btn{min-width:22rem}.fm-more__btn[hidden]{display:none}.fm-page-bg{background:#f4f6f3}
/*# sourceMappingURL=/cdn/shop/t/19/assets/fm-card.css.map */