:root{--mm3d-bg:#f3f8fb;--mm3d-card:#ffffff;--mm3d-border:#dce8ef;--mm3d-text:#17384b;--mm3d-muted:#6d8290;--mm3d-accent:#0ca7c4;--mm3d-accent-2:#073f53;--mm3d-shadow:0 22px 55px rgba(6,31,47,.12)}
.mm3d-page{background:linear-gradient(180deg,#f6fafc 0,#f3f8fb 100%)}
.mm3d-hero{padding:56px 0 22px}.mm3d-kicker{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#eaf7fb;color:#087d98;font-size:12px;font-weight:900;letter-spacing:.06em}.mm3d-hero h1{margin:18px 0 12px;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;color:#083247;max-width:920px}.mm3d-hero p{max-width:860px;font-size:17px;line-height:1.7;color:#58707e}.mm3d-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.mm3d-stat{min-width:170px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border:1px solid #deeaef;box-shadow:0 14px 34px rgba(7,39,56,.06)}.mm3d-stat b{display:block;font-size:24px;color:#0a3345}.mm3d-stat span{display:block;margin-top:5px;color:#728692;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.mm3d-shell{padding:18px 0 56px}.mm3d-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}.mm3d-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d8e7ef;border-radius:18px;padding:0 14px;min-height:56px;box-shadow:0 10px 28px rgba(7,39,56,.05)}.mm3d-search span{font-size:20px;color:#7d93a0}.mm3d-search input{border:0;background:transparent;outline:0;width:100%;font:600 16px/1.1 inherit;color:#183647}.mm3d-count{padding:0 14px;color:#0a3d51;font-weight:900;white-space:nowrap}.mm3d-filters{display:flex;gap:8px;overflow:auto;padding:2px 0 14px;scrollbar-width:thin}.mm3d-filter{flex:none;border:1px solid #d9e6ee;background:#fff;color:#284756;border-radius:999px;padding:10px 14px;font:800 12px/1 inherit;cursor:pointer}.mm3d-filter span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef6f8;margin-left:6px;color:#4e6d7c}.mm3d-filter.is-active{background:#0a3144;color:#fff;border-color:#0a3144;box-shadow:0 8px 22px rgba(8,49,68,.2)}.mm3d-filter.is-active span{background:rgba(255,255,255,.15);color:#fff}
.mm3d-workspace{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(330px,.76fr);gap:20px;align-items:stretch}.mm3d-viewer{position:relative;min-height:640px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#153f53 0,#0b2b3c 42%,#061824 100%);box-shadow:0 24px 55px rgba(6,31,47,.18);isolation:isolate}.mm3d-viewer:before{content:"";position:absolute;inset:7% 9%;border-radius:50%;background:radial-gradient(circle,rgba(55,211,236,.16),transparent 62%);filter:blur(6px);pointer-events:none}.mm3d-viewer:after{content:"";position:absolute;left:10%;right:10%;bottom:6%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgba(22,84,107,.52),rgba(5,25,36,.12) 52%,transparent 72%);transform:perspective(500px) rotateX(68deg);pointer-events:none}.mm3d-canvas{position:absolute;inset:0;display:grid;place-items:center}.mm3d-fallback{position:absolute;inset:0;display:none}.mm3d-fallback img{width:120px;opacity:.25}
.mm3d-view-top{position:absolute;z-index:6;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.mm3d-badge{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 13px;background:rgba(4,18,28,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);color:#dff9ff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.mm3d-badge i{width:8px;height:8px;border-radius:50%;background:#35d9ee;box-shadow:0 0 16px #35d9ee}.mm3d-actions{display:flex;gap:8px;pointer-events:auto}.mm3d-iconbtn{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(4,18,28,.68);color:#fff;cursor:pointer;backdrop-filter:blur(9px);font-size:17px;line-height:1}.mm3d-iconbtn:hover,.mm3d-iconbtn.is-active{background:rgba(11,80,103,.84);border-color:rgba(113,225,242,.4)}.mm3d-hint{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;padding:10px 13px;border-radius:999px;background:rgba(2,13,20,.68);border:1px solid rgba(255,255,255,.1);color:#c4dce6;font-size:12px;pointer-events:none;max-width:80%;overflow:hidden;text-overflow:ellipsis}
.mm3d-photo-stage{position:absolute;inset:0;display:grid;place-items:center;padding:78px 70px 92px;touch-action:none;user-select:none}.mm3d-stage-glow{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(87,221,242,.18),rgba(22,88,112,.06) 46%,transparent 72%);filter:blur(2px);pointer-events:none}.mm3d-image-wrap{position:relative;width:100%;height:100%;display:grid;place-items:center;cursor:grab;z-index:2;perspective:1100px}.mm3d-image-wrap.is-dragging{cursor:grabbing}.mm3d-main-product-image{display:block;max-width:min(84%,780px);max-height:76%;width:auto;height:auto;object-fit:contain;object-position:center center;transform-origin:50% 50%;transition:transform .18s ease,opacity .16s ease,filter .18s ease;filter:drop-shadow(0 28px 30px rgba(0,0,0,.32));will-change:transform;pointer-events:none}.mm3d-main-product-image.is-switching{opacity:.15;filter:blur(3px) drop-shadow(0 20px 20px rgba(0,0,0,.22))}.mm3d-product-shadow{position:absolute;left:50%;bottom:8%;width:min(48%,420px);height:34px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.38),rgba(0,0,0,.08) 58%,transparent 74%);filter:blur(8px);z-index:-1;pointer-events:none}.mm3d-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:44px;height:58px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(4,18,28,.56);backdrop-filter:blur(8px);color:#fff;font-size:32px;display:grid;place-items:center;cursor:pointer}.mm3d-nav:hover{background:rgba(5,107,137,.76)}.mm3d-prev{left:18px}.mm3d-next{right:18px}.mm3d-nav[hidden]{display:none}.mm3d-stage-gallery{position:absolute;left:50%;bottom:58px;z-index:5;transform:translateX(-50%);display:flex;gap:7px;max-width:74%;overflow:auto;padding:6px;border-radius:16px;background:rgba(3,20,30,.52);backdrop-filter:blur(9px);scrollbar-width:none}.mm3d-stage-gallery[hidden]{display:none}.mm3d-stage-thumb{flex:none;width:48px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#eef6f8;padding:3px;cursor:pointer;opacity:.72}.mm3d-stage-thumb.is-active{opacity:1;border-color:#65dced;box-shadow:0 0 0 2px rgba(101,220,237,.16)}.mm3d-stage-thumb img{width:100%;height:100%;object-fit:contain;border-radius:7px}.mm3d-gallery-count{position:absolute;right:20px;bottom:21px;color:#bcd7e2;font-size:11px;font-weight:800;z-index:6}
.mm3d-model-stage{position:absolute;inset:0;padding:76px 32px 96px;display:grid;place-items:center}.mm3d-model-wrap{position:relative;width:100%;height:100%;z-index:2}.mm3d-model-wrap model-viewer{width:100%;height:100%;--poster-color:transparent;background:transparent}
.mm3d-side{display:flex;flex-direction:column;gap:14px}.mm3d-info,.mm3d-listwrap{background:var(--mm3d-card);border:1px solid var(--mm3d-border);border-radius:24px;box-shadow:0 18px 42px rgba(7,39,56,.08)}.mm3d-info{padding:18px}.mm3d-photo{height:182px;border-radius:18px;background:linear-gradient(145deg,#f4f7f9,#edf4f7);display:grid;place-items:center;overflow:hidden;margin-bottom:15px}.mm3d-photo img{width:100%;height:100%;object-fit:contain;padding:10px}.mm3d-meta{display:flex;justify-content:space-between;gap:8px;color:#6c8290;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mm3d-info h2{font-size:clamp(22px,2vw,30px);line-height:1.08;letter-spacing:-.03em;margin:9px 0 10px;color:#14384a}.mm3d-info p{margin:0;color:#617886;font-size:13px;line-height:1.6}.mm3d-techmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mm3d-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#eef6f8;border:1px solid #dbe8ee;color:#194255;font-size:11px;font-weight:900;letter-spacing:.03em}.mm3d-chip.is-3d{background:#e7fbff;border-color:#b8eef7;color:#087d98}.mm3d-chip.is-photo{background:#f2f7fb;border-color:#dae8ef;color:#436170}.mm3d-reference-block{margin-top:16px}.mm3d-reference-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;color:#6d8491;text-transform:uppercase;font-weight:900;letter-spacing:.05em}.mm3d-reference-tray{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.mm3d-ref-thumb{flex:none;width:62px;height:54px;border-radius:12px;border:1px solid #d7e6ed;background:#fff;padding:3px;cursor:pointer}.mm3d-ref-thumb.is-active{border-color:#64dced;box-shadow:0 0 0 3px rgba(100,220,237,.16)}.mm3d-ref-thumb img{width:100%;height:100%;object-fit:contain;border-radius:9px}.mm3d-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.mm3d-cta a{display:flex;justify-content:center;align-items:center;min-height:44px;text-align:center;border-radius:14px;text-decoration:none;font-size:12px;font-weight:800}.mm3d-cta .primary{background:linear-gradient(135deg,#0b647f,#02a9c6);color:#fff}.mm3d-cta .secondary{background:#eef5f8;color:#0b4055}.mm3d-listwrap{padding:12px;min-height:0;flex:1}.mm3d-list{display:grid;gap:8px;max-height:348px;overflow:auto;padding-right:2px}.mm3d-card{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;width:100%;border:1px solid #e0eaef;background:#fff;border-radius:15px;padding:7px;text-align:left;cursor:pointer}.mm3d-card:hover,.mm3d-card.is-active{border-color:#79d9e8;background:#f2fcfe}.mm3d-card img{width:58px;height:52px;object-fit:contain;border-radius:10px;background:#f4f7f9}.mm3d-card-copy{min-width:0}.mm3d-card strong{font-size:12px;line-height:1.25;color:#15384a;display:block}.mm3d-card small{font-size:10px;color:#79909c}.mm3d-card-mode{display:inline-grid;place-items:center;min-width:52px;height:24px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em}.mm3d-card-mode.is-photo{background:#eef5f8;color:#486978}.mm3d-card-mode.is-model{background:#e7fbff;color:#087d98}.mm3d-empty{padding:30px 14px;text-align:center;color:#7a8e98}.mm3d-note{margin-top:20px;padding:16px 18px;border-radius:18px;background:#edf5f8;color:#536b78;font-size:12px;line-height:1.55}.mm3d-note strong{display:block;margin-bottom:6px;color:#11374a;font-size:12px;letter-spacing:.05em}.mm3d-note p{margin:0 0 8px}.mm3d-note p:last-child{margin-bottom:0}.mm-3d-product-link{background:linear-gradient(135deg,#07394d,#05a9c5)!important;color:#fff!important;border-color:transparent!important}.mm-3d-product-link:before{content:"STUDIO";display:inline-grid;place-items:center;min-width:42px;height:20px;margin-right:7px;border-radius:6px;background:rgba(255,255,255,.15);font-size:9px;font-weight:900;letter-spacing:.04em}
.mm3d-viewer:fullscreen{border-radius:0;min-height:100vh}.mm3d-viewer:fullscreen .mm3d-main-product-image{max-width:min(80vw,1100px);max-height:78vh}.mm3d-viewer:fullscreen .mm3d-photo-stage{padding:80px 8vw 100px}.mm3d-viewer:fullscreen .mm3d-model-stage{padding:84px 8vw 104px}
@media(max-width:980px){.mm3d-workspace{grid-template-columns:1fr}.mm3d-viewer{min-height:560px}.mm3d-side{display:grid;grid-template-columns:1fr 1fr}.mm3d-listwrap{min-height:360px}.mm3d-list{max-height:430px}.mm3d-main-product-image{max-width:min(82%,680px);max-height:74%}}
@media(max-width:700px){.mm3d-hero{padding-top:48px}.mm3d-shell{padding-top:22px}.mm3d-toolbar{grid-template-columns:1fr}.mm3d-count{padding-left:4px}.mm3d-workspace{gap:12px}.mm3d-viewer{min-height:480px;border-radius:20px}.mm3d-side{display:flex}.mm3d-photo-stage,.mm3d-model-stage{padding:68px 34px 88px}.mm3d-main-product-image{max-width:88%;max-height:72%}.mm3d-hint{font-size:10px;bottom:12px}.mm3d-view-top{top:12px;left:12px;right:12px}.mm3d-iconbtn{width:36px;height:36px;border-radius:11px;font-size:15px}.mm3d-badge{font-size:9px;padding:8px 9px}.mm3d-nav{width:36px;height:50px;font-size:27px}.mm3d-prev{left:9px}.mm3d-next{right:9px}.mm3d-stage-gallery{bottom:50px;max-width:78%}.mm3d-info,.mm3d-listwrap{border-radius:20px}.mm3d-photo{height:150px}.mm3d-cta{grid-template-columns:1fr}.mm3d-list{max-height:360px}}
@media(max-width:430px){.mm3d-viewer{min-height:430px}.mm3d-photo-stage,.mm3d-model-stage{padding:64px 24px 82px}.mm3d-actions{gap:5px}.mm3d-iconbtn{width:33px;height:33px}.mm3d-main-product-image{max-width:92%;max-height:70%}.mm3d-stage-thumb{width:40px;height:37px}.mm3d-ref-thumb{width:56px;height:48px}}
@media(prefers-reduced-motion:reduce){.mm3d-main-product-image{transition:none!important}}

/* MEGAMIST 3D Configurator v3 — category scenes */
.mm3d-viewer{--scene-accent:#3bd5ea;--scene-accent-rgb:59,213,234;--scene-deep:#0b2b3c;--scene-glow:rgba(59,213,234,.18)}
.mm3d-viewer[data-mm3d-scene="fan"]{--scene-accent:#5de5f2;--scene-accent-rgb:93,229,242;--scene-deep:#073b4b;--scene-glow:rgba(93,229,242,.22)}
.mm3d-viewer[data-mm3d-scene="pump"]{--scene-accent:#55a9ff;--scene-accent-rgb:85,169,255;--scene-deep:#082d4f;--scene-glow:rgba(85,169,255,.22)}
.mm3d-viewer[data-mm3d-scene="nozzle"]{--scene-accent:#ad8cff;--scene-accent-rgb:173,140,255;--scene-deep:#28244e;--scene-glow:rgba(173,140,255,.22)}
.mm3d-viewer[data-mm3d-scene="heater"]{--scene-accent:#ffb25b;--scene-accent-rgb:255,178,91;--scene-deep:#4b2612;--scene-glow:rgba(255,178,91,.22)}
.mm3d-viewer[data-mm3d-scene="panel"]{--scene-accent:#77d2a4;--scene-accent-rgb:119,210,164;--scene-deep:#123d35;--scene-glow:rgba(119,210,164,.2)}
.mm3d-viewer[data-mm3d-scene="filter"]{--scene-accent:#7bd5ff;--scene-accent-rgb:123,213,255;--scene-deep:#0c3349;--scene-glow:rgba(123,213,255,.2)}
.mm3d-viewer[data-mm3d-scene="pipe"]{--scene-accent:#98b7ca;--scene-accent-rgb:152,183,202;--scene-deep:#18313f;--scene-glow:rgba(152,183,202,.18)}
.mm3d-viewer[data-mm3d-scene="fitting"]{--scene-accent:#d3c19a;--scene-accent-rgb:211,193,154;--scene-deep:#383027;--scene-glow:rgba(211,193,154,.18)}
.mm3d-viewer[data-mm3d-scene="clamp"]{--scene-accent:#b7cad7;--scene-accent-rgb:183,202,215;--scene-deep:#263540;--scene-glow:rgba(183,202,215,.18)}
.mm3d-viewer[data-mm3d-scene="humidifier"]{--scene-accent:#67e0c0;--scene-accent-rgb:103,224,192;--scene-deep:#0c3d3b;--scene-glow:rgba(103,224,192,.22)}
.mm3d-viewer[data-mm3d-scene="pulverizer"]{--scene-accent:#70d6ff;--scene-accent-rgb:112,214,255;--scene-deep:#133148;--scene-glow:rgba(112,214,255,.2)}
.mm3d-viewer[data-mm3d-scene]{background:radial-gradient(circle at 50% 38%,rgba(var(--scene-accent-rgb),.16) 0,var(--scene-deep) 43%,#061824 100%)}
.mm3d-viewer[data-mm3d-scene]:before{background:radial-gradient(circle,var(--scene-glow),transparent 64%)}
.mm3d-scene-grid{position:absolute;z-index:0;left:-10%;right:-10%;bottom:-13%;height:47%;opacity:.36;transform:perspective(560px) rotateX(67deg);transform-origin:center bottom;background-image:linear-gradient(rgba(var(--scene-accent-rgb),.22) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--scene-accent-rgb),.22) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to top,#000 20%,transparent 92%);pointer-events:none}
.mm3d-scene-orbit{position:absolute;z-index:0;width:min(58vw,600px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(var(--scene-accent-rgb),.2);box-shadow:0 0 0 28px rgba(var(--scene-accent-rgb),.035),0 0 0 72px rgba(var(--scene-accent-rgb),.025);pointer-events:none}
.mm3d-scene-orbit:before,.mm3d-scene-orbit:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(var(--scene-accent-rgb),.18)}
.mm3d-scene-orbit:after{inset:31%;border-style:solid;opacity:.55}
.mm3d-scene-label{position:absolute;z-index:4;left:22px;bottom:22px;display:grid;gap:3px;padding:10px 12px 10px 14px;border-left:2px solid var(--scene-accent);border-radius:0 11px 11px 0;background:linear-gradient(90deg,rgba(4,18,28,.64),rgba(4,18,28,.12));backdrop-filter:blur(8px);pointer-events:none}
.mm3d-scene-label span{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:rgba(223,249,255,.64)}
.mm3d-scene-label strong{font-size:12px;color:#effcff;letter-spacing:.02em}
.mm3d-photo-stage>.mm3d-image-wrap,.mm3d-model-wrap{z-index:2}
.mm3d-badge i{background:var(--scene-accent);box-shadow:0 0 18px var(--scene-accent)}
.mm3d-iconbtn.is-active{box-shadow:0 0 0 1px rgba(var(--scene-accent-rgb),.22) inset,0 8px 22px rgba(0,0,0,.18)}
.mm3d-model-wrap model-viewer{filter:drop-shadow(0 30px 32px rgba(0,0,0,.25))}
@media(max-width:700px){.mm3d-scene-label{left:14px;bottom:48px;padding:8px 10px 8px 12px}.mm3d-scene-grid{height:40%;background-size:34px 34px}.mm3d-scene-orbit{width:78vw}}