RUWUX \u2014 \u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Montserrat', sans-serif; background: #f5f5f5; }\n\n \/* \u2500\u2500 Outer shell \u2500\u2500 *\/\n .rx-shell {\n display: flex;\n width: 100%;\n height: 500px;\n border: 1px solid #ddd;\n overflow: hidden;\n }\n\n \/* \u2500\u2500 Sidebar \u2500\u2500 *\/\n .rx-sidebar {\n width: 260px;\n flex-shrink: 0;\n background: #fff;\n border-right: 1px solid #e8e8e8;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 640px) {\n .rx-shell {\n flex-direction: column !important;\n height: auto !important;\n min-height: 0 !important;\n }\n .rx-map-wrap {\n order: 1 !important;\n width: 100% !important;\n height: 360px !important;\n min-height: 360px !important;\n flex: none !important;\n position: relative !important;\n display: block !important;\n }\n #ruwux-gmap {\n position: absolute !important;\n top: 0 !important; left: 0 !important;\n width: 100% !important;\n height: 360px !important;\n min-height: 260px !important;\n display: block !important;\n }\n .rx-sidebar {\n order: 2 !important;\n width: 100% !important;\n flex: none !important;\n border-right: none !important;\n border-top: 2px solid #9b2f93 !important;\n overflow: visible !important;\n max-height: none !important;\n }\n .rx-list {\n overflow: visible !important;\n max-height: none !important;\n }\n }\n\n .rx-sidebar-header {\n padding: 14px 16px 12px;\n border-bottom: 2px solid #9b2f93;\n background: #fff;\n }\n\n .rx-sidebar-header-top {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 4px;\n }\n\n .rx-sidebar-logo {\n width: 32px; height: 32px;\n border-radius: 50%;\n object-fit: cover;\n border: 2px solid #9b2f93;\n flex-shrink: 0;\n }\n\n .rx-sidebar-title {\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: #111;\n }\n\n .rx-sidebar-sub {\n font-size: 10px;\n color: #999;\n letter-spacing: .04em;\n margin-top: 1px;\n }\n\n .rx-sidebar-count {\n font-size: 10px;\n color: #9b2f93;\n font-weight: 600;\n letter-spacing: .05em;\n }\n\n \/* \u2500\u2500 Partner list \u2500\u2500 *\/\n .rx-list {\n flex: 1;\n overflow-y: auto;\n padding: 0;\n }\n\n .rx-list::-webkit-scrollbar { width: 4px; }\n .rx-list::-webkit-scrollbar-track { background: #f5f5f5; }\n .rx-list::-webkit-scrollbar-thumb { background: #ddd; border-radius: 2px; }\n\n .rx-item {\n padding: 14px 16px;\n border-bottom: 1px solid #f0f0f0;\n cursor: pointer;\n transition: background .15s;\n }\n\n .rx-item:hover { background: #fdf5fd; }\n .rx-item.active { background: #f9eef9; border-left: 3px solid #9b2f93; padding-left: 13px; }\n\n .rx-item-name {\n font-size: 12px;\n font-weight: 700;\n color: #111;\n text-transform: uppercase;\n letter-spacing: .04em;\n margin-bottom: 3px;\n }\n\n .rx-item-sub {\n font-size: 10px;\n color: #9b2f93;\n font-weight: 500;\n margin-bottom: 5px;\n letter-spacing: .02em;\n }\n\n .rx-item-addr {\n font-size: 10.5px;\n color: #777;\n line-height: 1.5;\n margin-bottom: 6px;\n }\n\n .rx-item-phone {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 11px;\n font-weight: 600;\n color: #333;\n text-decoration: none;\n }\n .rx-item-phone:hover { color: #9b2f93; }\n .rx-item-phone svg { width: 11px; height: 11px; color: #9b2f93; flex-shrink: 0; }\n\n \/* \u2500\u2500 Map area \u2500\u2500 *\/\n .rx-map-wrap {\n flex: 1;\n position: relative;\n overflow: hidden;\n }\n\n #ruwux-gmap {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n }\n\n \/* Top bar *\/\n .ruwux-topbar {\n display: none; \/* hidden \u2014 branding is in sidebar *\/\n }\n\n \/* Watermark *\/\n .ruwux-watermark {\n position: absolute; bottom: 6px; right: 12px; z-index: 10;\n font-family: 'Montserrat', sans-serif; font-size: 9px;\n letter-spacing: .12em; color: rgba(155,47,147,.4); text-transform: uppercase;\n pointer-events: none;\n }\n\n \/* \u2500\u2500 Google popup shell \u2500\u2500 *\/\n .gm-style .gm-style-iw-c {\n background: #fff !important;\n border: none !important;\n border-radius: 4px !important;\n box-shadow: 0 4px 20px rgba(0,0,0,.25) !important;\n padding: 0 !important;\n overflow: hidden !important;\n }\n .gm-style .gm-style-iw-d { overflow: hidden !important; padding: 0 !important; }\n .gm-style .gm-style-iw-t::after { background: #9b2f93 !important; box-shadow: none !important; }\n .gm-style-iw-tc::after { background: #9b2f93 !important; }\n .gm-style .gm-style-iw-chr { display: none !important; }\n button.gm-ui-hover-effect { display: none !important; }\n\n \/* \u2500\u2500 Popup card \u2500\u2500 *\/\n .rx-popup { font-family: 'Montserrat', sans-serif; width: 220px; }\n\n .rx-row-name {\n background: #fff;\n padding: 10px 13px 8px;\n text-align: center;\n border-bottom: 2px solid #9b2f93;\n }\n .rx-row-name strong {\n display: block;\n font-size: 13px; font-weight: 700;\n letter-spacing: .06em; text-transform: uppercase; color: #111;\n }\n .rx-row-name span { display: block; font-size: 9.5px; color: #888; margin-top: 2px; }\n\n .rx-row-addr {\n background: #9b2f93; color: #fff;\n font-size: 11px; line-height: 1.5;\n padding: 7px 13px;\n display: flex; align-items: flex-start; gap: 7px;\n }\n .rx-row-addr svg { width: 12px; height: 12px; flex-shrink: 0; margin-top: 2px; }\n\n .rx-row-phone {\n background: #f7f7f7; color: #111;\n font-size: 12px; font-weight: 700;\n padding: 7px 13px;\n display: flex; align-items: center; gap: 7px;\n text-decoration: none;\n transition: background .15s;\n }\n .rx-row-phone:hover { background: #eee; }\n .rx-row-phone svg { width: 12px; height: 12px; flex-shrink: 0; }\n\n .rx-row-dir {\n background: #fff; color: #9b2f93;\n font-size: 10px; font-weight: 700;\n padding: 7px 13px; text-align: center;\n text-decoration: none; display: block;\n border-top: 1px solid #f0f0f0;\n letter-spacing: .06em; text-transform: uppercase;\n transition: background .15s;\n }\n .rx-row-dir:hover { background: #fdf5fd; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"rx-shell\">\n\n \n <div class=\"rx-sidebar\">\n <div class=\"rx-sidebar-header\">\n <div class=\"rx-sidebar-header-top\">\n <img title=\"\u041a\u044a\u0434\u0435 \u0434\u0430 \u043a\u0443\u043f\u0438\u0448 1\" decoding=\"async\" class=\"rx-sidebar-logo\" src=\"https:\/\/ruwux.com\/wp-content\/uploads\/2025\/03\/cropped-WEB.jpg.webp\" alt=\"RUWUX\" \/>\n <div>\n <div class=\"rx-sidebar-title\">RUWUX<\/div>\n <div class=\"rx-sidebar-sub\">\u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430<\/div>\n <\/div>\n <\/div>\n <div class=\"rx-sidebar-count\" id=\"rx-count\">5 \u043b\u043e\u043a\u0430\u0446\u0438\u0438<\/div>\n <\/div>\n <div class=\"rx-list\" id=\"rx-list\"><\/div>\n <\/div>\n\n \n <div class=\"rx-map-wrap\">\n <div id=\"ruwux-gmap\"><\/div>\n <div class=\"ruwux-watermark\">ruwux.com<\/div>\n <\/div>\n\n<\/div>\n\n<script>\nconst locations = [\n { name:'SG DESIGN', sub:'\u0420\u0435\u0446\u0438\u043a\u043b\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0444\u0430\u0440\u043e\u0432\u0435', addr:'\u0443\u043b. \u041f\u0435\u043d\u0447\u043e \u0414\u0432\u043e\u0440\u044f\u043d\u043e\u0432 3, \u0433\u0440. \u0421\u043e\u043f\u043e\u0442', phone:'0888497913', phoneTxt:'088 849 7913', lat:42.6539, lng:24.7520 },\n { name:'Kunchev Detailing', sub:'\u0410\u0432\u0442\u043e\u043a\u043e\u0437\u043c\u0435\u0442\u0438\u043a\u0430', addr:'\u0431\u0443\u043b. \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u044a\u0440 \u0421\u0442\u0430\u043c\u0431\u043e\u043b\u0438\u0439\u0441\u043a\u0438 7, \u0433\u0440. \u041f\u043b\u043e\u0432\u0434\u0438\u0432', phone:'0878662834', phoneTxt:'0878 662 834', lat:42.1191, lng:24.7368 },\n { name:'RUWUX', sub:'\u0410\u0432\u0442\u043e \u043e\u0441\u0432\u0435\u0442\u043b\u0435\u043d\u0438\u0435 \u2014 \u0421\u0442\u0430\u0440\u0430 \u0417\u0430\u0433\u043e\u0440\u0430', addr:'\u0443\u043b. \u041e\u0442\u0435\u0446 \u041f\u0430\u0438\u0441\u0438\u0439 61 \u0411, \u0433\u0440. \u0421\u0442\u0430\u0440\u0430 \u0417\u0430\u0433\u043e\u0440\u0430', phone:'0879558885', phoneTxt:'0879 558 885', lat:42.422417, lng:25.621547 },\n { name:'RUWUX', sub:'\u0410\u0432\u0442\u043e \u043e\u0441\u0432\u0435\u0442\u043b\u0435\u043d\u0438\u0435 \u2014 \u0420\u0443\u0441\u0435', addr:'\u0443\u043b. \u0418\u0432\u0430\u043d \u0412\u0435\u0434\u044a\u0440 5, \u0433\u0440. \u0420\u0443\u0441\u0435', phone:'0896619610', phoneTxt:'0896 619 610', lat:43.8541, lng:25.9977 },\n { name:\"MJ's Workshop\", sub:'\u0410\u0432\u0442\u043e \u0441\u0435\u0440\u0432\u0438\u0437', addr:'\u0443\u043b. \u041a\u043e\u0437\u043b\u043e\u0434\u0443\u0439 83, \u0433\u0440. \u041a\u0430\u0437\u0430\u043d\u043b\u044a\u043a', phone:'0898717050', phoneTxt:'0898 717 050', lat:42.6195, lng:25.3978 },\n];\n\nconst purplePinSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"46\" viewBox=\"0 0 34 46\">\n <path d=\"M17 0C7.6 0 0 7.6 0 17c0 13 17 29 17 29S34 30 34 17C34 7.6 26.4 0 17 0z\" fill=\"#9b2f93\"\/>\n <path d=\"M17 0C7.6 0 0 7.6 0 17c0 13 17 29 17 29S34 30 34 17C34 7.6 26.4 0 17 0z\" fill=\"none\" stroke=\"#7a1f72\" stroke-width=\"1.5\"\/>\n <circle cx=\"17\" cy=\"17\" r=\"7\" fill=\"#fff\" opacity=\"0.9\"\/>\n <circle cx=\"17\" cy=\"17\" r=\"4\" fill=\"#9b2f93\"\/>\n<\/svg>`;\nconst pinURL = 'data:image\/svg+xml;charset=UTF-8,' + encodeURIComponent(purplePinSVG);\n\nconst mapSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>`;\nconst phoneSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z\"\/><\/svg>`;\nconst navSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:11px;height:11px;display:inline-block;margin-right:4px;vertical-align:middle;\"><path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"\/><\/svg>`;\n\nvar markers = [];\nvar infoWindows = [];\nvar activeIW = null;\nvar activeItem = null;\n\nfunction buildSidebar(map) {\n var list = document.getElementById('rx-list');\n locations.forEach(function(loc, i) {\n var item = document.createElement('div');\n item.className = 'rx-item';\n item.innerHTML =\n '<div class=\"rx-item-name\">' + loc.name + '<\/div>' +\n '<div class=\"rx-item-sub\">' + loc.sub + '<\/div>' +\n '<div class=\"rx-item-addr\">' + loc.addr + '<\/div>' +\n '<a class=\"rx-item-phone\" href=\"tel:' + loc.phone + '\">' + phoneSVG + loc.phoneTxt + '<\/a>';\n\n item.addEventListener('click', function() {\n openLocation(i, map);\n });\n\n list.appendChild(item);\n });\n}\n\nfunction openLocation(i, map) {\n \/\/ Highlight sidebar item\n if (activeItem) activeItem.classList.remove('active');\n var items = document.querySelectorAll('.rx-item');\n activeItem = items[i];\n activeItem.classList.add('active');\n\n \/\/ Pan map\n map.panTo({ lat: locations[i].lat, lng: locations[i].lng });\n map.setZoom(14);\n\n \/\/ Open info window\n if (activeIW) activeIW.close();\n infoWindows[i].open({ anchor: markers[i], map: map });\n activeIW = infoWindows[i];\n}\n\nfunction initMap() {\n var map = new google.maps.Map(document.getElementById('ruwux-gmap'), {\n center: { lat: 42.72, lng: 25.35 },\n zoom: 7,\n mapTypeId: 'roadmap',\n styles: [],\n mapTypeControl: false,\n streetViewControl: false,\n fullscreenControl: false,\n zoomControl: true,\n zoomControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER },\n gestureHandling: 'cooperative',\n });\n\n locations.forEach(function(loc, i) {\n var marker = new google.maps.Marker({\n position: { lat: loc.lat, lng: loc.lng },\n map: map,\n title: loc.name,\n icon: {\n url: pinURL,\n scaledSize: new google.maps.Size(34, 46),\n anchor: new google.maps.Point(17, 46),\n }\n });\n markers.push(marker);\n\n var mapsUrl = 'https:\/\/www.google.com\/maps\/dir\/?api=1&destination=' + loc.lat + ',' + loc.lng;\n var content =\n '<div class=\"rx-popup\">' +\n '<div class=\"rx-row-name\"><strong>' + loc.name + '<\/strong><span>' + loc.sub + '<\/span><\/div>' +\n '<div class=\"rx-row-addr\">' + mapSVG + '<span>' + loc.addr + '<\/span><\/div>' +\n '<a class=\"rx-row-phone\" href=\"tel:' + loc.phone + '\">' + phoneSVG + loc.phoneTxt + '<\/a>' +\n '<a class=\"rx-row-dir\" href=\"' + mapsUrl + '\" target=\"_blank\">' + navSVG + '\u0423\u043f\u044a\u0442\u0432\u0430\u043d\u0435<\/a>' +\n '<\/div>';\n\n var iw = new google.maps.InfoWindow({ content: content, maxWidth: 240 });\n infoWindows.push(iw);\n\n marker.addListener('click', function() {\n openLocation(i, map);\n });\n });\n\n \/\/ Trigger resize so Google Maps fills container correctly on mobile\n window.addEventListener('resize', function() {\n google.maps.event.trigger(map, 'resize');\n });\n \/\/ Also trigger once on load after a short delay\n setTimeout(function() {\n google.maps.event.trigger(map, 'resize');\n map.setCenter({ lat: 42.72, lng: 25.35 });\n }, 300);\n\n map.addListener('click', function() {\n if (activeIW) activeIW.close();\n if (activeItem) activeItem.classList.remove('active');\n activeIW = null; activeItem = null;\n map.setZoom(7);\n map.panTo({ lat: 42.72, lng: 25.35 });\n });\n\n buildSidebar(map);\n}\n\nwindow.initMap = initMap;\n<\/script>\n\n<script\n src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyD0PKmRRSTh_3WHUZUg5_1BQ6yToO6AAXY&callback=initMap\"\n async defer>\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RUWUX \u2014 \u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430 RUWUX \u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430 5 \u043b\u043e\u043a\u0430\u0446\u0438\u0438 ruwux.com<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"rankmath","_thinkrank_focus_keywords":["\u041a\u044a\u0434\u0435 \u0434\u0430 \u043a\u0443\u043f\u0438\u0448"],"_thinkrank_focus_keyword":"\u041a\u044a\u0434\u0435 \u0434\u0430 \u043a\u0443\u043f\u0438\u0448","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"ai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-32367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages\/32367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/comments?post=32367"}],"version-history":[{"count":29,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages\/32367\/revisions"}],"predecessor-version":[{"id":32444,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages\/32367\/revisions\/32444"}],"wp:attachment":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/media?parent=32367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t

\n\n\n \n \n RUWUX \u2014 \u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n body { font-family: 'Montserrat', sans-serif; background: #f5f5f5; }\n\n \/* \u2500\u2500 Outer shell \u2500\u2500 *\/\n .rx-shell {\n display: flex;\n width: 100%;\n height: 500px;\n border: 1px solid #ddd;\n overflow: hidden;\n }\n\n \/* \u2500\u2500 Sidebar \u2500\u2500 *\/\n .rx-sidebar {\n width: 260px;\n flex-shrink: 0;\n background: #fff;\n border-right: 1px solid #e8e8e8;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n }\n\n \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n @media (max-width: 640px) {\n .rx-shell {\n flex-direction: column !important;\n height: auto !important;\n min-height: 0 !important;\n }\n .rx-map-wrap {\n order: 1 !important;\n width: 100% !important;\n height: 360px !important;\n min-height: 360px !important;\n flex: none !important;\n position: relative !important;\n display: block !important;\n }\n #ruwux-gmap {\n position: absolute !important;\n top: 0 !important; left: 0 !important;\n width: 100% !important;\n height: 360px !important;\n min-height: 260px !important;\n display: block !important;\n }\n .rx-sidebar {\n order: 2 !important;\n width: 100% !important;\n flex: none !important;\n border-right: none !important;\n border-top: 2px solid #9b2f93 !important;\n overflow: visible !important;\n max-height: none !important;\n }\n .rx-list {\n overflow: visible !important;\n max-height: none !important;\n }\n }\n\n .rx-sidebar-header {\n padding: 14px 16px 12px;\n border-bottom: 2px solid #9b2f93;\n background: #fff;\n }\n\n .rx-sidebar-header-top {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 4px;\n }\n\n .rx-sidebar-logo {\n width: 32px; height: 32px;\n border-radius: 50%;\n object-fit: cover;\n border: 2px solid #9b2f93;\n flex-shrink: 0;\n }\n\n .rx-sidebar-title {\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: #111;\n }\n\n .rx-sidebar-sub {\n font-size: 10px;\n color: #999;\n letter-spacing: .04em;\n margin-top: 1px;\n }\n\n .rx-sidebar-count {\n font-size: 10px;\n color: #9b2f93;\n font-weight: 600;\n letter-spacing: .05em;\n }\n\n \/* \u2500\u2500 Partner list \u2500\u2500 *\/\n .rx-list {\n flex: 1;\n overflow-y: auto;\n padding: 0;\n }\n\n .rx-list::-webkit-scrollbar { width: 4px; }\n .rx-list::-webkit-scrollbar-track { background: #f5f5f5; }\n .rx-list::-webkit-scrollbar-thumb { background: #ddd; border-radius: 2px; }\n\n .rx-item {\n padding: 14px 16px;\n border-bottom: 1px solid #f0f0f0;\n cursor: pointer;\n transition: background .15s;\n }\n\n .rx-item:hover { background: #fdf5fd; }\n .rx-item.active { background: #f9eef9; border-left: 3px solid #9b2f93; padding-left: 13px; }\n\n .rx-item-name {\n font-size: 12px;\n font-weight: 700;\n color: #111;\n text-transform: uppercase;\n letter-spacing: .04em;\n margin-bottom: 3px;\n }\n\n .rx-item-sub {\n font-size: 10px;\n color: #9b2f93;\n font-weight: 500;\n margin-bottom: 5px;\n letter-spacing: .02em;\n }\n\n .rx-item-addr {\n font-size: 10.5px;\n color: #777;\n line-height: 1.5;\n margin-bottom: 6px;\n }\n\n .rx-item-phone {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n font-size: 11px;\n font-weight: 600;\n color: #333;\n text-decoration: none;\n }\n .rx-item-phone:hover { color: #9b2f93; }\n .rx-item-phone svg { width: 11px; height: 11px; color: #9b2f93; flex-shrink: 0; }\n\n \/* \u2500\u2500 Map area \u2500\u2500 *\/\n .rx-map-wrap {\n flex: 1;\n position: relative;\n overflow: hidden;\n }\n\n #ruwux-gmap {\n position: absolute;\n top: 0; left: 0;\n width: 100%; height: 100%;\n }\n\n \/* Top bar *\/\n .ruwux-topbar {\n display: none; \/* hidden \u2014 branding is in sidebar *\/\n }\n\n \/* Watermark *\/\n .ruwux-watermark {\n position: absolute; bottom: 6px; right: 12px; z-index: 10;\n font-family: 'Montserrat', sans-serif; font-size: 9px;\n letter-spacing: .12em; color: rgba(155,47,147,.4); text-transform: uppercase;\n pointer-events: none;\n }\n\n \/* \u2500\u2500 Google popup shell \u2500\u2500 *\/\n .gm-style .gm-style-iw-c {\n background: #fff !important;\n border: none !important;\n border-radius: 4px !important;\n box-shadow: 0 4px 20px rgba(0,0,0,.25) !important;\n padding: 0 !important;\n overflow: hidden !important;\n }\n .gm-style .gm-style-iw-d { overflow: hidden !important; padding: 0 !important; }\n .gm-style .gm-style-iw-t::after { background: #9b2f93 !important; box-shadow: none !important; }\n .gm-style-iw-tc::after { background: #9b2f93 !important; }\n .gm-style .gm-style-iw-chr { display: none !important; }\n button.gm-ui-hover-effect { display: none !important; }\n\n \/* \u2500\u2500 Popup card \u2500\u2500 *\/\n .rx-popup { font-family: 'Montserrat', sans-serif; width: 220px; }\n\n .rx-row-name {\n background: #fff;\n padding: 10px 13px 8px;\n text-align: center;\n border-bottom: 2px solid #9b2f93;\n }\n .rx-row-name strong {\n display: block;\n font-size: 13px; font-weight: 700;\n letter-spacing: .06em; text-transform: uppercase; color: #111;\n }\n .rx-row-name span { display: block; font-size: 9.5px; color: #888; margin-top: 2px; }\n\n .rx-row-addr {\n background: #9b2f93; color: #fff;\n font-size: 11px; line-height: 1.5;\n padding: 7px 13px;\n display: flex; align-items: flex-start; gap: 7px;\n }\n .rx-row-addr svg { width: 12px; height: 12px; flex-shrink: 0; margin-top: 2px; }\n\n .rx-row-phone {\n background: #f7f7f7; color: #111;\n font-size: 12px; font-weight: 700;\n padding: 7px 13px;\n display: flex; align-items: center; gap: 7px;\n text-decoration: none;\n transition: background .15s;\n }\n .rx-row-phone:hover { background: #eee; }\n .rx-row-phone svg { width: 12px; height: 12px; flex-shrink: 0; }\n\n .rx-row-dir {\n background: #fff; color: #9b2f93;\n font-size: 10px; font-weight: 700;\n padding: 7px 13px; text-align: center;\n text-decoration: none; display: block;\n border-top: 1px solid #f0f0f0;\n letter-spacing: .06em; text-transform: uppercase;\n transition: background .15s;\n }\n .rx-row-dir:hover { background: #fdf5fd; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"rx-shell\">\n\n \n <div class=\"rx-sidebar\">\n <div class=\"rx-sidebar-header\">\n <div class=\"rx-sidebar-header-top\">\n <img title=\"\u041a\u044a\u0434\u0435 \u0434\u0430 \u043a\u0443\u043f\u0438\u0448 1\" decoding=\"async\" class=\"rx-sidebar-logo\" src=\"https:\/\/ruwux.com\/wp-content\/uploads\/2025\/03\/cropped-WEB.jpg.webp\" alt=\"RUWUX\" \/>\n <div>\n <div class=\"rx-sidebar-title\">RUWUX<\/div>\n <div class=\"rx-sidebar-sub\">\u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430<\/div>\n <\/div>\n <\/div>\n <div class=\"rx-sidebar-count\" id=\"rx-count\">5 \u043b\u043e\u043a\u0430\u0446\u0438\u0438<\/div>\n <\/div>\n <div class=\"rx-list\" id=\"rx-list\"><\/div>\n <\/div>\n\n \n <div class=\"rx-map-wrap\">\n <div id=\"ruwux-gmap\"><\/div>\n <div class=\"ruwux-watermark\">ruwux.com<\/div>\n <\/div>\n\n<\/div>\n\n<script>\nconst locations = [\n { name:'SG DESIGN', sub:'\u0420\u0435\u0446\u0438\u043a\u043b\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0444\u0430\u0440\u043e\u0432\u0435', addr:'\u0443\u043b. \u041f\u0435\u043d\u0447\u043e \u0414\u0432\u043e\u0440\u044f\u043d\u043e\u0432 3, \u0433\u0440. \u0421\u043e\u043f\u043e\u0442', phone:'0888497913', phoneTxt:'088 849 7913', lat:42.6539, lng:24.7520 },\n { name:'Kunchev Detailing', sub:'\u0410\u0432\u0442\u043e\u043a\u043e\u0437\u043c\u0435\u0442\u0438\u043a\u0430', addr:'\u0431\u0443\u043b. \u0410\u043b\u0435\u043a\u0441\u0430\u043d\u0434\u044a\u0440 \u0421\u0442\u0430\u043c\u0431\u043e\u043b\u0438\u0439\u0441\u043a\u0438 7, \u0433\u0440. \u041f\u043b\u043e\u0432\u0434\u0438\u0432', phone:'0878662834', phoneTxt:'0878 662 834', lat:42.1191, lng:24.7368 },\n { name:'RUWUX', sub:'\u0410\u0432\u0442\u043e \u043e\u0441\u0432\u0435\u0442\u043b\u0435\u043d\u0438\u0435 \u2014 \u0421\u0442\u0430\u0440\u0430 \u0417\u0430\u0433\u043e\u0440\u0430', addr:'\u0443\u043b. \u041e\u0442\u0435\u0446 \u041f\u0430\u0438\u0441\u0438\u0439 61 \u0411, \u0433\u0440. \u0421\u0442\u0430\u0440\u0430 \u0417\u0430\u0433\u043e\u0440\u0430', phone:'0879558885', phoneTxt:'0879 558 885', lat:42.422417, lng:25.621547 },\n { name:'RUWUX', sub:'\u0410\u0432\u0442\u043e \u043e\u0441\u0432\u0435\u0442\u043b\u0435\u043d\u0438\u0435 \u2014 \u0420\u0443\u0441\u0435', addr:'\u0443\u043b. \u0418\u0432\u0430\u043d \u0412\u0435\u0434\u044a\u0440 5, \u0433\u0440. \u0420\u0443\u0441\u0435', phone:'0896619610', phoneTxt:'0896 619 610', lat:43.8541, lng:25.9977 },\n { name:\"MJ's Workshop\", sub:'\u0410\u0432\u0442\u043e \u0441\u0435\u0440\u0432\u0438\u0437', addr:'\u0443\u043b. \u041a\u043e\u0437\u043b\u043e\u0434\u0443\u0439 83, \u0433\u0440. \u041a\u0430\u0437\u0430\u043d\u043b\u044a\u043a', phone:'0898717050', phoneTxt:'0898 717 050', lat:42.6195, lng:25.3978 },\n];\n\nconst purplePinSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"46\" viewBox=\"0 0 34 46\">\n <path d=\"M17 0C7.6 0 0 7.6 0 17c0 13 17 29 17 29S34 30 34 17C34 7.6 26.4 0 17 0z\" fill=\"#9b2f93\"\/>\n <path d=\"M17 0C7.6 0 0 7.6 0 17c0 13 17 29 17 29S34 30 34 17C34 7.6 26.4 0 17 0z\" fill=\"none\" stroke=\"#7a1f72\" stroke-width=\"1.5\"\/>\n <circle cx=\"17\" cy=\"17\" r=\"7\" fill=\"#fff\" opacity=\"0.9\"\/>\n <circle cx=\"17\" cy=\"17\" r=\"4\" fill=\"#9b2f93\"\/>\n<\/svg>`;\nconst pinURL = 'data:image\/svg+xml;charset=UTF-8,' + encodeURIComponent(purplePinSVG);\n\nconst mapSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>`;\nconst phoneSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z\"\/><\/svg>`;\nconst navSVG = `<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" style=\"width:11px;height:11px;display:inline-block;margin-right:4px;vertical-align:middle;\"><path d=\"M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z\"\/><\/svg>`;\n\nvar markers = [];\nvar infoWindows = [];\nvar activeIW = null;\nvar activeItem = null;\n\nfunction buildSidebar(map) {\n var list = document.getElementById('rx-list');\n locations.forEach(function(loc, i) {\n var item = document.createElement('div');\n item.className = 'rx-item';\n item.innerHTML =\n '<div class=\"rx-item-name\">' + loc.name + '<\/div>' +\n '<div class=\"rx-item-sub\">' + loc.sub + '<\/div>' +\n '<div class=\"rx-item-addr\">' + loc.addr + '<\/div>' +\n '<a class=\"rx-item-phone\" href=\"tel:' + loc.phone + '\">' + phoneSVG + loc.phoneTxt + '<\/a>';\n\n item.addEventListener('click', function() {\n openLocation(i, map);\n });\n\n list.appendChild(item);\n });\n}\n\nfunction openLocation(i, map) {\n \/\/ Highlight sidebar item\n if (activeItem) activeItem.classList.remove('active');\n var items = document.querySelectorAll('.rx-item');\n activeItem = items[i];\n activeItem.classList.add('active');\n\n \/\/ Pan map\n map.panTo({ lat: locations[i].lat, lng: locations[i].lng });\n map.setZoom(14);\n\n \/\/ Open info window\n if (activeIW) activeIW.close();\n infoWindows[i].open({ anchor: markers[i], map: map });\n activeIW = infoWindows[i];\n}\n\nfunction initMap() {\n var map = new google.maps.Map(document.getElementById('ruwux-gmap'), {\n center: { lat: 42.72, lng: 25.35 },\n zoom: 7,\n mapTypeId: 'roadmap',\n styles: [],\n mapTypeControl: false,\n streetViewControl: false,\n fullscreenControl: false,\n zoomControl: true,\n zoomControlOptions: { position: google.maps.ControlPosition.RIGHT_CENTER },\n gestureHandling: 'cooperative',\n });\n\n locations.forEach(function(loc, i) {\n var marker = new google.maps.Marker({\n position: { lat: loc.lat, lng: loc.lng },\n map: map,\n title: loc.name,\n icon: {\n url: pinURL,\n scaledSize: new google.maps.Size(34, 46),\n anchor: new google.maps.Point(17, 46),\n }\n });\n markers.push(marker);\n\n var mapsUrl = 'https:\/\/www.google.com\/maps\/dir\/?api=1&destination=' + loc.lat + ',' + loc.lng;\n var content =\n '<div class=\"rx-popup\">' +\n '<div class=\"rx-row-name\"><strong>' + loc.name + '<\/strong><span>' + loc.sub + '<\/span><\/div>' +\n '<div class=\"rx-row-addr\">' + mapSVG + '<span>' + loc.addr + '<\/span><\/div>' +\n '<a class=\"rx-row-phone\" href=\"tel:' + loc.phone + '\">' + phoneSVG + loc.phoneTxt + '<\/a>' +\n '<a class=\"rx-row-dir\" href=\"' + mapsUrl + '\" target=\"_blank\">' + navSVG + '\u0423\u043f\u044a\u0442\u0432\u0430\u043d\u0435<\/a>' +\n '<\/div>';\n\n var iw = new google.maps.InfoWindow({ content: content, maxWidth: 240 });\n infoWindows.push(iw);\n\n marker.addListener('click', function() {\n openLocation(i, map);\n });\n });\n\n \/\/ Trigger resize so Google Maps fills container correctly on mobile\n window.addEventListener('resize', function() {\n google.maps.event.trigger(map, 'resize');\n });\n \/\/ Also trigger once on load after a short delay\n setTimeout(function() {\n google.maps.event.trigger(map, 'resize');\n map.setCenter({ lat: 42.72, lng: 25.35 });\n }, 300);\n\n map.addListener('click', function() {\n if (activeIW) activeIW.close();\n if (activeItem) activeItem.classList.remove('active');\n activeIW = null; activeItem = null;\n map.setZoom(7);\n map.panTo({ lat: 42.72, lng: 25.35 });\n });\n\n buildSidebar(map);\n}\n\nwindow.initMap = initMap;\n<\/script>\n\n<script\n src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyD0PKmRRSTh_3WHUZUg5_1BQ6yToO6AAXY&callback=initMap\"\n async defer>\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RUWUX \u2014 \u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430 RUWUX \u041f\u0430\u0440\u0442\u043d\u044c\u043e\u0440\u0441\u043a\u0430 \u041c\u0440\u0435\u0436\u0430 5 \u043b\u043e\u043a\u0430\u0446\u0438\u0438 ruwux.com<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"rankmath","_thinkrank_focus_keywords":["\u041a\u044a\u0434\u0435 \u0434\u0430 \u043a\u0443\u043f\u0438\u0448"],"_thinkrank_focus_keyword":"\u041a\u044a\u0434\u0435 \u0434\u0430 \u043a\u0443\u043f\u0438\u0448","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_primary_category":0,"ai_generated_summary":"","wpai_meta_description":"","footnotes":""},"class_list":["post-32367","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages\/32367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/comments?post=32367"}],"version-history":[{"count":29,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages\/32367\/revisions"}],"predecessor-version":[{"id":32444,"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/pages\/32367\/revisions\/32444"}],"wp:attachment":[{"href":"https:\/\/ruwux.com\/en\/wp-json\/wp\/v2\/media?parent=32367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}