:root{--mm-pc-text: #1a1a1a;--mm-pc-muted: #6b6b6b;--mm-pc-warm: #fbf8f4;--mm-pc-border: #e8e4df;--mm-pc-radius: 12px}.mm-tutorial{padding:48px 16px;background:#fff}.mm-tutorial-container{max-width:1200px;margin:0 auto}.mm-tutorial-header{text-align:center;margin-bottom:32px}.mm-tutorial-heading{font-size:26px;font-weight:600;line-height:1.2;margin:0 0 8px;color:var(--mm-pc-text)}.mm-tutorial-sub{font-size:14px;color:var(--mm-pc-muted);margin:0}.mm-tutorial-grid{display:grid;grid-template-columns:1fr;gap:24px}.mm-tut-step{display:flex;flex-direction:column;gap:16px}.mm-tut-img-wrap{aspect-ratio:1/1;border-radius:var(--mm-pc-radius);overflow:hidden;background:var(--mm-pc-warm)}.mm-tut-img{width:100%;height:100%;object-fit:cover;display:block}.mm-tut-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:600;color:var(--mm-pc-border)}.mm-tut-info{padding:0 4px}.mm-tut-title{font-size:17px;font-weight:600;margin:0 0 6px;color:var(--mm-pc-text)}.mm-tut-text{font-size:14px;line-height:1.55;color:var(--mm-pc-muted);margin:0}.mm-features{padding:48px 16px;background:var(--mm-pc-warm)}.mm-features-container{max-width:1200px;margin:0 auto}.mm-features-header{text-align:center;margin-bottom:32px}.mm-features-heading{font-size:26px;font-weight:600;line-height:1.2;margin:0 0 8px;color:var(--mm-pc-text)}.mm-features-sub{font-size:14px;color:var(--mm-pc-muted);margin:0}.mm-features-mosaic{display:grid;grid-template-columns:1fr;gap:14px}.mm-feat{position:relative;background:#fff;border-radius:var(--mm-pc-radius);overflow:hidden;border:1px solid var(--mm-pc-border);min-height:200px;display:flex;flex-direction:column}.mm-feat-img{width:100%;height:160px;object-fit:cover;display:block}.mm-feat-info{padding:18px;flex:1;display:flex;flex-direction:column;justify-content:center}.mm-feat-title{font-size:18px;font-weight:600;margin:0 0 6px;color:var(--mm-pc-text);line-height:1.25}.mm-feat-text{font-size:13px;line-height:1.55;color:var(--mm-pc-muted);margin:0}.mm-feat--overlay{min-height:280px}.mm-feat--overlay .mm-feat-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.mm-feat--overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55));z-index:1}.mm-feat-info-overlay{position:relative;z-index:2;margin-top:auto;color:#fff}.mm-feat-info-overlay .mm-feat-title,.mm-feat-info-overlay .mm-feat-text{color:#fff}@media(min-width:768px){.mm-tutorial,.mm-features{padding:80px 24px}.mm-tutorial-heading,.mm-features-heading{font-size:36px}.mm-tutorial-sub,.mm-features-sub{font-size:15px}.mm-tutorial-grid{grid-template-columns:repeat(3,1fr);gap:28px}.mm-tut-step{gap:18px}.mm-tut-title{font-size:18px}.mm-features-mosaic{grid-template-columns:repeat(3,1fr);gap:18px}.mm-feat--wide{grid-column:span 2}.mm-feat--tall{grid-row:span 2}.mm-feat-img{height:200px}.mm-feat--tall .mm-feat-img,.mm-feat--overlay .mm-feat-img{height:100%}.mm-feat--tall{min-height:420px}}@media(min-width:1024px){.mm-tutorial-heading,.mm-features-heading{font-size:42px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mm-pdp-content.css.map */