/* 2 process */
#mf-proc .mf-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,6vw,96px);align-items:start}
#mf-proc .mf-side{position:sticky;top:calc(84px + var(--wp-admin--admin-bar--height,0px) + 32px)}
#mf-proc .ax-h2{margin-bottom:20px}
#mf-proc .mf-xs{margin-top:36px;padding:24px 24px 20px;border-radius:10px;background:var(--e-global-color-secondary)}
#mf-proc .mf-xs svg{display:block;width:100%;height:auto;overflow:visible}
#mf-proc .mf-xs .ly{opacity:0;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
#mf-proc .mf-xs .s1{transform:translateY(16px)}#mf-proc .mf-xs .s2{transform:scaleX(0);transform-origin:20px 0}#mf-proc .mf-xs .s3,#mf-proc .mf-xs .s4,#mf-proc .mf-xs .s5,#mf-proc .mf-xs .s6{transform:translateY(-10px)}
#mf-proc .mf-xs.on1 .s1,#mf-proc .mf-xs.on2 .s2,#mf-proc .mf-xs.on3 .s3,#mf-proc .mf-xs.on4 .s4,#mf-proc .mf-xs.on5 .s5,#mf-proc .mf-xs.on6 .s6{opacity:1;transform:none}
#mf-proc .mf-xs.on3 .coat{fill:#8C5230}
#mf-proc .mf-xs .coat{fill:#A8643A;transition:fill .8s ease}
#mf-proc .mf-xs .heat path{fill:none;stroke:#c9733f;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:6 6;animation:mfHeat 1.2s linear infinite}
@keyframes mfHeat{to{stroke-dashoffset:-24}}
#mf-proc .mf-xs.on4 .heat{opacity:.25}
#mf-proc .mf-xs .roller{transform-box:fill-box;transform-origin:center}
#mf-proc .mf-xs.on4 .roller{animation:mfRoll 3.2s ease-in-out infinite alternate}
@keyframes mfRoll{from{transform:translateX(0) rotate(0)}to{transform:translateX(230px) rotate(360deg)}}
#mf-proc .mf-xs .lbl{fill:var(--e-global-color-text);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
#mf-proc .mf-xs .tick{stroke:var(--e-global-color-primary);stroke-width:1.4;fill:none}
#mf-proc .mf-cap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(17,17,17,.12)}
#mf-proc .mf-cap b{color:var(--e-global-color-primary);font-family:var(--e-global-typography-t0h3-font-family),sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.2}
#mf-proc .mf-dots{display:flex;gap:6px;flex:0 0 auto}
#mf-proc .mf-dots i{width:8px;height:8px;border-radius:50%;background:rgba(17,17,17,.18);transition:background .3s ease,transform .3s ease}
#mf-proc .mf-dots i.on{background:var(--e-global-color-accent)}
#mf-proc .mf-dots i.cur{transform:scale(1.4)}
#mf-proc ol.mf-steps{list-style:none;margin:0;padding:0}
#mf-proc ol.mf-steps>li{margin:0;list-style:none;display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 24px;min-height:230px;padding:40px 0;border-top:1px solid var(--e-global-color-c0line)}
#mf-proc ol.mf-steps>li:last-child{border-bottom:1px solid var(--e-global-color-c0line)}
#mf-proc .mf-n{color:transparent;-webkit-text-stroke:1.5px #cfc6ba;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:72px;font-weight:700;line-height:.9;transition:color .4s ease,-webkit-text-stroke-color .4s ease}
#mf-proc li.is-cur .mf-n,#mf-proc li.is-done .mf-n{color:var(--e-global-color-accent);-webkit-text-stroke-color:var(--e-global-color-accent)}
#mf-proc li.is-done:not(.is-cur) .mf-n{color:transparent}
#mf-proc .mf-t{margin:6px 0 12px;color:var(--e-global-color-primary);font-family:var(--e-global-typography-t0h3-font-family),sans-serif;font-size:var(--e-global-typography-t0h3-font-size);font-weight:var(--e-global-typography-t0h3-font-weight);line-height:var(--e-global-typography-t0h3-line-height);text-transform:uppercase}
#mf-proc .mf-t small{display:block;margin-top:4px;color:var(--e-global-color-accent);font-family:var(--e-global-typography-t0small-font-family),sans-serif;font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}
#mf-proc .mf-d{margin:0;max-width:560px}
/* 3 materials (4 cards) */
#ab-make.is-4 ul.ax-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#ab-make.is-4 .ax-im{aspect-ratio:4/3}
#ab-make.is-4 .ax-bd{padding:24px 24px 26px}
#ab-make.is-4 .ax-h3{font-size:22px}
/* 4 bulk */
#mf-bulk ol.mf-bk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#mf-bulk ol.mf-bk>li{position:relative;margin:0;list-style:none;display:flex;flex-direction:column;padding:32px 28px 30px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);overflow:hidden;transition:background .35s ease,border-color .35s ease}
#mf-bulk ol.mf-bk>li:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28)}
#mf-bulk .mf-bar{position:absolute;left:0;right:0;top:0;height:3px;background:var(--e-global-color-accent);transform-origin:0 50%}
#mf-bulk .mf-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:56px}
#mf-bulk .mf-ic{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(168,100,58,.18);color:#e0a679}
#mf-bulk .mf-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#mf-bulk .mf-k{color:rgba(255,255,255,.5);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#mf-bulk .ax-h3{margin-bottom:12px;font-size:24px}
#mf-bulk .mf-ports{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
#mf-bulk .mf-ports span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-family:var(--e-global-typography-t0small-font-family),sans-serif;font-size:13px}
#mf-bulk .mf-ports span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--e-global-color-accent)}
#mf-bulk .mf-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;margin-top:24px;padding:24px 28px;border-radius:10px;background:var(--e-global-color-accent)}
#mf-bulk .mf-note p{margin:0;color:#fff;font-family:var(--e-global-typography-text-font-family),sans-serif;font-size:var(--e-global-typography-text-font-size);line-height:1.5}
#mf-bulk .mf-note a{all:unset;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;background:#fff;color:var(--e-global-color-primary);cursor:pointer;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background .25s ease,color .25s ease}
#mf-bulk .mf-note a:hover{background:var(--e-global-color-primary);color:#fff}
#mf-bulk .mf-note a:hover .ax-arr{transform:translateX(4px)}
/* 5 faq */
#mf-faq .mf-fg{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px clamp(40px,6vw,96px);align-items:start}
#mf-faq .mf-fl{display:flex;flex-direction:column;gap:12px}
#mf-faq details{border-radius:10px;background:#fff;overflow:hidden;transition:box-shadow .3s ease}
#mf-faq details[open]{box-shadow:0 14px 32px -14px rgba(17,17,17,.2)}
#mf-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;cursor:pointer;list-style:none;color:var(--e-global-color-primary);font-family:var(--e-global-typography-t0h3-font-family),sans-serif;font-size:21px;font-weight:600;line-height:1.25;text-transform:uppercase}
#mf-faq summary::-webkit-details-marker{display:none}
#mf-faq summary:focus-visible{outline:2px solid var(--e-global-color-accent);outline-offset:-2px;border-radius:10px}
#mf-faq .mf-pm{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--e-global-color-secondary);transition:background .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
#mf-faq .mf-pm::before,#mf-faq .mf-pm::after{content:'';position:absolute;left:11px;right:11px;top:17px;height:2px;background:var(--e-global-color-primary);transition:background .3s ease}
#mf-faq .mf-pm::after{transform:rotate(90deg)}
#mf-faq details[open] .mf-pm{background:var(--e-global-color-accent);transform:rotate(45deg)}
#mf-faq details[open] .mf-pm::before,#mf-faq details[open] .mf-pm::after{background:#fff}
#mf-faq .mf-a{padding:0 28px 26px;max-width:720px}
#mf-faq .mf-a a{color:var(--e-global-color-accent);text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){#ab-make.is-4 ul.ax-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#mf-bulk ol.mf-bk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){#mf-proc .mf-grid,#mf-faq .mf-fg{grid-template-columns:minmax(0,1fr)}#mf-proc .mf-side{position:sticky;top:calc(72px + var(--wp-admin--admin-bar--height,0px));z-index:2;background:#fff;padding-bottom:12px}#mf-proc .mf-side .ax-eyebrow,#mf-proc .mf-side .ax-h2,#mf-proc .mf-side .ax-p{display:none}#mf-proc .mf-xs{margin-top:0;padding:14px}#mf-proc ol.mf-steps>li{grid-template-columns:64px minmax(0,1fr);min-height:0;padding:28px 0}#mf-proc .mf-n{font-size:48px}#mf-proc .mf-head-sm{display:block}}
#mf-proc .mf-head-sm{display:none;margin-bottom:28px}
@media (max-width:640px){#ab-make.is-4 ul.ax-cards,#mf-bulk ol.mf-bk{grid-template-columns:minmax(0,1fr)}#mf-faq summary{font-size:18px;padding:20px}#mf-faq .mf-a{padding:0 20px 22px}}
@media (max-width:900px){#mf-proc .mf-side{position:static;background:none;padding:0}#mf-proc .mf-side .ax-eyebrow,#mf-proc .mf-side .ax-h2{display:flex}#mf-proc .mf-side .ax-h2{display:block}#mf-proc .mf-side .ax-p{display:block}#mf-proc .mf-xs{margin-top:28px;padding:20px}}
#mf-proc .mf-xs.on5 .heat{opacity:0}

#mf-proc{overflow:visible;overflow-x:clip}
