.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}}@media(max-width:999px){.mm-howto__title{font-family:Choplin,Josefin Slab,sans-serif!important;font-weight:550!important;font-size:58px!important;line-height:70px!important;letter-spacing:0!important;text-align:center!important;text-transform:uppercase!important;color:#673e22!important;max-width:360px!important;width:100%!important;display:block!important;margin:0 auto 24px!important;padding:0!important;box-sizing:border-box!important}}@media screen and (max-width:768px){.mm-howto__step-progress{display:flex;align-items:center;width:100%;margin:20px 0 4px}.mm-howto__step-line{flex:1;height:2px;background:#000}.mm-howto__step-line--left{margin-left:-10px}.mm-howto__step-line--right{margin-right:-10px}.mm-howto__step--first .mm-howto__step-line--left,.mm-howto__step--last .mm-howto__step-line--right{visibility:hidden}.mm-howto__step-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;position:relative;z-index:2}}.mm-howto__nav{display:none}@media(max-width:749px){.mm-howto__nav{display:flex;justify-content:center;align-items:center;gap:11px;margin:24px auto 0}.mm-howto__arrow{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.mm-howto__arrow svg{display:block}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mm-how-to-use.css.map */