.mm-cardrow{padding-top:var(--space-80, 80px);font-family:var(--font-sans);background:var(--surface)}.mm-cardrow__head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 var(--space-20, 20px) 40px;text-align:center}.mm-cardrow__title{margin:0;font-family:var(--font-heading);font-size:var(--head-md);font-weight:500;line-height:1.15;color:var(--ink);text-wrap:balance}.mm-cardrow__line{margin:0;max-width:520px;font-size:var(--text-body);line-height:1.7;letter-spacing:.2px;color:var(--ink-body)}.mm-cardrow__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--border-width, 1px);background:var(--hairline);border-block:var(--border-width, 1px) solid var(--hairline)}.mm-card2{display:flex;flex-direction:column;min-width:0;background:var(--surface);color:var(--ink);text-decoration:none}.mm-card2__media{position:relative;display:block;aspect-ratio:5 / 6;overflow:hidden;background:var(--product-ground, #efecec)}.mm-card2__media img,.mm-card2__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mm-card2__hover{opacity:0}.mm-motion .mm-card2__hover{transition:opacity .4s var(--ease-settle, cubic-bezier(.22, 1, .36, 1))}@media(hover:hover){.mm-card2:hover .mm-card2__hover{opacity:1}}.mm-card2:focus-visible .mm-card2__hover{opacity:1}.mm-card2:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.mm-card2__text{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 12px 26px;text-align:center}.mm-card2__kind{font-size:var(--text-2xs);letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-body)}.mm-card2__name{font-size:var(--text-md);letter-spacing:.2px;line-height:1.4}.mm-card2__meta{font-size:var(--text-sm);color:var(--ink-body);font-variant-numeric:tabular-nums}:lang(th) .mm-card2__kind{letter-spacing:0}@media(max-width:749px){.mm-cardrow{padding-top:56px}.mm-cardrow__head{padding-bottom:28px}.mm-cardrow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-card2__text{padding:12px 8px 18px}.mm-card2__name{font-size:var(--text-sm)}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mm-cards.css.map */