/* MM Models */
.mm-models { padding: var(--mm-sec) 0; }
.mm-models .mm-models__head { align-items: flex-end; }
.mm-models .mm-models__search { display: flex; align-items: center; gap: 8px; flex: none; width: min(340px, 100%); height: 44px; padding: 0 14px; border-radius: 12px; background: var(--mm-mist); }
.mm-models.tone-mist .mm-models__search { background: var(--mm-white); }
.mm-models .mm-models__search svg { width: 17px; height: 17px; flex: none; stroke: var(--mm-grey); stroke-width: 1.8; }
.mm-models .mm-models__search input { flex: 1; min-width: 0; height: 100%; padding: 0; border: 0 !important; background: none !important; box-shadow: none !important; outline: none; font-size: 16px; color: var(--mm-ink); }
.mm-models .mm-models__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.mm-models .mm-models__grid li[hidden] { display: none; }
.mm-models .mm-models__card { position: relative; display: flex; flex-direction: column; height: 100%; padding: 22px 22px 24px; border-radius: var(--mm-r-md); background: var(--mm-mist); color: var(--mm-ink); text-decoration: none; transition: transform .3s, box-shadow .3s; }
.mm-models.tone-mist .mm-models__card { background: var(--mm-white); }
.mm-models .mm-models__card:hover { transform: scale(1.015); box-shadow: 2px 8px 24px rgba(0, 0, 0, .08); color: var(--mm-ink); }
.mm-models .mm-models__img { position: relative; display: block; aspect-ratio: 1; margin-bottom: 16px; overflow: hidden; border-radius: 12px; background: var(--mm-white); }
.mm-models .mm-models__img img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; }
.mm-models .mm-models__ph { position: absolute; inset: 30%; width: 40%; height: 40%; fill: none; stroke: var(--mm-line); stroke-width: 1.4; }
.mm-models .mm-models__badge { position: absolute; top: 30px; left: 30px; padding: 4px 10px; border-radius: 999px; background: var(--mm-navy); color: #fff; font-size: 12px; font-weight: 600; }
.mm-models .mm-models__name { font-size: 19px; font-weight: 600; line-height: 1.2; letter-spacing: -0.018em; }
.mm-models .mm-models__from { margin-top: 4px; font-size: 15px; color: var(--mm-grey); }
.mm-models .mm-models__empty, .mm-models .mm-models__none { padding: 26px; border-radius: var(--mm-r-md); background: var(--mm-mist); color: var(--mm-grey); font-size: 16px; }
.mm-models.tone-black .mm-models__card { background: #1d1d1f; color: #f5f5f7; }
.mm-models.tone-black .mm-models__from { color: #a1a1a6; }

@media (max-width: 1068px) {
	.mm-models .mm-models__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 833px) {
	.mm-models .mm-models__head { align-items: stretch; }
	.mm-models .mm-models__search { width: 100%; }
	.mm-models .mm-models__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.mm-models .mm-models__card { padding: 14px 14px 16px; }
	.mm-models .mm-models__img { margin-bottom: 12px; }
	.mm-models .mm-models__badge { top: 20px; left: 20px; }
	.mm-models .mm-models__name { font-size: 16px; }
	.mm-models .mm-models__from { font-size: 13px; }
}