.mm-howto-section{padding:0!important}.mm-howto{position:relative;width:100%;background-color:#f5f0e8;padding:60px 20px 80px;overflow:hidden}.mm-howto__title{font-family:Choplin,Georgia,serif;font-weight:550;font-size:clamp(36px,4.5vw,65px);line-height:100%;letter-spacing:0;text-align:center;color:#5a271a;max-width:1436px;margin:0 auto 40px}.mm-howto__content--desktop{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:25% 25% 25%;justify-content:space-between}.mm-howto__content--mobile{display:none}.mm-howto__card{width:306px;height:309px;border-radius:23px;border:1px solid #434343;overflow:hidden;background:#f0d7df;margin:0 auto}.mm-howto__card-img{width:100%;height:100%;object-fit:cover;display:block}.mm-howto__card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f0d7df,#e8c0cc)}.mm-howto__progress{grid-column:1 / -1;display:flex;align-items:center;width:75%;margin:0 auto;padding:40px 0 32px;position:relative}.mm-howto__progress-line{flex:1;height:2px;background:#000}.mm-howto__progress-dot{width:40px;height:40px;border-radius:50%;background:#d0506e;margin:0 auto;position:relative;z-index:2}.mm-howto__label{font-family:Fibra One,sans-serif;font-weight:600;font-size:clamp(18px,2vw,28px);line-height:100%;letter-spacing:0;text-align:center;color:#000;margin:0;padding:0 10px}@media screen and (max-width:1024px){.mm-howto__progress{width:80%}}@media screen and (max-width:768px){.mm-howto{padding:40px 0 60px}.mm-howto__title{line-height:1.2;margin-bottom:30px;padding:0 16px}.mm-howto__content--desktop{display:none}.mm-howto__content--mobile{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:32px;gap:15px;-webkit-overflow-scrolling:touch}.mm-howto__content--mobile::-webkit-scrollbar{display:none}.mm-howto__step{flex:0 0 82%;min-width:82%;scroll-snap-align:start;scroll-margin-left:32px}.mm-howto__step--first{margin-left:32px}.mm-howto__step:last-child{margin-right:32px}.mm-howto__step .mm-howto__card{width:100%;height:auto;aspect-ratio:1 / 1;margin:0}.mm-howto__step .mm-howto__label{padding:20px 0;font-size:20px;line-height:28px}}@media screen and (max-width:480px){.mm-howto__step .mm-howto__label{font-size:18px;line-height:26px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/mm-how-to-use.css.map */