.msf-card{--brand: #12795f;--brand-dark: #0c5a47;--ink: #1b1e1a;--ink-soft: #55605a;--hairline: #e8e9e3;--hairline-2: #d9dbd2;--sale: #a8462d;--radius: 8px}.msf-card{border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.msf-card:hover{border-color:var(--brand);box-shadow:0 16px 34px #0f281e14;transform:translateY(-2px)}.msf-card__link{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}.msf-card__media{position:relative;aspect-ratio:1 / 1;background:var(--brand-tint);overflow:hidden}.msf-card__media img{width:100%;height:100%;object-fit:cover;display:block}.msf-card__tag{position:absolute;top:1.2rem;left:1.2rem;background:#fff;border-radius:999px;padding:.5rem 1.1rem;font-size:1.15rem;font-weight:600;color:var(--brand-dark);border:1px solid var(--hairline)}.msf-card__body{padding:1.6rem 1.8rem 0;display:flex;flex-direction:column;gap:.7rem}.msf-card__rating{display:inline-flex;align-items:center;gap:.5rem;font-size:1.3rem;color:var(--ink-soft)}.msf-card__stars{color:#e0a52a;letter-spacing:.1em}.msf-card__title{font-size:1.55rem;font-weight:600;line-height:1.3}.msf-card__foot{padding:1.2rem 1.8rem 1.8rem;margin-top:auto;display:flex;flex-direction:column;gap:1rem}.msf-card__price{font-size:1.7rem;font-weight:600}.msf-card__from{font-size:1.2rem;font-weight:500;color:var(--ink-soft)}.msf-card__price del{color:var(--ink-soft);font-weight:400;margin-right:.8rem}.msf-card__price .msf-card__sale{color:var(--sale)}.msf-card__addform{margin:0}.msf-card__add{display:block;width:100%;text-align:center;background:var(--brand);color:#fff;border:0;border-radius:var(--radius);font-family:var(--font);font-size:1.4rem;font-weight:600;padding:1.1rem 1.2rem;cursor:pointer;text-decoration:none;transition:background .15s ease}.msf-card__add:not(.msf-card__add--out):hover{background:var(--brand-dark)}.msf-card__add.is-added{background:var(--brand-dark)}.msf-card__add--out{background:var(--hairline-2);color:var(--ink-soft);cursor:default;pointer-events:none}.msf-card__add--out:hover{background:var(--hairline-2);color:var(--ink-soft)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/msf-card.css.map */