*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;background:#11171b;color:#f5f6f7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ff843d;outline-offset:5px}#tour{position:relative;height:100dvh;min-height:620px;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10161c99,transparent 24%,transparent 67%,#0b111bde),linear-gradient(90deg,#0d131854,transparent 50%)}header{position:absolute;top:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.brand{display:grid;grid-template-columns:44px auto;column-gap:12px;color:white;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:1px}.mark{grid-row:span 2;width:44px;height:auto;object-fit:contain;align-self:center}.brand-name{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.brand-name i{font-style:normal;color:#9fb0bb}.brand-sub{font-size:9px;letter-spacing:2.2px;font-weight:400;margin-top:4px}.top-right{display:flex;align-items:center;gap:20px}.demo{font-size:11px;letter-spacing:2px;color:#d6dadc}.top-right button{border:1px solid #ffffff30;background:#17202877;border-radius:50%;width:42px;height:42px;font-size:25px}.intro{position:absolute;top:145px;left:40px;pointer-events:none;transition:opacity .4s}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#f78a50;display:flex;align-items:center;gap:9px}.eyebrow span{width:20px;height:2px;background:#f17b3e}h1{font-size:clamp(28px,3.5vw,54px);letter-spacing:-1.8px;line-height:1.07;margin:20px 0}p{font-size:15px;line-height:1.6;color:#bfc8cc}.intro p{font-size:14px}.view-tools{position:absolute;bottom:183px;left:40px;display:flex;gap:8px}.view-tools button{background:#162027db;border:1px solid #ffffff24;padding:12px 16px;border-radius:5px;font-size:19px}.view-tools span{font-size:12px;margin-left:6px}.view-tools button[aria-pressed=true]{color:#fa8a4d;border-color:#fa8a4d}footer{position:absolute;bottom:24px;left:40px;right:40px}.bottom-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#bac4ca;margin-bottom:15px}.hint{letter-spacing:0;color:#a5b2b9;font-size:12px}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}nav button{display:flex;align-items:center;text-align:left;padding:20px;background:#162029e8;border:1px solid #ffffff22;border-radius:5px;gap:15px;transition:background .2s,border-color .2s;backdrop-filter:blur(14px)}nav button:hover,nav button.active{background:#28303a;border-color:#f3793b}nav button.active .number{color:#ff985e}.number{font-size:14px;color:#78858f;font-family:monospace}nav button>span:nth-child(2){font-size:16px;font-weight:600}small{display:block;font-size:11px;color:#a7b4bd;font-weight:400;margin-top:7px}.arrow{margin-left:auto;font-size:23px;color:#f58a51}#detail{position:absolute;right:32px;top:112px;bottom:185px;width:340px;padding:28px;background:#101b25ed;border:1px solid #ffffff26;border-radius:7px;backdrop-filter:blur(20px);overflow:auto;box-shadow:0 20px 60px #0005}#detail h2{font-size:31px;line-height:1.1;letter-spacing:-.8px;margin:22px 0 8px}/* ⚠️ 19.09.2026 (владелец: «если вниз пролистываю, крестик не видно, неудобно»).
   Карточка #detail прокручивается (overflow:auto), а крестик был absolute —
   он привязан к НАЧАЛУ содержимого и уезжал вверх вместе с текстом. sticky
   держит его в видимой части карточки на любой прокрутке. Заодно 44×44 —
   зона нажатия под палец, раньше цель была ~27 px. */
