{"id":17007,"date":"2026-07-03T22:13:08","date_gmt":"2026-07-03T18:13:08","guid":{"rendered":"https:\/\/alsamerjewellery.ae\/?page_id=17007"},"modified":"2026-07-03T22:16:54","modified_gmt":"2026-07-03T18:16:54","slug":"ring-sizer","status":"publish","type":"page","link":"https:\/\/alsamerjewellery.ae\/ar\/ring-sizer\/","title":{"rendered":"\u0645\u0642\u0627\u0633 \u0627\u0644\u062e\u0627\u062a\u0645"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17007\" class=\"elementor elementor-17007\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e86053 e-flex e-con-boxed kitify-col-width-auto-no ignore-docs-style-no kitify-disable-relative-no e-root-container elementor-top-section e-con e-parent\" data-id=\"8e86053\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5bf4b7 elementor-widget elementor-widget-html\" data-id=\"e5bf4b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Ultra-Responsive Luxury Ring Size Widget -->\r\n<div id=\"ring-size-ultra-responsive\">\r\n  <div class=\"lux-header\">Ring Size Measurement<\/div>\r\n\r\n  <div class=\"lux-circle-area\">\r\n    <div class=\"lux-ring-outline\"><\/div>\r\n    <div class=\"lux-circle\"><\/div>\r\n\r\n    <div class=\"lux-marker lux-marker-top\"><\/div>\r\n    <div class=\"lux-marker lux-marker-right\"><\/div>\r\n    <div class=\"lux-marker lux-marker-bottom\"><\/div>\r\n    <div class=\"lux-marker lux-marker-left\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"lux-panel\">\r\n    <div class=\"lux-label\">Adjust Size<\/div>\r\n    <input type=\"range\" id=\"lux-slider\" min=\"14\" max=\"24\" step=\"0.1\" value=\"18\">\r\n\r\n    <div class=\"lux-stats\">\r\n      <div class=\"lux-stat\"><span>Diameter<\/span><strong id=\"lux-mm\">18.0 mm<\/strong><\/div>\r\n      <div class=\"lux-stat\"><span>US Size<\/span><strong id=\"lux-us\">8<\/strong><\/div>\r\n      <div class=\"lux-stat\"><span>EU Size<\/span><strong id=\"lux-eu\">57<\/strong><\/div>\r\n      <div class=\"lux-stat\"><span>UK Size<\/span><strong id=\"lux-uk\">P\u00bd<\/strong><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  \/* Fully isolated styling *\/\r\n  #ring-size-ultra-responsive {\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n    padding: 20px;\r\n    font-family: \"Segoe UI\", sans-serif;\r\n    color: #222;\r\n  }\r\n\r\n  #ring-size-ultra-responsive * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .lux-header {\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 16px;\r\n    color: #b89b5e;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .lux-circle-area {\r\n    width: 100%;\r\n    padding-top: 100%;\r\n    position: relative;\r\n    background: #fdfdfd;\r\n    border-radius: 16px;\r\n    border: 1px solid #e5e5e5;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .lux-ring-outline {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 75%;\r\n    height: 75%;\r\n    border-radius: 50%;\r\n    border: 6px solid rgba(184,155,94,0.35);\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: inset 0 0 20px rgba(184,155,94,0.25);\r\n  }\r\n\r\n  .lux-circle {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    border-radius: 50%;\r\n    border: 3px solid #b89b5e;\r\n    background: transparent;\r\n    transform: translate(-50%, -50%);\r\n    transition: width 0.25s ease, height 0.25s ease;\r\n    box-shadow: 0 0 12px rgba(184,155,94,0.4);\r\n  }\r\n\r\n  .lux-marker {\r\n    position: absolute;\r\n    width: 2px;\r\n    height: 14px;\r\n    background: #b89b5e;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .lux-marker-top { top: 3%; left: 50%; transform: translateX(-50%); }\r\n  .lux-marker-bottom { bottom: 3%; left: 50%; transform: translateX(-50%); }\r\n  .lux-marker-left { left: 3%; top: 50%; transform: translateY(-50%); }\r\n  .lux-marker-right { right: 3%; top: 50%; transform: translateY(-50%); }\r\n\r\n  .lux-panel {\r\n    margin-top: 20px;\r\n    padding: 18px;\r\n    border-radius: 16px;\r\n    background: #fff;\r\n    border: 1px solid #eee;\r\n    box-shadow: 0 4px 14px rgba(0,0,0,0.06);\r\n  }\r\n\r\n  .lux-label {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    color: #b89b5e;\r\n    text-align: center;\r\n  }\r\n\r\n  #lux-slider {\r\n    width: 100%;\r\n    accent-color: #b89b5e;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .lux-stats {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .lux-stat {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 10px 12px;\r\n    border-radius: 10px;\r\n    background: #fafafa;\r\n    border: 1px solid #eee;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .lux-stat strong {\r\n    color: #b89b5e;\r\n    font-weight: 600;\r\n  }\r\n\r\n  @media (min-width: 768px) {\r\n    #ring-size-ultra-responsive {\r\n      max-width: 500px;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1024px) {\r\n    #ring-size-ultra-responsive {\r\n      max-width: 600px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  const sizeTable = [\r\n    { mm: 14.0, us: \"3\", eu: \"44\", uk: \"F\" },\r\n    { mm: 14.8, us: \"4\", eu: \"47\", uk: \"H\u00bd\" },\r\n    { mm: 15.7, us: \"5\", eu: \"49\", uk: \"J\u00bd\" },\r\n    { mm: 16.5, us: \"6\", eu: \"52\", uk: \"L\u00bd\" },\r\n    { mm: 17.3, us: \"7\", eu: \"54\", uk: \"N\u00bd\" },\r\n    { mm: 18.2, us: \"8\", eu: \"57\", uk: \"P\u00bd\" },\r\n    { mm: 19.0, us: \"9\", eu: \"59\", uk: \"R\u00bd\" },\r\n    { mm: 19.8, us: \"10\", eu: \"62\", uk: \"T\u00bd\" },\r\n    { mm: 20.6, us: \"11\", eu: \"65\", uk: \"V\u00bd\" },\r\n    { mm: 21.4, us: \"12\", eu: \"67\", uk: \"X\" },\r\n    { mm: 22.3, us: \"13\", eu: \"70\", uk: \"Z\" }\r\n  ];\r\n\r\n  const widget = document.getElementById(\"ring-size-ultra-responsive\");\r\n  const circle = widget.querySelector(\".lux-circle\");\r\n  const slider = widget.querySelector(\"#lux-slider\");\r\n\r\n  const mmOut = widget.querySelector(\"#lux-mm\");\r\n  const usOut = widget.querySelector(\"#lux-us\");\r\n  const euOut = widget.querySelector(\"#lux-eu\");\r\n  const ukOut = widget.querySelector(\"#lux-uk\");\r\n\r\n  function closestSize(mm) {\r\n    return sizeTable.reduce((best, item) =>\r\n      Math.abs(item.mm - mm) < Math.abs(best.mm - mm) ? item : best\r\n    );\r\n  }\r\n\r\n  function update() {\r\n    const mm = parseFloat(slider.value);\r\n    mmOut.textContent = mm.toFixed(1);\r\n\r\n    const match = closestSize(mm);\r\n    usOut.textContent = match.us;\r\n    euOut.textContent = match.eu;\r\n    ukOut.textContent = match.uk;\r\n\r\n    const container = widget.querySelector(\".lux-circle-area\");\r\n    const pxPerMm = container.clientWidth \/ 60;\r\n    const px = mm * pxPerMm;\r\n\r\n    circle.style.width = px + \"px\";\r\n    circle.style.height = px + \"px\";\r\n  }\r\n\r\n  update();\r\n  slider.addEventListener(\"input\", update);\r\n\r\n  window.addEventListener(\"resize\", update);\r\n})();\r\n<\/script>\r\n\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>Ring Size Measurement Adjust Size Diameter18.0 mm US Size8 EU Size57 UK SizeP\u00bd<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17007","page","type-page","status-publish","hentry"],"pure_taxonomies":[],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/pages\/17007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/comments?post=17007"}],"version-history":[{"count":5,"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/pages\/17007\/revisions"}],"predecessor-version":[{"id":17015,"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/pages\/17007\/revisions\/17015"}],"wp:attachment":[{"href":"https:\/\/alsamerjewellery.ae\/ar\/wp-json\/wp\/v2\/media?parent=17007"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}