/* ===== motorcycle & bicycle seats (mcp) ===== */
.abx .mc-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;background:var(--e-global-color-accent);color:#fff;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s}
.abx .mc-btn:hover{background:#fff;color:var(--e-global-color-primary)}
.abx .mc-btn .ax-arr{transition:transform .25s}.abx .mc-btn:hover .ax-arr{transform:translateX(4px)}
.abx .mc-lk{display:inline-flex;align-items:center;gap:8px;color:inherit;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px;text-decoration:none;transition:color .25s}
.abx .mc-lk:hover{color:var(--e-global-color-accent)}
.mc-k{display:block;color:var(--e-global-color-accent);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.mc-h3{margin:8px 0 0;font-family:var(--e-global-typography-primary-font-family),sans-serif;line-height:1.05;text-transform:uppercase}
/* 2 demands */
#mc-dem .ax-head{margin-bottom:56px}
#mc-dem .md-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:70px}
#mc-dem .md-c{background:#fff;border:1px solid var(--e-global-color-c0line);border-radius:10px;overflow:hidden;box-shadow:0 30px 50px -38px rgba(17,17,17,.45);will-change:transform}
#mc-dem .md-sc{position:relative;height:230px;background:#1b1713;overflow:hidden}
#mc-dem .md-sc svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#mc-dem .md-b{padding:24px 24px 28px}
#mc-dem .md-b h3{font-size:34px;color:var(--e-global-color-primary)}
#mc-dem .md-r{margin-top:18px;padding-top:14px;border-top:1px solid var(--e-global-color-c0line)}
#mc-dem .md-r b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a7d70;margin-bottom:4px}
#mc-dem .md-r p{margin:0}
#mc-dem .md-r.ask p{color:var(--e-global-color-accent);font-weight:600}
#mc-dem .md-dr{animation:mcd 1.1s linear infinite}
@keyframes mcd{0%{transform:translateY(-30px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(118px);opacity:0}}
#mc-dem .md-rub{animation:mcr 2s ease-in-out infinite alternate}
@keyframes mcr{from{transform:translateX(-74px)}to{transform:translateX(74px)}}
/* 3 versus */
#mc-mat .ax-head{margin-bottom:48px}
#mc-mat .mv{--x:50%;position:relative;height:440px;border-radius:10px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(17,17,17,.5)}
#mc-mat .mv-p{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 56px}
#mc-mat .mv-a{background:#15120f;color:#fff;align-items:flex-start}
#mc-mat .mv-b{background:#8C5230;color:#fff;align-items:flex-end;text-align:right;clip-path:polygon(calc(var(--x) + 9%) 0,100% 0,100% 100%,calc(var(--x) - 9%) 100%)}
#mc-mat .mv-p>svg.bg{position:absolute;inset:0;width:100%;height:100%;display:block}
#mc-mat .mv-p>*{position:relative}
#mc-mat .mv-p>svg.bg{position:absolute}
#mc-mat .mv-in{max-width:340px}
#mc-mat .mv-in h3{font-size:clamp(44px,5vw,72px);color:#fff}
#mc-mat .mv-in p{margin:14px 0 24px;color:rgba(255,255,255,.88);font-size:17px}
#mc-mat .mv-in .mc-k{color:#e9b58a}
#mc-mat .mv-a .mv-in .mc-k{color:#e9b58a}
#mc-mat .mv-line{margin-top:44px;display:flex;gap:28px;align-items:center;justify-content:space-between}
#mc-mat .mv-line p{margin:0;font-size:20px;line-height:1.45;max-width:620px;color:var(--e-global-color-primary)}
/* 4 stretch */
#mc-str .ms{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
#mc-str .ms-v{position:relative;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:34px 28px 24px}
#mc-str .ms-v svg{display:block;width:100%;height:auto;overflow:visible}
#mc-str .ms-ch{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}
#mc-str .ms-ch span{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .3s,color .3s}
#mc-str .ms-ch span.on{background:#fff;color:#111}
#mc-str .ms-card{margin-top:34px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:24px;background:rgba(255,255,255,.04)}
#mc-str .ms-card h3{font-size:28px;color:#fff;margin:0 0 8px}
#mc-str .ms-card p{margin:0 0 18px;color:rgba(255,255,255,.76);font-size:15px}
/* 5 texture */
#mc-tex .tx-h{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:end;margin-bottom:56px}
#mc-tex .tx-m{margin:0 -12vw;display:grid;gap:16px;padding-bottom:20px}
#mc-tex .tx-r{display:flex;gap:16px;width:max-content;will-change:transform}
#mc-tex .tx-t{position:relative;flex:0 0 230px;height:150px;border-radius:10px;overflow:hidden;box-shadow:0 20px 34px -22px rgba(17,17,17,.55)}
#mc-tex .tx-t svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#mc-tex .tx-t b{position:absolute;left:10px;bottom:10px;background:#fff;color:#111;border-radius:999px;padding:4px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
#mc-tex .tx-gold{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);background-size:250% 100%;animation:mcf 3.2s linear infinite;mix-blend-mode:overlay}
@keyframes mcf{from{background-position:150% 0}to{background-position:-50% 0}}
/* 6 two */
#mc-two .ax-head{margin-bottom:56px}
#mc-two .tw{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start;padding-bottom:50px}
#mc-two .tw-c{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 30px 50px -38px rgba(17,17,17,.45);will-change:transform}
#mc-two .tw-c.b{margin-top:70px}
#mc-two .tw-v{position:relative;height:300px;background:#1b1713;overflow:hidden}
#mc-two .tw-v svg{position:absolute;inset:0;width:100%;height:100%;display:block}
#mc-two .tw-v img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;display:block;opacity:.55}
#mc-two .tw-tg{position:absolute;z-index:2;background:#fff;color:#111;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#mc-two .tw-b{padding:26px 28px 30px}
#mc-two .tw-b h3{font-size:34px;color:var(--e-global-color-primary)}
#mc-two .tw-b p{margin:10px 0 0}
#mc-two .tw-n{margin:6px 0 0;font-size:20px;line-height:1.45;max-width:760px;color:var(--e-global-color-primary)}
/* 7 makers */
#mc-mk .mk{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:64px;align-items:center}
#mc-mk .mk-n{margin:34px 0 0;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:clamp(60px,7.6vw,112px);line-height:.95;color:#fff;white-space:nowrap}
#mc-mk .mk-n small{font-size:.3em;color:var(--e-global-color-accent);margin-left:6px}
#mc-mk .mk-pc{display:block;margin-top:8px;font-family:var(--e-global-typography-accent-font-family),sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65)}
#mc-mk .mk-v{position:relative;width:min(100%,480px);aspect-ratio:1;margin:0 auto}
#mc-mk .mk-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(255,255,255,.3)}
#mc-mk .mk-d{position:absolute;width:15%;aspect-ratio:1;margin:-7.5%;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 14px 24px -10px rgba(0,0,0,.6)}
#mc-mk .mk-c{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#8C5230;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;box-shadow:0 0 0 8px rgba(168,100,58,.25),0 0 0 18px rgba(168,100,58,.12);animation:mkp 3s ease-in-out infinite;overflow:hidden}
#mc-mk .mk-c svg{position:absolute;inset:0;width:100%;height:100%}
#mc-mk .mk-c span{position:relative;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:clamp(20px,2.6vw,32px);line-height:1;text-transform:uppercase;padding:0 12px}
#mc-mk .mk-c i{position:relative;font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-top:8px;opacity:.85}
@keyframes mkp{0%,100%{box-shadow:0 0 0 8px rgba(168,100,58,.25),0 0 0 18px rgba(168,100,58,.12)}50%{box-shadow:0 0 0 14px rgba(168,100,58,.2),0 0 0 30px rgba(168,100,58,.06)}}
#mc-mk .mk-l{position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65)}
@media (max-width:1100px){#mc-dem .md-g{grid-template-columns:1fr 1fr}#mc-dem .md-c:last-child{grid-column:1/-1}}
@media (max-width:900px){
#mc-dem .md-g{grid-template-columns:1fr}
#mc-mat .mv{height:auto;display:grid;gap:0}
#mc-mat .mv-p{position:relative;padding:44px 28px;align-items:flex-start;text-align:left;clip-path:none!important}
#mc-mat .mv-line{flex-direction:column;align-items:flex-start}
#mc-str .ms,#mc-tex .tx-h,#mc-mk .mk{grid-template-columns:1fr;gap:40px}
#mc-tex .tx-m{margin:0 -16px}
#mc-two .tw{grid-template-columns:1fr}
#mc-two .tw-c.b{margin-top:0}
#mc-mk .mk-l{bottom:-30px}
}
.mc-static #mc-mat .mv-b{clip-path:polygon(59% 0,100% 0,100% 100%,41% 100%)}#mc-mk .mk-v{margin-bottom:56px}#mc-mk .mk-l{bottom:-66px!important}