#close{position:sticky;top:0;z-index:2;display:block;margin:-10px -10px 0 auto;width:44px;height:44px;border:0;border-radius:50%;background:#101b25cc;backdrop-filter:blur(6px);font-size:26px;line-height:1;color:#acbcc6}.model{font-size:12px;letter-spacing:2px;color:#8799a5}#description{font-size:14px}dl{margin:20px 0}dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff17;padding:11px 0;font-size:13px}dt{color:#9eb0bb}dd{margin:0;text-align:right;font-weight:600}.materials{display:flex;gap:6px;flex-wrap:wrap}.materials span{padding:6px 9px;background:#ffffff09;border:1px solid #ffffff16;border-radius:3px;font-size:11px}.disclaimer{font-size:11px;line-height:1.5;color:#90a0ab;margin:18px 0}.next{border:0;border-radius:3px;width:100%;padding:13px 15px;display:flex;justify-content:space-between;background:#ed783d;font-size:13px;color:#11191f;font-weight:700}.pin{position:absolute;display:flex;align-items:center;gap:8px;border:0;background:#12202ddd;border-radius:30px;padding:5px 12px 5px 5px;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px;box-shadow:0 4px 18px #0005}.pin b{display:grid;place-items:center;width:28px;height:28px;background:#f17d42;border:3px solid #ffc29c;color:#182129;border-radius:50%;font-family:monospace;font-size:11px}.pin.active{box-shadow:0 0 0 3px #f37b4266}#loading,#error{position:absolute;inset:0;background:#101a23;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:20}#loading span:last-child{font-size:13px;color:#a3b4c0}.loader{width:42px;height:42px;border:2px solid #40505b;border-top-color:#f68b4c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#error{padding:30px;text-align:center}#error p{max-width:440px}#error button{background:#ec7b40;border:0;padding:14px}.selected .intro{opacity:0}.selected .hint{visibility:hidden}@media(min-height:850px){#detail{bottom:auto;max-height:calc(100dvh - 305px)}}@media(max-width:700px){#tour{min-height:560px}header{top:18px;left:18px;right:18px}.brand{font-size:14px;letter-spacing:.4px;grid-template-columns:34px auto}.brand-name{white-space:nowrap}.mark{width:34px}.brand-sub{font-size:7px}.demo{display:none}.intro{left:20px;top:104px}h1{font-size:32px}.intro p{font-size:12px}footer{left:12px;right:12px;bottom:12px}nav{gap:5px}nav button{padding:12px 9px;gap:6px;min-height:70px}nav button>span:nth-child(2){font-size:12px}nav small,.arrow,.hint{display:none}.number{font-size:11px}.bottom-top{font-size:9px;margin-bottom:9px}.view-tools{bottom:116px;left:14px}.view-tools button{padding:9px 12px}#detail{right:12px;left:12px;top:auto;bottom:111px;width:auto;max-height:40dvh;padding:20px}#detail h2{font-size:25px;margin:12px 0 6px}#description{font-size:13px}.selected .view-tools{top:76px;bottom:auto}.pin{font-size:10px}.pin b{width:24px;height:24px}.selected .pin{display:none}}

#reference-photo{margin:16px 0}#reference-photo img{display:block;width:100%;max-height:190px;object-fit:contain;background:#fff;border-radius:4px}#reference-photo figcaption{font-size:12px;color:#acbdc8;margin-top:7px;line-height:1.5}#reference-photo a{color:#ffac7b}

#gweike-photo{margin:16px 0}#gweike-photo img{display:block;width:100%;border-radius:4px}#gweike-photo figcaption{font-size:12px;color:#acbdc8;margin-top:7px;line-height:1.5}#gweike-photo a{color:#ffac7b}

#drill-photo{margin:16px 0}#drill-photo img{display:block;width:100%;max-height:240px;object-fit:contain;background:white;border-radius:4px}#drill-photo figcaption{font-size:12px;line-height:1.5;margin-top:7px}#drill-photo a{color:#ffac7b}@media(max-width:1000px){nav{display:flex;overflow-x:auto}nav button{flex:0 0 220px}}@media(max-width:700px){nav button{flex-basis:160px}}

nav{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6a7d88 transparent;padding-bottom:5px}nav button{flex:0 0 230px}@media(max-width:700px){nav button{flex-basis:160px}}

