{"id":4320,"date":"2026-07-31T14:05:05","date_gmt":"2026-07-31T11:05:05","guid":{"rendered":"https:\/\/royalsleepmattress.com\/royal-sleep-branches\/"},"modified":"2026-07-31T14:05:05","modified_gmt":"2026-07-31T11:05:05","slug":"royal-sleep-branches","status":"publish","type":"page","link":"https:\/\/royalsleepmattress.com\/en\/royal-sleep-branches\/","title":{"rendered":"Royal Sleep Branches"},"content":{"rendered":"<p><!-- ============================================================\n  TEST VERSION \u2014 no API key needed. Uses Leaflet + OpenStreetMap\n  instead of Google Maps, just so you can see the list\/map\/marker\n  logic working right now while you set up your Google key.\n  Once you're ready for production, use store-locator-widget.html\n  (the Google Maps version) instead \u2014 it looks closer to your\n  reference screenshot's marker\/cluster style.\n============================================================= -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet.markercluster@1.5.3\/dist\/MarkerCluster.css\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet.markercluster@1.5.3\/dist\/MarkerCluster.Default.css\" \/>\n<style>\n  .slw-wrap{\n    display:flex;\n    width:100%;\n    height:480px;\n    border:1px solid #e0e0e0;\n    border-radius:8px;\n    overflow:hidden;\n    font-family:inherit;\n    direction:ltr;\n  }\n  .slw-list{\n    width:320px;\n    min-width:260px;\n    overflow-y:auto;\n    background:#fff;\n    border-right:1px solid #e5e5e5;\n  }\n  .slw-map{ flex:1 1 auto; }\n  .slw-item{\n    display:flex;\n    align-items:flex-start;\n    gap:10px;\n    padding:14px 16px;\n    border-bottom:1px solid #eee;\n    cursor:pointer;\n    transition:background .15s ease;\n  }\n  .slw-item:hover{ background:#f6f7f9; }\n  .slw-item.active{ background:#eef3ff; }\n  .slw-item .pin{\n    flex:0 0 auto;\n    width:20px;\n    height:20px;\n    margin-top:2px;\n  }\n  .slw-item .pin svg{ width:100%; height:100%; }\n  .slw-item .info{ flex:1 1 auto; min-width:0; }\n  .slw-item .name{\n    font-size:14px;\n    font-weight:600;\n    color:#1a1a1a;\n    margin:0 0 3px;\n    line-height:1.3;\n  }\n  .slw-item .addr{\n    font-size:12.5px;\n    color:#666;\n    margin:0 0 8px;\n    line-height:1.35;\n  }\n  .slw-item .directions-btn{\n    display:inline-flex;\n    align-items:center;\n    gap:5px;\n    font-size:12px;\n    font-weight:600;\n    color:#1a73e8;\n    background:#eef3ff;\n    border:1px solid #d7e3fb;\n    border-radius:5px;\n    padding:5px 10px;\n    text-decoration:none;\n    line-height:1.2;\n    transition:background .15s ease, border-color .15s ease;\n  }\n  .slw-item .directions-btn:hover{\n    background:#e2ecff;\n    border-color:#bcd1fb;\n  }\n  .slw-item .directions-btn svg{\n    width:12px;\n    height:12px;\n    flex:0 0 auto;\n  }\n  @media (max-width: 680px){\n    .slw-wrap{ flex-direction:column; height:auto; }\n    .slw-list{ width:100%; max-height:220px; border-right:none; border-bottom:1px solid #e5e5e5; }\n    .slw-map{ height:340px; }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4320","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/pages\/4320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/comments?post=4320"}],"version-history":[{"count":0,"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/pages\/4320\/revisions"}],"wp:attachment":[{"href":"https:\/\/royalsleepmattress.com\/en\/wp-json\/wp\/v2\/media?parent=4320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}