.service-icon{width:72px;height:72px;display:grid;place-items:center;margin-top:20px;margin-bottom:2px;position:relative;color:#079bd7;perspective:500px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.service-icon:before{content:"";position:absolute;inset:5px;border-radius:16px;background:linear-gradient(145deg,#fff,#e8f4fb);border:1px solid #c9dfed;box-shadow:8px 8px 0 #d8e7f1,0 10px 25px #2d64851a;transform:rotateX(7deg) rotateY(-8deg);transition:.45s}.service-icon:after{content:"";position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;opacity:.12;animation:iconOrbit 5s linear infinite}.service-icon svg{width:58px;height:58px;overflow:visible;position:relative;z-index:1;filter:drop-shadow(2px 3px 0 rgba(20,47,70,.14)) drop-shadow(0 7px 10px rgba(20,70,100,.13));transition:.45s}.service-icon .draw{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.service-icon .fill{fill:currentColor;stroke:none}.service-icon .accent{color:#e6007e}.service-icon .yellow{color:#f4c900}.service-icon .blue{color:#079bd7}.service-icon .pulse{animation:iconPulse 1.8s ease-in-out infinite}.service-icon .spin{transform-box:fill-box;transform-origin:center;animation:iconSpin 2.8s linear infinite}.service-icon .move-x{animation:iconMoveX 2.4s ease-in-out infinite}.service-icon .print-line{animation:iconPrint 2s ease-in-out infinite}.service-icon .glow{animation:iconGlow 1.6s ease-in-out infinite}.service-icon .orbit{transform-box:fill-box;transform-origin:center;animation:iconSpin 5s linear infinite}.service:hover .service-icon{transform:translateY(-6px) rotateX(3deg) rotateY(-4deg)}.service:hover .service-icon:before{box-shadow:11px 12px 0 #cfe2ed,0 16px 30px #2d648529;transform:rotateX(12deg) rotateY(-12deg) translateZ(8px)}.service:hover .service-icon svg{transform:translateZ(14px) scale(1.06);filter:drop-shadow(3px 4px 0 rgba(20,47,70,.16)) drop-shadow(0 10px 14px rgba(20,70,100,.18))}
.equipment-card{position:relative}.equipment-card .equip-icon{width:66px;height:66px;display:grid;place-items:center;color:#079bd7;position:relative;margin:0 18px 0 8px;perspective:500px;transition:.4s;flex:0 0 66px}.equipment-card .equip-icon:before{content:"";position:absolute;inset:3px;border-radius:14px;background:linear-gradient(145deg,#ffffff,#e8f5fb);border:1px solid #c9dfed;box-shadow:6px 7px 0 #d8e7f1,0 8px 20px #2d64851a;transform:rotateX(8deg) rotateY(-8deg)}.equipment-card .equip-icon svg{width:50px;height:50px;position:relative;z-index:1;filter:drop-shadow(2px 3px 0 rgba(20,47,70,.14)) drop-shadow(0 6px 9px rgba(20,70,100,.12));transition:.4s}.equipment-card .equip-icon .draw{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.equipment-card:hover .equip-icon{transform:translateY(-4px) rotateY(-7deg)}.equipment-card:hover .equip-icon:before{box-shadow:8px 9px 0 #cfe2ed,0 12px 25px #2d64852a}.equipment-card:hover .equip-icon svg{transform:translateZ(10px) scale(1.05)}.equipment-card:hover .equip-icon .spin{animation:iconSpin 1.4s linear infinite}
/* Компактные теги каталога — без декоративных кружков и иконок */
.filters{align-items:center}.filters button{display:inline-flex;align-items:center;justify-content:center;gap:0;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.filters button:before{display:none!important}.filters button:after{display:none!important}.filters button:hover,.filters button.active{transform:translateY(-1px)}
/* Объёмные интерактивные превью каталога */
.model-placeholder{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#fff 0,#eef8fc 48%,#dbe9f3 100%);color:transparent;isolation:isolate;perspective:700px}.model-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,#079bd714 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#079bd714 50%,transparent 51%);background-size:100% 34px,34px 100%;opacity:.55}.model-placeholder:after{content:"";position:absolute;left:12%;right:12%;bottom:13%;height:1px;background:#079bd733;box-shadow:0 -38px 0 #079bd714,0 38px 0 #079bd714}.model-stage{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}.model-object{position:relative;width:112px;height:78px;transform:rotateX(57deg) rotateZ(-7deg) translateZ(12px);background:linear-gradient(145deg,#21b9eb,#087fb9);border:2px solid #fff;border-radius:9px 16px 8px 12px;box-shadow:13px 15px 0 #aec7d8,0 22px 28px #315b7530;transition:.5s;animation:modelFloat 4s ease-in-out infinite}.model-object:before,.model-object:after{content:"";position:absolute;inset:8px;border:2px solid #bdeeff;border-radius:5px;opacity:.75}.model-object:after{inset:18px 25px;border-color:#fff;opacity:.5}.model-gridline{position:absolute;width:170px;height:110px;border:1px dashed #079bd74d;border-radius:50%;transform:rotateX(67deg) rotateZ(-5deg);animation:modelOrbit 8s linear infinite}.model-axis{position:absolute;right:14px;top:12px;color:#7b9aaf;font:700 8px monospace;letter-spacing:.12em}.model-label{position:absolute;left:15px;top:13px;display:flex;flex-direction:column;gap:2px;color:#5d7890;z-index:2}.model-label b{font:800 8px Manrope;letter-spacing:.15em;color:#079bd7}.model-label small{font:700 7px monospace;letter-spacing:.08em}.product:hover .model-object{transform:rotateX(57deg) rotateZ(-7deg) translateZ(25px) scale(1.08);filter:saturate(1.12);box-shadow:17px 20px 0 #a7c2d5,0 28px 35px #315b7540}.product:hover .model-gridline{animation-duration:3.5s}.model-gear .model-object{width:86px;height:86px;border-radius:50%;clip-path:polygon(50% 0,61% 10%,74% 5%,81% 19%,94% 23%,91% 38%,100% 50%,91% 62%,94% 77%,81% 81%,74% 95%,61% 90%,50% 100%,39% 90%,26% 95%,19% 81%,6% 77%,9% 62%,0 50%,9% 38%,6% 23%,19% 19%,26% 5%,39% 10%)}.model-gear .model-object:before{inset:27px;border-radius:50%}.model-clip .model-object{width:120px;height:48px;border-radius:22px 8px 8px 22px;transform:rotateX(58deg) rotateZ(-8deg) translateZ(10px)}.model-clip .model-object:before{inset:9px 35px 9px 48px;border-radius:4px}.model-handle .model-object{width:120px;height:38px;border-radius:22px;background:linear-gradient(145deg,#222,#555);border:3px solid #eefaff}.model-handle .model-object:before{inset:8px 42px;border-color:#9fe5ff}.model-bracket .model-object{width:92px;height:92px;border-radius:8px 8px 25px 8px;clip-path:polygon(0 0,100% 0,100% 24%,55% 24%,55% 100%,0 100%)}.model-grille .model-object{width:118px;height:68px;border-radius:10px;background:repeating-linear-gradient(90deg,#087fb9 0 7px,#21b9eb 7px 12px);border:4px solid #fff}.model-box .model-object{width:112px;height:78px;border-radius:7px;background:linear-gradient(145deg,#23b9eb,#0783c0);clip-path:polygon(8% 15%,92% 15%,100% 30%,92% 88%,50% 100%,8% 88%,0 30%)}.model-tech .model-object{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,#e8f8ff 0 16%,#087fb9 18% 28%,#1e354b 30% 100%);border:5px solid #fff}
@keyframes iconPulse{0%,100%{opacity:.5;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}@keyframes iconSpin{to{transform:rotate(360deg)}}@keyframes iconMoveX{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}@keyframes iconPrint{0%,100%{stroke-dasharray:4 8;stroke-dashoffset:0}50%{stroke-dasharray:10 4;stroke-dashoffset:14}}@keyframes iconGlow{0%,100%{opacity:.3}50%{opacity:1}}@keyframes iconOrbit{to{transform:rotate(360deg)}}@keyframes modelFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes modelOrbit{to{transform:rotateX(67deg) rotateZ(355deg)}}
@media(max-width:520px){.service-icon{margin-top:16px}.equipment-card .equip-icon{width:58px;height:58px;margin-right:5px;flex-basis:58px}}