*{margin:0;padding:0}html,body{overflow:hidden}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,#0000 40%,#0000008c)}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:linear-gradient(to bottom,#0b2a3a,#134b63)}.webgl{position:fixed;top:0;left:0;outline:none;z-index:1}.ui-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.sidebar-logo{height:44px;width:auto;pointer-events:auto}.nav-home-btn{position:fixed;top:100px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;border:2px solid #0690ce;background:#fff;color:#0690ce;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0690ce40;transition:background .2s,color .2s;z-index:200000;pointer-events:auto}.nav-home-btn:hover{background:#0690ce;color:#fff}.info-panel{position:fixed;top:0;right:-500px;width:400px;height:100%;background-color:#0690ce;color:#fff;z-index:10;padding:40px;box-sizing:border-box;transition:right .3s ease-in-out;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;pointer-events:auto;display:flex;flex-direction:column;box-shadow:-5px 0 15px #0000001a}.info-panel.active{right:0}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.panel-header h2{font-size:20px;font-weight:600;margin:0;position:relative;display:inline-block;color:#fff}.panel-header h2:after{content:none}.close-button{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:5px;pointer-events:auto;opacity:.8;transition:opacity .2s}.info-panel h2,.info-panel .panel-content p,.info-panel .action-button,.info-panel .panel-image-container{opacity:0;transform:translate(30px);transition:opacity .4s ease-out,transform .4s ease-out}.info-panel.active h2,.info-panel.active .panel-content p,.info-panel.active .action-button,.info-panel.active .panel-image-container{opacity:1;transform:translate(0)}.panel-content p{font-size:15px;line-height:1.6;margin-bottom:30px;color:#fff}.action-button{display:block;width:100%;padding:12px 15px;margin-bottom:15px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease;box-shadow:0 2px 5px #0000001a;background-color:#fff;color:#333;text-transform:uppercase;letter-spacing:.5px}.action-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003;background-color:#f0f0f0}.action-button.primary{background-color:#fff;color:#0690ce}.action-button.secondary{background-color:#fff;border:none;color:#0690ce}.panel-image-container{margin-top:20px;width:100%;display:flex;justify-content:center}.panel-image{max-width:100%;height:auto;border-radius:4px}.hamburger-btn{font-size:26px;background:#ffffffd9;border:none;cursor:pointer;margin-right:0;position:fixed;top:15px;left:15px;z-index:20;color:#333;width:44px;height:44px;border-radius:5px;box-shadow:0 2px 6px #0003;padding:0;line-height:1;pointer-events:auto;display:flex;align-items:center;justify-content:center}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2a3a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:15;transition:opacity .35s ease}.ui-container:has(.left-sidebar.active) .sidebar-backdrop{opacity:1;pointer-events:auto}.left-sidebar{position:fixed;top:0;left:-360px;width:340px;height:100%;background:#fff;color:#1a2b3c;z-index:20;padding:24px 22px;box-sizing:border-box;transition:left .4s cubic-bezier(.22,1,.36,1);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;pointer-events:auto;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001f}.left-sidebar.active{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #eef1f4}.sidebar-header h3{margin:0;font-size:22px;font-weight:700;color:#1a2b3c;letter-spacing:-.3px}.sidebar-links{list-style:none;padding:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d0d7de transparent}.sidebar-links::-webkit-scrollbar{width:6px}.sidebar-links::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:3px}.sidebar-links::-webkit-scrollbar-track{background:transparent}.sidebar-links li{margin-bottom:6px}.sidebar-links a{color:#1a2b3c;text-decoration:none;font-size:15px;font-weight:500;display:block;padding:11px 14px;border-radius:8px;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-links a:hover{background:#f0f6fb;color:#0690ce;transform:translate(3px)}.left-sidebar .close-button{color:#6b7684;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.left-sidebar .close-button:hover{background:#f0f6fb;color:#0690ce;opacity:1}#sensitivity-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;margin:10px 0}#sensitivity-slider:focus{outline:none}#sensitivity-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#0690ce;border-radius:3px;border:none}#sensitivity-slider::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-6px;border:3px solid #0690ce;box-shadow:0 0 5px #0000004d}#sensitivity-slider::-moz-range-track{width:100%;height:6px;cursor:pointer;background:#0690ce;border-radius:3px;border:none}#sensitivity-slider::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:#fff;cursor:pointer;border:3px solid #0690ce;box-shadow:0 0 5px #0000004d}.left-sidebar h3,.left-sidebar .sidebar-links li{opacity:0;transform:translate(-30px);transition:opacity .4s ease-out,transform .4s ease-out}.left-sidebar.active h3,.left-sidebar.active .sidebar-links li{opacity:1;transform:translate(0)}.left-sidebar.active h3{transition-delay:.1s}.left-sidebar.active .sidebar-links li:nth-child(1){transition-delay:.2s}.left-sidebar.active .sidebar-links li:nth-child(2){transition-delay:.3s}.left-sidebar.active .sidebar-links li:nth-child(3){transition-delay:.4s}.sidebar-header h3{position:relative;display:inline-block}.hotspot-marker{position:absolute;transform:translate(-50%,-50%);width:60px;height:60px;pointer-events:auto;font-family:sans-serif;perspective:1000px;--theme-color: #0690ce;--icon-filter: brightness(0) invert(1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hotspot-marker.is-child{transform:translate(-50%,calc(-50% - 60px))}@keyframes hotspot-pop{0%{transform:translate(-50%,calc(-50% - 60px)) scale(1)}30%{transform:translate(-50%,calc(-50% - 60px)) scale(1.45)}55%{transform:translate(-50%,calc(-50% - 60px)) scale(1.2)}75%{transform:translate(-50%,calc(-50% - 60px)) scale(1.35)}to{transform:translate(-50%,calc(-50% - 60px)) scale(1)}}@keyframes hotspot-pop-header{0%{transform:translate(-50%,-50%) scale(1)}30%{transform:translate(-50%,-50%) scale(1.45)}55%{transform:translate(-50%,-50%) scale(1.2)}75%{transform:translate(-50%,-50%) scale(1.35)}to{transform:translate(-50%,-50%) scale(1)}}.hotspot-marker.is-child.hotspot-pop{animation:hotspot-pop .45s cubic-bezier(.36,.07,.19,.97) forwards}.hotspot-marker.hotspot-pop:not(.is-child){animation:hotspot-pop-header .45s cubic-bezier(.36,.07,.19,.97) forwards}.hotspot-icon-box{width:60px;height:60px;background-color:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-sizing:border-box;border:3px solid var(--theme-color);border-radius:4px;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;z-index:5;cursor:pointer;box-shadow:0 4px 10px #0003;overflow:hidden;transition:all .2s ease}.custom-icon-img{width:32px;height:32px;object-fit:contain;position:relative;z-index:2;filter:var(--icon-filter);transition:filter .3s ease}.hotspot-marker .custom-icon-img[src*=Icon_Chemicals]{width:36px;height:36px}.hotspot-marker .custom-icon-img[src*=Icon_RockStabalizationAndExtraction],.hotspot-marker .custom-icon-img[src*=Icon_ResinCapsules],.hotspot-marker .custom-icon-img[src*=Icon_Rockbolts],.hotspot-marker .custom-icon-img[src*=Icon_CableBolts],.hotspot-marker .custom-icon-img[src*=Icon_InjectableResins],.hotspot-marker .custom-icon-img[src*=Icon_STMesh],.hotspot-marker .custom-icon-img[src*=Icon_WovenMesh],.hotspot-marker .custom-icon-img[src*=Icon_WeldedMesh],.hotspot-marker .custom-icon-img[src*=Icon_SelfDrillingBolts],.hotspot-marker .custom-icon-img[src*=Icon_ShotcreteAdmixturesChemicals],.hotspot-marker .custom-icon-img[src*=Icon_Drilling],.hotspot-marker .custom-icon-img[src*=Icon_BlastingService],.hotspot-marker .custom-icon-img[src*=Icon_ExplosivesProduction]{width:40px;height:40px;margin-top:-2px!important}.hotspot-marker .custom-icon-img[src*="Icon_Drilling&Blasting"]{width:44px;height:44px;margin-top:-2px!important}.hotspot-marker:hover .custom-icon-img,.hotspot-marker.active .custom-icon-img{filter:var(--icon-filter)}.hotspot-icon-box:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:var(--theme-color);z-index:0;transition:height .4s cubic-bezier(.4,0,.2,1)}.hotspot-icon-box svg{position:relative;z-index:1;transition:color .3s ease}.hotspot-marker:hover .hotspot-icon-box:before,.hotspot-marker.active .hotspot-icon-box:before{height:100%}.hotspot-marker:hover .hotspot-icon-box svg,.hotspot-marker.active .hotspot-icon-box svg{color:#fff}.hotspot-marker:hover .hotspot-icon-box,.hotspot-marker.active .hotspot-icon-box{border-color:var(--theme-color)}.hotspot-expand-panel{position:absolute;bottom:57px;top:auto;left:50%;transform:translate(-50%);width:300px;background-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px 12px 0 0;display:flex;flex-direction:column-reverse;flex-direction:column;clip-path:inset(100% 0 0 0);opacity:0;box-shadow:0 -15px 30px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:15!important;pointer-events:none}.sub-item{pointer-events:auto!important}.panel-header-internal,.panel-details,.panel-subicons{pointer-events:none!important}.hotspot-marker:hover .hotspot-expand-panel,.hotspot-marker.active .hotspot-expand-panel{clip-path:inset(0 0 0 0);opacity:1}.hotspot-marker.opens-down .hotspot-expand-panel{bottom:auto;top:57px;border-radius:0 0 12px 12px;box-shadow:0 15px 30px #0000004d;clip-path:inset(0 0 100% 0)}.hotspot-marker.opens-down:hover .hotspot-expand-panel,.hotspot-marker.opens-down.active .hotspot-expand-panel{clip-path:inset(0 0 0 0)}.panel-header-internal{padding:18px 24px;color:#111;background-color:var(--theme-color);position:relative}.panel-header-internal h3{margin:0;font-size:18px;font-weight:700;padding-right:68px}.panel-group-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:40px;height:40px;object-fit:contain;filter:brightness(0)}.panel-details{padding:15px 20px;border-bottom:1px solid #eee;background-color:#ffffffb3}.meta-row{font-size:12px;color:#888;text-transform:uppercase;font-weight:700;margin-bottom:8px}.desc-row{font-size:14px;color:#333;line-height:1.5}.panel-subicons{padding:15px;background-color:#f9f9f9e6;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sub-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#111}.sub-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-icon img{width:100%;height:100%;object-fit:contain;filter:var(--icon-filter)}.sub-icon svg{color:var(--theme-color)}.hotspot-marker[data-category="Drilling and Blasting Service"] .sub-icon{width:32px;height:32px}.hotspot-label{position:absolute;top:70px;left:50%;transform:translate(-50%);background-color:#fff;color:#333;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 4px 8px #00000026;border:1px solid #eee;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:20}.hotspot-marker.is-child .hotspot-label{opacity:1;pointer-events:none;top:auto;bottom:75px;border:3px solid var(--theme-color);border-radius:8.2px;box-shadow:0 4px 10px #0003;background-color:#0000004d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-clip:border-box;font-weight:700;min-width:80px;text-align:center;padding:8px 12px;position:absolute;transition:color .3s ease;z-index:9}.hotspot-label:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background-color:var(--theme-color);border-radius:4px;z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}.hotspot-marker.is-child:hover .hotspot-label:before,.hotspot-marker.is-child.active .hotspot-label:before{transform:scaleY(1)}.hotspot-marker.occluded{filter:grayscale(100%) opacity(.5);z-index:1}.hotspot-marker.occluded:hover{filter:grayscale(0%) opacity(1);z-index:100}@media (max-width: 768px){.hotspot-label{pointer-events:none}.hotspot-marker.active .hotspot-label{opacity:0}}.hotspot-marker[data-category] .hotspot-icon-box{border-color:var(--theme-color);color:var(--theme-color)}.hotspot-marker[data-category] .panel-header-internal{background-color:var(--theme-color)}.sidebar-group{margin-bottom:32px;padding-top:14px}.sidebar-group:first-child{padding-top:0}.sidebar-group+.sidebar-group{border-top:1px solid #e6edf3}.group-title{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#3d4757;padding-top:4px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid #eef1f4}.sidebar-group-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(26%) sepia(10%) saturate(600%) hue-rotate(178deg) brightness(93%) contrast(90%);flex-shrink:0;opacity:.9}.group-categories{list-style:none;padding:0;margin:0}.sidebar-category{margin-bottom:14px}.sidebar-category{--cat-color: #0690ce}.category-title{position:relative;font-weight:700;font-size:14px;line-height:1.4;color:#1a2b3c;display:block;margin-bottom:4px;padding:9px 12px 9px 16px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;border-radius:6px;border-left:3px solid var(--cat-color);background:linear-gradient(to right,color-mix(in srgb,var(--cat-color) 8%,transparent) 0%,transparent 60%)}.category-title:hover{color:var(--cat-color);background:linear-gradient(to right,color-mix(in srgb,var(--cat-color) 18%,transparent),color-mix(in srgb,var(--cat-color) 4%,transparent));transform:translate(2px)}.submenu{list-style:none;padding-left:14px;margin:4px 0 10px 6px;border-left:2px solid color-mix(in srgb,var(--cat-color) 35%,#e6edf3)}.sidebar-links .submenu-item{position:relative;font-size:13px;line-height:1.5;color:#4a5560;padding:6px 10px;cursor:pointer;transition:all .18s ease;border-radius:5px;margin-bottom:2px}.sidebar-links .submenu-item:before{content:"";position:absolute;left:-15px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--cat-color);transform:translateY(-50%) scale(0);transition:transform .18s ease}.sidebar-links .submenu-item:hover{color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 10%,transparent);padding-left:14px}.sidebar-links .submenu-item:hover:before{transform:translateY(-50%) scale(1)}.lang-btn{position:absolute;bottom:20px;right:20px;z-index:20;background-color:#fff;border:2px solid #333;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px;pointer-events:auto;color:#333;font-family:sans-serif;transition:all .3s ease}.lang-btn:hover{background-color:#333;color:#fff}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.loading-overlay.fade-out{opacity:0;pointer-events:none}.loader-content{text-align:center;color:#333;font-family:sans-serif}.spinner{width:50px;height:50px;border:5px solid #ddd;border-top:5px solid #0690ce;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hotspot-marker.opens-down .hotspot-icon-box:before{bottom:auto;top:0}.hotspot-marker.opens-down.is-child .hotspot-label{top:75px;bottom:auto}.hotspot-marker.opens-down.is-child .hotspot-label:before{transform-origin:top}#info-panel{position:fixed;top:0;right:-500px;width:380px;height:100vh;background:#0690ce;color:#fff;z-index:1000;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #00000026;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow:visible;padding:0}#info-panel.active{right:0}.panel-scroll-view{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.panel-floating-icon{position:absolute;top:24px;left:-44px;width:64px;height:64px;background:#fff;border-radius:12px;box-shadow:-4px 4px 10px #00000026;display:flex;align-items:center;justify-content:center;z-index:1100}.panel-floating-icon img{width:44px;height:44px;object-fit:contain;filter:brightness(0)}.panel-floating-icon img[src*=Icon_Chemicals]{margin-top:-10px}.panel-floating-icon img[src*=GenericChemicals]{margin-top:-2px;margin-left:-4px}.panel-floating-icon img[src*=Icon_Drilling],.panel-floating-icon img[src*=Icon_BlastingService],.panel-floating-icon img[src*=Icon_ExplosivesProduction]{width:48px;height:48px;margin-top:-2px}.panel-floating-icon img[src*="Icon_Drilling&Blasting"]{width:52px;height:52px;margin-top:-2px}.panel-header{margin-top:24px;min-height:64px;padding:0 24px 10px 32px;display:flex;justify-content:space-between;align-items:center;background:transparent;flex-shrink:0}.panel-title-section{display:flex;align-items:center;gap:16px;flex:1}.panel-title-text h2{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--panel-text, white);text-shadow:0 1px 2px rgba(0,0,0,.1)}.close-button{background:none;border:none;color:var(--panel-text, white);font-size:32px;cursor:pointer;padding:0;margin-left:10px;line-height:.8;width:32px;height:32px;opacity:.8;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{opacity:1}.panel-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}.panel-image-container{width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#0000001a;box-shadow:0 8px 20px #00000026;flex-shrink:0}.panel-image{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.panel-image.loaded{opacity:1}.panel-image-placeholder{width:100%;height:100%;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center}.panel-section h3{margin:0 0 12px;font-size:18px;font-weight:500;color:var(--panel-text, white)}.panel-section p{margin:0;font-size:15px;line-height:1.6;color:var(--panel-text, rgba(255, 255, 255, .95));font-weight:400;white-space:pre-line}.panel-bottom-section{margin-top:auto;display:flex;flex-direction:column;gap:20px}.contact-info p{margin:8px 0;font-size:15px;line-height:1.4;color:var(--panel-text, white)}.contact-info strong{font-weight:700;margin-right:6px}.action-button{width:100%;padding:16px 20px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,background-color .2s;text-align:center;text-transform:capitalize;display:block}.action-button.primary{background:#fff;color:#333;box-shadow:0 4px 6px #0000001a}.action-button.primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 15px #00000026}#info-panel::-webkit-scrollbar{width:6px}#info-panel::-webkit-scrollbar-track{background:transparent}#info-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}#info-panel::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes slideInUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#info-panel.active .panel-image-container,#info-panel.active .panel-section,#info-panel.active .panel-bottom-section{opacity:0}#info-panel.active .panel-image-container{animation:slideInUpFade .5s ease-out .1s forwards}#info-panel.active .panel-section{animation:slideInUpFade .5s ease-out .2s forwards}#info-panel.active .panel-bottom-section{animation:slideInUpFade .5s ease-out .3s forwards}.instructions-dialog{position:fixed;bottom:20px;left:20px;z-index:1050;width:240px;background:#0a192fe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(6,144,206,.3);border-radius:14px;padding:18px 20px 16px;box-shadow:0 8px 32px #00000073,0 0 0 1px #ffffff0a;font-family:Inter,sans-serif;color:#e8f4fb;transition:opacity .3s ease,transform .3s ease;transform-origin:bottom left}.instructions-dialog.hidden{opacity:0;transform:scale(.92) translateY(8px);pointer-events:none}.instructions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.instructions-title{font-size:13px;font-weight:700;letter-spacing:.08em;color:#fff;text-transform:uppercase}.instructions-close-btn{background:none;border:none;color:#ffffff80;font-size:20px;line-height:1;cursor:pointer;padding:0 0 2px;transition:color .2s;display:flex;align-items:center;justify-content:center}.instructions-close-btn:hover{color:#fff}.instructions-divider{border:none;border-top:1px solid rgba(6,144,206,.3);margin:12px 0}.instructions-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px}.instructions-list li{font-size:13px;color:#e8f4fbd9;display:flex;align-items:center;gap:6px}.instructions-list li:before{content:"•";color:#0690ce;font-size:16px;line-height:1;flex-shrink:0}.instructions-key{font-weight:700;color:#fff}.instructions-reset-btn{width:100%;padding:10px 14px;background:transparent;border:1.5px solid rgba(6,144,206,.6);border-radius:8px;color:#e8f4fb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.instructions-reset-btn:hover{background:#0690ce40;border-color:#0690ce;color:#fff}.instructions-toggle-btn{position:fixed;bottom:20px;left:20px;z-index:1051;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #0690ce;color:#0690ce;font-size:20px;font-weight:700;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 10px #0690ce33;transition:background .2s,color .2s}.instructions-toggle-btn:hover{background:#0690ce;color:#fff}.instructions-toggle-btn.visible{display:flex}.nav-category-bar{display:flex;flex-direction:column;align-items:center;gap:6px;position:fixed;top:40px;left:50%;transform:translate(-50%,-50%);z-index:200000;pointer-events:auto}.nav-category-row{display:flex;align-items:center;gap:10px}.nav-home-row{display:flex;justify-content:center;margin-top:10px}.nav-cat-arrow{width:32px;height:32px;border-radius:50%;border:2px solid var(--theme-color, #0690ce);background:#fff;color:var(--theme-color, #0690ce);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000026;transition:background .2s,color .2s;line-height:1;padding:0}.nav-cat-arrow:hover{background:var(--theme-color, #0690ce);color:#fff}.nav-category-badge{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 12px;background:#fff;border:2px solid var(--theme-color, #0690ce);border-radius:50px;box-shadow:0 2px 10px #00000026;white-space:nowrap}.nav-category-icon{width:30px;height:30px;object-fit:contain;filter:invert(40%) sepia(90%) saturate(500%) hue-rotate(170deg) brightness(95%);flex-shrink:0;transition:transform .2s ease,width .2s ease,height .2s ease}.nav-category-row[data-category="Process Chemicals"] .nav-category-icon{width:34px;height:34px;transform:translateY(-2px)}.nav-category-row[data-category="Drilling and Blasting Service"] .nav-category-icon{width:38px;height:38px;transform:translateY(-1px)}.nav-category-name{font-family:Inter,Segoe UI,sans-serif;font-size:15px;font-weight:700;color:#333!important;letter-spacing:.2px;white-space:nowrap}.hotspot-marker{z-index:10!important}.hotspot-marker:hover,.hotspot-marker.active{z-index:100000!important}.hotspot-marker .hotspot-icon-box{z-index:5!important;position:relative!important}.hotspot-marker .hotspot-expand-panel{z-index:20!important;position:absolute!important}.top-nav,.left-sidebar,#info-panel{z-index:1000!important}.ui-container{z-index:999!important}.hamburger-btn,.lang-btn{z-index:1001!important}#nav-home-btn{z-index:200000!important;pointer-events:auto!important}