.mm-card .mm-ph{display:block;position:relative;border-radius:12px;overflow:hidden;background:#fff}
.mm-card .mm-ph__track{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mm-card .mm-ph__track::-webkit-scrollbar{display:none}
.mm-card .mm-ph__track img{flex:0 0 100%;width:100%;height:auto;aspect-ratio:1/1;max-width:none;object-fit:cover;border-radius:0;display:block;scroll-snap-align:center}
.mm-ph__btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);color:#4A2A1C;font-size:24px;line-height:30px;text-align:center;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.28);user-select:none;z-index:2}
.mm-ph__btn--prev{left:6px}
.mm-ph__btn--next{right:6px}
.mm-ph__dots{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:5px;pointer-events:none;z-index:2}
.mm-ph__dot{display:block;width:7px;height:7px;border-radius:50%;background:rgba(74,42,28,.3);border:1px solid rgba(255,255,255,.85)}
.mm-ph__dot.is-active{background:#4A2A1C}
@media (min-width:750px){.mm-cgrid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}}
@media (max-width:749px){.mm-ph__btn{width:26px;height:26px;font-size:19px;line-height:25px}.mm-ph__btn--prev{left:3px}.mm-ph__btn--next{right:3px}}