#calculator{color:#eef4f7;background:#15232e;border:1px solid #67808e;border-radius:12px;width:min(500px,calc(100vw - 24px));max-height:85dvh;padding:28px}#calculator::backdrop{background:#07121dcc;backdrop-filter:blur(5px)}#calculator form{position:relative}#calculator h2{margin:20px 0}#calculator label{display:block;font-size:13px;color:#c5d3db;margin:14px 0}#calculator input,#calculator select{display:block;width:100%;padding:11px;margin-top:7px;color:white;background:#233744;border:1px solid #617481;border-radius:4px;font:inherit}#calculator p{font-size:12px}#calculator output{display:block;line-height:1.6;margin-top:18px;font-weight:bold;color:#8ce0c7}.calc-close{position:absolute;right:0;top:-8px;background:none;border:0;font-size:28px}.calc-tariff{color:#f7b580}#calculate{margin:18px 0}
.animation-note{font-size:11px;color:#87bbc5;line-height:1.5}.view-tools{flex-wrap:wrap;max-width:calc(100% - 30px)}@media(max-width:700px){.view-tools{gap:4px}.view-tools button{padding:8px}.view-tools span{margin-left:3px}}

.hall-switch{display:flex;gap:4px;background:#101b25d9;padding:4px;border:1px solid #ffffff29;border-radius:7px}.hall-switch a{color:#c6d2db;text-decoration:none;font-size:14px;padding:9px 12px;border-radius:4px;white-space:nowrap}.hall-switch a[aria-current]{background:#ed783d;color:#14202a;font-weight:bold}@media(max-width:700px){.hall-switch a{font-size:12px;padding:8px}.top-right{gap:6px}.brand-sub{letter-spacing:1px}.brand{column-gap:6px}.view-tools{max-width:calc(100% - 24px)}}

#fmg-photo{margin:16px 0}#fmg-photo img{width:100%;display:block;background:#eef1f3;border-radius:4px}#fmg-photo figcaption{font-size:12px;margin-top:7px}#fmg-photo a{color:#ffac7b}

.unified-tour #equipment-pins{position:absolute;inset:0;pointer-events:none;z-index:2}
.equipment-pin{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;pointer-events:auto;border:2px solid #ffc79e;border-radius:50%;background:#ef7b3f;color:#17232b;font:bold 13px monospace;box-shadow:0 3px 16px #0008;transition:background .15s,box-shadow .15s}
.equipment-pin:hover,.equipment-pin.active{background:#ffb174;box-shadow:0 0 0 5px #f17b3e38,0 4px 20px #0008}
.unified-tour header,.unified-tour .view-tools,.unified-tour #detail{z-index:3}
.unified-tour header{pointer-events:none}.unified-tour header a,.unified-tour header button{pointer-events:auto}
.unified-tour footer{pointer-events:none;bottom:18px}.unified-tour .view-tools{bottom:58px}
.unified-tour #detail{bottom:116px;max-height:calc(100dvh - 230px)}
.unified-tour.near-equipment .intro{opacity:0}
@media(max-width:700px){.unified-tour footer{bottom:12px}.unified-tour .view-tools{bottom:46px}.unified-tour #detail{bottom:98px;max-height:45dvh}.unified-tour .bottom-top{font-size:8px;letter-spacing:.8px}.unified-tour.selected .view-tools{top:auto;bottom:46px}.equipment-pin{width:38px;height:38px}}

.unified-tour #machine-shortcuts{pointer-events:auto;gap:8px;padding-bottom:5px}
.unified-tour #machine-shortcuts button{flex-basis:210px;padding:13px 15px;min-height:74px}
.unified-tour #machine-shortcuts button>span:nth-child(2){font-size:14px}
.unified-tour .view-tools{bottom:155px}.unified-tour #detail{bottom:215px;max-height:calc(100dvh - 327px)}
@media(max-width:700px){.unified-tour #machine-shortcuts button{flex-basis:155px;padding:10px;min-height:64px}.unified-tour #machine-shortcuts button>span:nth-child(2){font-size:12px}.unified-tour .view-tools,.unified-tour.selected .view-tools{bottom:135px}.unified-tour #detail{bottom:186px;max-height:42dvh}}

.unified-tour #machine-shortcuts button{position:relative;isolation:isolate;overflow:hidden;background:#14212a;min-height:86px;border-color:#ffffff38;text-shadow:0 2px 5px #000;align-items:flex-end}
.unified-tour #machine-shortcuts button::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--machine-photo);background-size:cover;background-position:center 45%;transition:transform .35s}
.unified-tour #machine-shortcuts button::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06121b12 0%,#07131b80 35%,#07131be8 100%)}
.unified-tour #machine-shortcuts button:hover::before{transform:scale(1.07)}
.unified-tour #machine-shortcuts button.active{border-color:#ff975c;box-shadow:inset 0 0 0 1px #ff975c}
.unified-tour #machine-shortcuts .number{color:#ffc090;font-weight:700;align-self:flex-start;background:#15212abf;border-radius:4px;padding:3px 5px}
.unified-tour #machine-shortcuts small{color:#d3dde3}.unified-tour .view-tools{bottom:167px}
@media(max-width:700px){.unified-tour #machine-shortcuts button{min-height:76px}.unified-tour .view-tools,.unified-tour.selected .view-tools{bottom:147px}}
@media(prefers-reduced-motion:reduce){.unified-tour #machine-shortcuts button::before{transition:none}}
.quality-control{display:flex;align-items:center;gap:7px;font-size:11px;color:#aabdc8;background:#14212adb;padding:8px;border-radius:6px}.quality-control select{background:#23343f;color:white;border:1px solid #60717a;padding:5px;border-radius:4px}
#mini-map{position:absolute;right:32px;top:88px;width:260px;height:60px;background:#10202ada;border:1px solid #ffffff2b;border-radius:7px;z-index:4;cursor:crosshair;overflow:hidden}#mini-map svg{width:100%;height:100%}#mini-map path{fill:#52636f;stroke:#8da0aa;stroke-width:.6}#mini-map text{font:6px Arial;fill:#b8c7d0}#mini-map .map-machine{fill:#ed9057}#mini-map #map-camera{fill:#b4f5ed;stroke:#12202a;stroke-width:1}#mini-map #map-direction{fill:none;stroke:#b4f5ed;stroke-width:1.2}
.unified-tour #detail{top:159px;max-height:calc(100dvh - 374px)}.machine-actions{display:flex;gap:5px;margin:16px 0}.machine-actions button{flex:1;border:1px solid #ffffff25;background:#1c303e;padding:9px 5px;border-radius:4px;font-size:12px}.machine-actions button[aria-pressed=true]{border-color:#ef905d;color:#ffac7b}#machine-photo{margin:16px 0}#machine-photo img{width:100%;max-height:230px;object-fit:contain;border-radius:5px;background:#0b151c}#machine-photo figcaption{font-size:11px;color:#a6bbc7;margin-top:8px}#demo-note{border-left:2px solid #76d9d2;background:#18323a;padding:12px;font-size:13px;line-height:1.6;color:#bbe8e4}
#tour-guide{position:absolute;left:36px;top:116px;width:305px;padding:20px;background:#101f29f2;border:1px solid #617785;border-radius:9px;z-index:5;box-shadow:0 10px 30px #0004}#guide-close{position:absolute;top:4px;right:7px;border:0;background:none;font-size:24px}#guide-kind{font-size:9px;letter-spacing:1px;padding-right:12px}#guide-title{font-size:20px;margin:17px 0 6px}#guide-text{font-size:13px;line-height:1.55;margin:8px 0 13px}.guide-buttons{display:flex;gap:7px}.guide-buttons button{flex:1;padding:9px 4px;border:1px solid #ffffff35;border-radius:4px;background:#253b49;font-size:12px}.guide-buttons button:disabled{opacity:.35}.guide-track{height:3px;background:#344751;margin:15px 0}#guide-progress{height:100%;background:#ed9359;transition:width .6s}
#guide-workpiece{height:94px;position:relative;padding-top:8px;background:#0717227a;border-radius:5px;overflow:hidden}#guide-workpiece small{text-align:center;font-size:9px;margin-top:65px}.sample-part{position:absolute;left:90px;top:25px;width:85px;height:28px;background:linear-gradient(130deg,#b4c8d0,#52636e);transform:skewY(-12deg);border:1px solid #c5d5dc;transition:all .8s}.sample-part i{display:block;position:absolute;background:#131f28;border-radius:50%;width:9px;height:9px;top:8px;left:12px}.sample-part i:nth-child(2){left:37px}.sample-part i:nth-child(3){left:62px}#guide-workpiece[data-stage="1"] .sample-part{height:40px;border-top:12px solid #c7d7dd}#guide-workpiece[data-stage="2"] .sample-part{height:42px;background:#6e828b;box-shadow:20px -10px 0 #394e5a;border-top:8px solid #c1ccd1}#guide-workpiece[data-stage="3"] .sample-part{height:42px;background:#237eab;box-shadow:20px -10px 0 #194d72;border-color:#70b4d5;border-top:8px solid #52a4c9}#tour:has(#tour-guide:not([hidden])) .intro{opacity:0}
#walk-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:226px;z-index:6;background:#122431ee;border:1px solid #6a8a98;border-radius:8px;padding:10px;text-align:center;white-space:nowrap}#walk-controls span{font-size:11px;color:#b0cbd6}#walk-controls button{margin:8px 2px 0;padding:10px 15px;background:#294451;border:1px solid #607d8c;border-radius:4px;touch-action:none}.walking .intro{opacity:0}.walking #scene{cursor:grab}.walking #scene:active{cursor:grabbing}
.unified-tour .view-tools{gap:5px}.unified-tour .view-tools button{font-size:15px;padding:11px}.unified-tour .view-tools span{font-size:11px}
@media(max-width:700px){.quality-control{font-size:0;padding:3px}.quality-control select{font-size:10px;max-width:78px}.top-right{gap:5px}#mini-map{top:126px;right:12px;width:150px;height:40px}.unified-tour #detail{top:auto;bottom:212px;max-height:38dvh}.unified-tour .view-tools,.unified-tour.selected .view-tools{bottom:132px;gap:4px;max-width:calc(100% - 24px)}.unified-tour .view-tools button{padding:7px 8px;font-size:12px}.unified-tour .view-tools span{font-size:10px}#tour-guide{top:128px;left:12px;width:225px;padding:14px}#guide-title{font-size:16px}#guide-text{font-size:11px}#guide-workpiece{height:78px}.sample-part{left:60px;top:20px}#guide-workpiece small{margin-top:52px}#walk-controls{bottom:224px;max-width:calc(100% - 24px)}#walk-controls span{font-size:9px}#walk-controls button{padding:9px 11px}.unified-tour #detail h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sample-part,#guide-progress{transition:none}}

.quality-control{pointer-events:auto}

.machine-actions{flex-wrap:wrap}.machine-actions button{flex:1 1 40%}#product-examples img{width:100%;height:auto;border-radius:8px}#product-examples figure{margin:16px 0}#product-examples figcaption{font-size:12px;color:#aebdc5;margin-top:8px}#product-examples p{line-height:1.5}

/* ⚠️ 19.09.2026 (владелец: «предлагает вернуться на сайт, и получается сайт в сайте»).
   Тур открывается и отдельной страницей /tour, и в окне на главной. В окне его
   шапка дублировала шапку сайта, а ссылка «← НА САЙТ» открыла бы сайт ВНУТРИ
   окна — сайт в сайте. Класс embedded ставит сам тур, когда видит, что он во
   фрейме (index.html). Прячем только логотип со ссылкой и вступительный текст:
   выбор качества и кнопка полного экрана нужны и там. */
html.embedded .brand{display:none}
html.embedded .intro{display:none}
html.embedded header{justify-content:flex-end}