Ring Size Guide \u2014 Francesca Fabbrini Jewels<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prata&family=Mulish:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n --gold:#cc932c;\r\n --dark:#212121;\r\n --bg:#F5F2EE;\r\n --muted:#8A8078;\r\n --border:#E0D8CE;\r\n --text:#2E2318;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{background:var(--bg);color:var(--text);font-family:'Mulish',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}\r\n.container{max-width:960px;margin:0 auto;padding:48px 20px 80px}\r\n\r\nheader{text-align:center;margin-bottom:48px}\r\n.eyebrow{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:14px}\r\nh1{font-family:'Prata',serif;font-size:clamp(26px,5vw,46px);font-weight:400;color:var(--dark);line-height:1.1;margin-bottom:10px}\r\nh1 em{font-style:italic;color:var(--gold)}\r\n.subtitle{font-size:13px;font-weight:300;color:var(--muted);letter-spacing:.06em;margin-top:12px}\r\n.divider{display:flex;align-items:center;gap:14px;margin:24px auto 0;width:fit-content}\r\n.divider-line{width:50px;height:1px;background:var(--border)}\r\n.divider-gem{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}\r\n\r\n.filter-bar{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;align-items:center}\r\n.search-wrap{flex:1;min-width:0;position:relative}\r\n.search-wrap input{\r\n width:100%;background:#fff;border:1px solid var(--border);color:var(--text);\r\n font-family:'Mulish',sans-serif;font-size:14px;font-weight:400;\r\n padding:12px 16px 12px 42px;border-radius:4px;outline:none;transition:border-color .25s;\r\n}\r\n.search-wrap input::placeholder{color:var(--muted)}\r\n.search-wrap input:focus{border-color:var(--gold)}\r\n.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}\r\n.filter-btns{display:flex;gap:6px;flex-wrap:wrap}\r\n.filter-btn{\r\n background:#fff;border:1px solid var(--border);color:var(--muted);\r\n font-family:'Mulish',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;\r\n padding:10px 16px;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap;\r\n}\r\n.filter-btn:hover{border-color:var(--gold);color:var(--gold)}\r\n.filter-btn.active{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:500}\r\n\r\n.table-wrap{background:#fff;border:1px solid var(--border);border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:40px}\r\ntable{width:100%;border-collapse:collapse;min-width:480px}\r\nthead tr{background:#F9F6F2;border-bottom:1px solid var(--border)}\r\nth{font-family:'Mulish',sans-serif;font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding:16px;text-align:left;white-space:nowrap}\r\nth.center,td.center{text-align:center}\r\ntbody tr{border-bottom:1px solid #F0EBE4;transition:background .15s}\r\ntbody tr:last-child{border-bottom:none}\r\ntbody tr:hover{background:#FBF8F4}\r\ntbody tr.highlighted{background:#FBF4E4}\r\ntd{padding:13px 16px;font-size:13px;color:var(--text)}\r\ntd.size-it{font-family:'Prata',serif;font-size:20px;color:var(--dark)}\r\ntd .badge{display:inline-block;background:#F5F2EE;border:1px solid var(--border);color:var(--text);font-size:12px;padding:2px 10px;border-radius:20px;font-weight:400}\r\ntd.secondary{color:var(--muted);font-size:12px}\r\n\r\n.converter-section{background:#fff;border:1px solid var(--border);border-radius:8px;padding:32px 28px;margin-bottom:32px}\r\n.converter-section h2{font-family:'Prata',serif;font-size:22px;font-weight:400;color:var(--dark);margin-bottom:6px}\r\n.converter-section .desc{font-size:13px;color:var(--muted);margin-bottom:24px}\r\n.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}\r\n.conv-field label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;font-weight:500}\r\n.conv-field input,.conv-field select{\r\n width:100%;background:#fff;border:1px solid var(--border);color:var(--text);\r\n font-family:'Mulish',sans-serif;font-weight:400;font-size:15px;\r\n padding:11px 14px;border-radius:4px;outline:none;transition:border-color .25s;\r\n -webkit-appearance:none;appearance:none;\r\n}\r\n.conv-field input:focus,.conv-field select:focus{border-color:var(--gold)}\r\n.conv-result{\r\n background:#FBF8F4;border:1px solid var(--border);border-radius:6px;\r\n padding:18px 20px;display:flex;flex-wrap:wrap;gap:16px 28px;min-height:56px;align-items:center;\r\n}\r\n.conv-result-item .label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}\r\n.conv-result-item .value{font-family:'Prata',serif;font-size:20px;color:var(--dark)}\r\n.conv-result-item .value.empty{font-family:'Mulish',sans-serif;font-size:14px;color:var(--muted);font-weight:300}\r\n\r\n.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}\r\n.tip-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px}\r\n.tip-icon{font-size:18px;margin-bottom:10px}\r\n.tip-card h3{font-family:'Mulish',sans-serif;font-size:14px;font-weight:600;color:var(--dark);margin-bottom:7px}\r\n.tip-card p{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\r\n\r\n@media(max-width:600px){\r\n .container{padding:28px 14px 60px}\r\n .filter-bar{flex-direction:column;align-items:stretch}\r\n .search-wrap{width:100%}\r\n .filter-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}\r\n .filter-btn{text-align:center;padding:9px 6px;font-size:10px}\r\n th,td{padding:11px 10px}\r\n td.size-it{font-size:17px}\r\n .converter-section{padding:22px 16px}\r\n .converter-grid{grid-template-columns:1fr}\r\n h1{font-size:26px}\r\n .tips{grid-template-columns:1fr}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n\r\n <header>\r\n <p class=\"eyebrow\">Francesca Fabbrini Jewels<\/p>\r\n <h1>Ring <em>Size Guide<\/em><\/h1>\r\n <p class=\"subtitle\">International comparison \u00b7 Diameter \u00b7 Circumference<\/p>\r\n <div class=\"divider\">\r\n <span class=\"divider-line\"><\/span>\r\n <span class=\"divider-gem\"><\/span>\r\n <span class=\"divider-line\"><\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"filter-bar\">\r\n <div class=\"search-wrap\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/>\r\n <\/svg>\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search by size, diameter or circumference\u2026\" oninput=\"filterTable()\">\r\n <\/div>\r\n <div class=\"filter-btns\">\r\n <button class=\"filter-btn active\" onclick=\"setFilter('all',this)\">All<\/button>\r\n <button class=\"filter-btn\" onclick=\"setFilter('small',this)\">XS\u2013S (IT 1\u201310)<\/button>\r\n <button class=\"filter-btn\" onclick=\"setFilter('medium',this)\">M (IT 11\u201320)<\/button>\r\n <button class=\"filter-btn\" onclick=\"setFilter('large',this)\">L\u2013XL (IT 21\u201330)<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"table-wrap\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>\ud83c\uddee\ud83c\uddf9 IT \/ FR \/ ES<\/th>\r\n <th class=\"center\">\ud83c\uddfa\ud83c\uddf8 US \/ CA<\/th>\r\n <th class=\"center\">\ud83c\uddec\ud83c\udde7 UK \/ AU<\/th>\r\n <th class=\"center\">\ud83c\udde9\ud83c\uddea DE \/ AT<\/th>\r\n <th class=\"center\">\ud83c\uddef\ud83c\uddf5 JP \/ CN<\/th>\r\n <th class=\"center\">\u2300 mm<\/th>\r\n <th class=\"center\">Circ. mm<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"converter-section\">\r\n <h2>Quick Converter<\/h2>\r\n <p class=\"desc\">Enter a value in any system to find the equivalent sizes.<\/p>\r\n <div class=\"converter-grid\">\r\n <div class=\"conv-field\">\r\n <label>System<\/label>\r\n <select id=\"convSystem\" onchange=\"convertSize()\">\r\n <option value=\"it\">IT \/ FR \/ ES<\/option>\r\n <option value=\"us\">US \/ CA<\/option>\r\n <option value=\"uk\">UK \/ AU<\/option>\r\n <option value=\"de\">DE \/ AT<\/option>\r\n <option value=\"jp\">JP \/ CN<\/option>\r\n <option value=\"diam\">Diameter (mm)<\/option>\r\n <option value=\"circ\">Circumference (mm)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"conv-field\">\r\n <label>Value<\/label>\r\n <input type=\"text\" id=\"convValue\" placeholder=\"e.g. 14 or F\" oninput=\"convertSize()\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"conv-result\" id=\"convResult\">\r\n <div class=\"conv-result-item\">\r\n <div class=\"value empty\">Enter a value to convert<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tips\">\r\n <div class=\"tip-card\">\r\n <div class=\"tip-icon\">\ud83d\udccf<\/div>\r\n <h3>How to measure<\/h3>\r\n <p>Wrap a thin string around your finger, mark where it meets and measure in mm \u2014 that is your <strong>circumference<\/strong>.<\/p>\r\n <\/div>\r\n <div class=\"tip-card\">\r\n <div class=\"tip-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <h3>Best time to measure<\/h3>\r\n <p>Measure your finger in the evening or after exercise: fingers are slightly larger and the ring will stay comfortable all day.<\/p>\r\n <\/div>\r\n <div class=\"tip-card\">\r\n <div class=\"tip-icon\">\ud83d\udc8d<\/div>\r\n <h3>Half size<\/h3>\r\n <p>If you are between two sizes, always choose the larger one, especially for wide-band rings (over 4 mm).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<script>\r\nconst sizes=[\r\n [1,0,'A',36.5,1,11.6,36.5],[2,0.5,'B',37,2,11.8,37.0],\r\n [3,1,'B\u00bd',37.5,3,12.0,37.5],[4,1.5,'C',38,4,12.1,38.0],\r\n [5,2,'C\u00bd',38.5,5,12.3,38.5],[6,2.5,'D',39,6,12.4,39.0],\r\n [7,3,'D\u00bd',40,7,12.7,40.0],[8,3.5,'E',40.5,8,12.9,40.5],\r\n [9,4,'F',41,9,13.0,41.0],[10,4.5,'F\u00bd',41.5,10,13.2,41.5],\r\n [11,5,'G',42,11,13.4,42.0],[12,5.5,'G\u00bd',43,12,13.5,43.0],\r\n [13,6,'H',43.5,13,13.8,43.5],[14,6.5,'H\u00bd',44,14,14.0,44.0],\r\n [15,7,'I',45,15,14.3,45.0],[16,7.5,'J',45.5,16,14.5,45.5],\r\n [17,8,'J\u00bd',46,17,14.6,46.0],[18,8.5,'K',47,18,14.9,47.0],\r\n [19,9,'K\u00bd',47.5,19,15.1,47.5],[20,9.5,'L',48,20,15.3,48.0],\r\n [21,10,'L\u00bd',49,21,15.5,49.0],[22,10.5,'M',50,22,15.9,50.0],\r\n [23,11,'M\u00bd',50.5,23,16.1,50.5],[24,11.5,'N',51,24,16.2,51.0],\r\n [25,12,'N\u00bd',52,25,16.5,52.0],[26,12.5,'O',52.5,26,16.7,52.5],\r\n [27,13,'O\u00bd',53,27,16.9,53.0],[28,13.5,'P',54,28,17.2,54.0],\r\n [29,14,'P\u00bd',54.5,29,17.4,54.5],[30,14.5,'Q',55,30,17.5,55.0],\r\n];\r\n\r\nlet currentFilter='all';\r\n\r\nfunction getRange(f){\r\n if(f==='small') return[1,10];\r\n if(f==='medium') return[11,20];\r\n if(f==='large') return[21,30];\r\n return[1,30];\r\n}\r\n\r\nfunction renderTable(data){\r\n const tbody=document.getElementById('tableBody');\r\n tbody.innerHTML='';\r\n data.forEach(r=>{\r\n const tr=document.createElement('tr');\r\n tr.dataset.it=r[0];\r\n tr.innerHTML=`\r\n <td class=\"size-it\">${r[0]}<\/td>\r\n <td class=\"center\"><span class=\"badge\">${r[1]%1===0?r[1]+'':r[1]}<\/span><\/td>\r\n <td class=\"center\">${r[2]}<\/td>\r\n <td class=\"center secondary\">${r[3]}<\/td>\r\n <td class=\"center secondary\">${r[4]}<\/td>\r\n <td class=\"center secondary\">${r[5].toFixed(1)}<\/td>\r\n <td class=\"center secondary\">${r[6].toFixed(1)}<\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n}\r\n\r\nfunction setFilter(f,btn){\r\n currentFilter=f;\r\n document.querySelectorAll('.filter-btn').forEach(b=>b.classList.remove('active'));\r\n btn.classList.add('active');\r\n filterTable();\r\n}\r\n\r\nfunction filterTable(){\r\n const q=document.getElementById('searchInput').value.toLowerCase().trim();\r\n const[min,max]=getRange(currentFilter);\r\n const filtered=sizes.filter(r=>{\r\n if(r[0]<min||r[0]>max) return false;\r\n if(!q) return true;\r\n return[r[0],r[1],r[2],r[3],r[4],r[5],r[6]].some(v=>String(v).toLowerCase().includes(q));\r\n });\r\n renderTable(filtered);\r\n}\r\n\r\nfunction convertSize(){\r\n const sys=document.getElementById('convSystem').value;\r\n const val=document.getElementById('convValue').value.trim();\r\n const el=document.getElementById('convResult');\r\n if(!val){\r\n el.innerHTML='<div class=\"conv-result-item\"><div class=\"value empty\">Enter a value to convert<\/div><\/div>';\r\n return;\r\n }\r\n const idx={it:0,us:1,uk:2,de:3,jp:4,diam:5,circ:6};\r\n const col=idx[sys];\r\n const n=parseFloat(val);\r\n let found=null;\r\n for(const r of sizes){\r\n const c=r[col];\r\n if(sys==='uk'){if(String(c).toUpperCase()===val.toUpperCase()){found=r;break}}\r\n else if(sys==='diam'||sys==='circ'){if(!isNaN(n)&&Math.abs(c-n)<0.3){found=r;break}}\r\n else{if(!isNaN(n)&&Math.abs(c-n)<0.26){found=r;break}}\r\n }\r\n if(!found){\r\n el.innerHTML='<div class=\"conv-result-item\"><div class=\"value empty\">No match found<\/div><\/div>';\r\n return;\r\n }\r\n el.innerHTML=`\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddee\ud83c\uddf9 IT<\/div><div class=\"value\">${found[0]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddfa\ud83c\uddf8 US<\/div><div class=\"value\">${found[1]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddec\ud83c\udde7 UK<\/div><div class=\"value\">${found[2]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\udde9\ud83c\uddea DE<\/div><div class=\"value\">${found[3]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddef\ud83c\uddf5 JP<\/div><div class=\"value\">${found[4]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\u2300 mm<\/div><div class=\"value\">${found[5].toFixed(1)}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">Circ.<\/div><div class=\"value\">${found[6].toFixed(1)} mm<\/div><\/div>\r\n `;\r\n document.querySelectorAll('#tableBody tr').forEach(tr=>tr.classList.remove('highlighted'));\r\n document.querySelectorAll('#tableBody tr').forEach(tr=>{\r\n if(parseInt(tr.dataset.it)===found[0]){\r\n tr.classList.add('highlighted');\r\n tr.scrollIntoView({behavior:'smooth',block:'nearest'});\r\n }\r\n });\r\n}\r\n\r\nrenderTable(sizes);\r\n<\/script>\r\n<\/body>\r\n<\/html>\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 Guide \u2014 Francesca Fabbrini Jewels Francesca Fabbrini Jewels Ring Size Guide International comparison \u00b7 Diameter \u00b7 Circumference All XS\u2013S (IT 1\u201310) M (IT 11\u201320) L\u2013XL (IT 21\u201330) \ud83c\uddee\ud83c\uddf9 IT \/ FR \/ ES \ud83c\uddfa\ud83c\uddf8 US \/ CA \ud83c\uddec\ud83c\udde7 UK \/ AU \ud83c\udde9\ud83c\uddea DE \/ AT \ud83c\uddef\ud83c\uddf5 JP \/ CN \u2300 mm Circ. mm […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7382","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/7382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/comments?post=7382"}],"version-history":[{"count":13,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/7382\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/7382\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/media?parent=7382"}],"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\r\n\r\n\r\n\r\n\r\nRing Size Guide \u2014 Francesca Fabbrini Jewels<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prata&family=Mulish:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root{\r\n --gold:#cc932c;\r\n --dark:#212121;\r\n --bg:#F5F2EE;\r\n --muted:#8A8078;\r\n --border:#E0D8CE;\r\n --text:#2E2318;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nbody{background:var(--bg);color:var(--text);font-family:'Mulish',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}\r\n.container{max-width:960px;margin:0 auto;padding:48px 20px 80px}\r\n\r\nheader{text-align:center;margin-bottom:48px}\r\n.eyebrow{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:400;margin-bottom:14px}\r\nh1{font-family:'Prata',serif;font-size:clamp(26px,5vw,46px);font-weight:400;color:var(--dark);line-height:1.1;margin-bottom:10px}\r\nh1 em{font-style:italic;color:var(--gold)}\r\n.subtitle{font-size:13px;font-weight:300;color:var(--muted);letter-spacing:.06em;margin-top:12px}\r\n.divider{display:flex;align-items:center;gap:14px;margin:24px auto 0;width:fit-content}\r\n.divider-line{width:50px;height:1px;background:var(--border)}\r\n.divider-gem{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}\r\n\r\n.filter-bar{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;align-items:center}\r\n.search-wrap{flex:1;min-width:0;position:relative}\r\n.search-wrap input{\r\n width:100%;background:#fff;border:1px solid var(--border);color:var(--text);\r\n font-family:'Mulish',sans-serif;font-size:14px;font-weight:400;\r\n padding:12px 16px 12px 42px;border-radius:4px;outline:none;transition:border-color .25s;\r\n}\r\n.search-wrap input::placeholder{color:var(--muted)}\r\n.search-wrap input:focus{border-color:var(--gold)}\r\n.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}\r\n.filter-btns{display:flex;gap:6px;flex-wrap:wrap}\r\n.filter-btn{\r\n background:#fff;border:1px solid var(--border);color:var(--muted);\r\n font-family:'Mulish',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;\r\n padding:10px 16px;border-radius:4px;cursor:pointer;transition:all .2s;white-space:nowrap;\r\n}\r\n.filter-btn:hover{border-color:var(--gold);color:var(--gold)}\r\n.filter-btn.active{background:var(--gold);border-color:var(--gold);color:#fff;font-weight:500}\r\n\r\n.table-wrap{background:#fff;border:1px solid var(--border);border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:40px}\r\ntable{width:100%;border-collapse:collapse;min-width:480px}\r\nthead tr{background:#F9F6F2;border-bottom:1px solid var(--border)}\r\nth{font-family:'Mulish',sans-serif;font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding:16px;text-align:left;white-space:nowrap}\r\nth.center,td.center{text-align:center}\r\ntbody tr{border-bottom:1px solid #F0EBE4;transition:background .15s}\r\ntbody tr:last-child{border-bottom:none}\r\ntbody tr:hover{background:#FBF8F4}\r\ntbody tr.highlighted{background:#FBF4E4}\r\ntd{padding:13px 16px;font-size:13px;color:var(--text)}\r\ntd.size-it{font-family:'Prata',serif;font-size:20px;color:var(--dark)}\r\ntd .badge{display:inline-block;background:#F5F2EE;border:1px solid var(--border);color:var(--text);font-size:12px;padding:2px 10px;border-radius:20px;font-weight:400}\r\ntd.secondary{color:var(--muted);font-size:12px}\r\n\r\n.converter-section{background:#fff;border:1px solid var(--border);border-radius:8px;padding:32px 28px;margin-bottom:32px}\r\n.converter-section h2{font-family:'Prata',serif;font-size:22px;font-weight:400;color:var(--dark);margin-bottom:6px}\r\n.converter-section .desc{font-size:13px;color:var(--muted);margin-bottom:24px}\r\n.converter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}\r\n.conv-field label{display:block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:7px;font-weight:500}\r\n.conv-field input,.conv-field select{\r\n width:100%;background:#fff;border:1px solid var(--border);color:var(--text);\r\n font-family:'Mulish',sans-serif;font-weight:400;font-size:15px;\r\n padding:11px 14px;border-radius:4px;outline:none;transition:border-color .25s;\r\n -webkit-appearance:none;appearance:none;\r\n}\r\n.conv-field input:focus,.conv-field select:focus{border-color:var(--gold)}\r\n.conv-result{\r\n background:#FBF8F4;border:1px solid var(--border);border-radius:6px;\r\n padding:18px 20px;display:flex;flex-wrap:wrap;gap:16px 28px;min-height:56px;align-items:center;\r\n}\r\n.conv-result-item .label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}\r\n.conv-result-item .value{font-family:'Prata',serif;font-size:20px;color:var(--dark)}\r\n.conv-result-item .value.empty{font-family:'Mulish',sans-serif;font-size:14px;color:var(--muted);font-weight:300}\r\n\r\n.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}\r\n.tip-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:22px}\r\n.tip-icon{font-size:18px;margin-bottom:10px}\r\n.tip-card h3{font-family:'Mulish',sans-serif;font-size:14px;font-weight:600;color:var(--dark);margin-bottom:7px}\r\n.tip-card p{font-size:12px;color:var(--muted);line-height:1.7;font-weight:300}\r\n\r\n@media(max-width:600px){\r\n .container{padding:28px 14px 60px}\r\n .filter-bar{flex-direction:column;align-items:stretch}\r\n .search-wrap{width:100%}\r\n .filter-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}\r\n .filter-btn{text-align:center;padding:9px 6px;font-size:10px}\r\n th,td{padding:11px 10px}\r\n td.size-it{font-size:17px}\r\n .converter-section{padding:22px 16px}\r\n .converter-grid{grid-template-columns:1fr}\r\n h1{font-size:26px}\r\n .tips{grid-template-columns:1fr}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n\r\n <header>\r\n <p class=\"eyebrow\">Francesca Fabbrini Jewels<\/p>\r\n <h1>Ring <em>Size Guide<\/em><\/h1>\r\n <p class=\"subtitle\">International comparison \u00b7 Diameter \u00b7 Circumference<\/p>\r\n <div class=\"divider\">\r\n <span class=\"divider-line\"><\/span>\r\n <span class=\"divider-gem\"><\/span>\r\n <span class=\"divider-line\"><\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"filter-bar\">\r\n <div class=\"search-wrap\">\r\n <svg class=\"search-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"\/><path d=\"M21 21l-4.35-4.35\"\/>\r\n <\/svg>\r\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search by size, diameter or circumference\u2026\" oninput=\"filterTable()\">\r\n <\/div>\r\n <div class=\"filter-btns\">\r\n <button class=\"filter-btn active\" onclick=\"setFilter('all',this)\">All<\/button>\r\n <button class=\"filter-btn\" onclick=\"setFilter('small',this)\">XS\u2013S (IT 1\u201310)<\/button>\r\n <button class=\"filter-btn\" onclick=\"setFilter('medium',this)\">M (IT 11\u201320)<\/button>\r\n <button class=\"filter-btn\" onclick=\"setFilter('large',this)\">L\u2013XL (IT 21\u201330)<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"table-wrap\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>\ud83c\uddee\ud83c\uddf9 IT \/ FR \/ ES<\/th>\r\n <th class=\"center\">\ud83c\uddfa\ud83c\uddf8 US \/ CA<\/th>\r\n <th class=\"center\">\ud83c\uddec\ud83c\udde7 UK \/ AU<\/th>\r\n <th class=\"center\">\ud83c\udde9\ud83c\uddea DE \/ AT<\/th>\r\n <th class=\"center\">\ud83c\uddef\ud83c\uddf5 JP \/ CN<\/th>\r\n <th class=\"center\">\u2300 mm<\/th>\r\n <th class=\"center\">Circ. mm<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"tableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"converter-section\">\r\n <h2>Quick Converter<\/h2>\r\n <p class=\"desc\">Enter a value in any system to find the equivalent sizes.<\/p>\r\n <div class=\"converter-grid\">\r\n <div class=\"conv-field\">\r\n <label>System<\/label>\r\n <select id=\"convSystem\" onchange=\"convertSize()\">\r\n <option value=\"it\">IT \/ FR \/ ES<\/option>\r\n <option value=\"us\">US \/ CA<\/option>\r\n <option value=\"uk\">UK \/ AU<\/option>\r\n <option value=\"de\">DE \/ AT<\/option>\r\n <option value=\"jp\">JP \/ CN<\/option>\r\n <option value=\"diam\">Diameter (mm)<\/option>\r\n <option value=\"circ\">Circumference (mm)<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"conv-field\">\r\n <label>Value<\/label>\r\n <input type=\"text\" id=\"convValue\" placeholder=\"e.g. 14 or F\" oninput=\"convertSize()\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"conv-result\" id=\"convResult\">\r\n <div class=\"conv-result-item\">\r\n <div class=\"value empty\">Enter a value to convert<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tips\">\r\n <div class=\"tip-card\">\r\n <div class=\"tip-icon\">\ud83d\udccf<\/div>\r\n <h3>How to measure<\/h3>\r\n <p>Wrap a thin string around your finger, mark where it meets and measure in mm \u2014 that is your <strong>circumference<\/strong>.<\/p>\r\n <\/div>\r\n <div class=\"tip-card\">\r\n <div class=\"tip-icon\">\ud83c\udf21\ufe0f<\/div>\r\n <h3>Best time to measure<\/h3>\r\n <p>Measure your finger in the evening or after exercise: fingers are slightly larger and the ring will stay comfortable all day.<\/p>\r\n <\/div>\r\n <div class=\"tip-card\">\r\n <div class=\"tip-icon\">\ud83d\udc8d<\/div>\r\n <h3>Half size<\/h3>\r\n <p>If you are between two sizes, always choose the larger one, especially for wide-band rings (over 4 mm).<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n<script>\r\nconst sizes=[\r\n [1,0,'A',36.5,1,11.6,36.5],[2,0.5,'B',37,2,11.8,37.0],\r\n [3,1,'B\u00bd',37.5,3,12.0,37.5],[4,1.5,'C',38,4,12.1,38.0],\r\n [5,2,'C\u00bd',38.5,5,12.3,38.5],[6,2.5,'D',39,6,12.4,39.0],\r\n [7,3,'D\u00bd',40,7,12.7,40.0],[8,3.5,'E',40.5,8,12.9,40.5],\r\n [9,4,'F',41,9,13.0,41.0],[10,4.5,'F\u00bd',41.5,10,13.2,41.5],\r\n [11,5,'G',42,11,13.4,42.0],[12,5.5,'G\u00bd',43,12,13.5,43.0],\r\n [13,6,'H',43.5,13,13.8,43.5],[14,6.5,'H\u00bd',44,14,14.0,44.0],\r\n [15,7,'I',45,15,14.3,45.0],[16,7.5,'J',45.5,16,14.5,45.5],\r\n [17,8,'J\u00bd',46,17,14.6,46.0],[18,8.5,'K',47,18,14.9,47.0],\r\n [19,9,'K\u00bd',47.5,19,15.1,47.5],[20,9.5,'L',48,20,15.3,48.0],\r\n [21,10,'L\u00bd',49,21,15.5,49.0],[22,10.5,'M',50,22,15.9,50.0],\r\n [23,11,'M\u00bd',50.5,23,16.1,50.5],[24,11.5,'N',51,24,16.2,51.0],\r\n [25,12,'N\u00bd',52,25,16.5,52.0],[26,12.5,'O',52.5,26,16.7,52.5],\r\n [27,13,'O\u00bd',53,27,16.9,53.0],[28,13.5,'P',54,28,17.2,54.0],\r\n [29,14,'P\u00bd',54.5,29,17.4,54.5],[30,14.5,'Q',55,30,17.5,55.0],\r\n];\r\n\r\nlet currentFilter='all';\r\n\r\nfunction getRange(f){\r\n if(f==='small') return[1,10];\r\n if(f==='medium') return[11,20];\r\n if(f==='large') return[21,30];\r\n return[1,30];\r\n}\r\n\r\nfunction renderTable(data){\r\n const tbody=document.getElementById('tableBody');\r\n tbody.innerHTML='';\r\n data.forEach(r=>{\r\n const tr=document.createElement('tr');\r\n tr.dataset.it=r[0];\r\n tr.innerHTML=`\r\n <td class=\"size-it\">${r[0]}<\/td>\r\n <td class=\"center\"><span class=\"badge\">${r[1]%1===0?r[1]+'':r[1]}<\/span><\/td>\r\n <td class=\"center\">${r[2]}<\/td>\r\n <td class=\"center secondary\">${r[3]}<\/td>\r\n <td class=\"center secondary\">${r[4]}<\/td>\r\n <td class=\"center secondary\">${r[5].toFixed(1)}<\/td>\r\n <td class=\"center secondary\">${r[6].toFixed(1)}<\/td>\r\n `;\r\n tbody.appendChild(tr);\r\n });\r\n}\r\n\r\nfunction setFilter(f,btn){\r\n currentFilter=f;\r\n document.querySelectorAll('.filter-btn').forEach(b=>b.classList.remove('active'));\r\n btn.classList.add('active');\r\n filterTable();\r\n}\r\n\r\nfunction filterTable(){\r\n const q=document.getElementById('searchInput').value.toLowerCase().trim();\r\n const[min,max]=getRange(currentFilter);\r\n const filtered=sizes.filter(r=>{\r\n if(r[0]<min||r[0]>max) return false;\r\n if(!q) return true;\r\n return[r[0],r[1],r[2],r[3],r[4],r[5],r[6]].some(v=>String(v).toLowerCase().includes(q));\r\n });\r\n renderTable(filtered);\r\n}\r\n\r\nfunction convertSize(){\r\n const sys=document.getElementById('convSystem').value;\r\n const val=document.getElementById('convValue').value.trim();\r\n const el=document.getElementById('convResult');\r\n if(!val){\r\n el.innerHTML='<div class=\"conv-result-item\"><div class=\"value empty\">Enter a value to convert<\/div><\/div>';\r\n return;\r\n }\r\n const idx={it:0,us:1,uk:2,de:3,jp:4,diam:5,circ:6};\r\n const col=idx[sys];\r\n const n=parseFloat(val);\r\n let found=null;\r\n for(const r of sizes){\r\n const c=r[col];\r\n if(sys==='uk'){if(String(c).toUpperCase()===val.toUpperCase()){found=r;break}}\r\n else if(sys==='diam'||sys==='circ'){if(!isNaN(n)&&Math.abs(c-n)<0.3){found=r;break}}\r\n else{if(!isNaN(n)&&Math.abs(c-n)<0.26){found=r;break}}\r\n }\r\n if(!found){\r\n el.innerHTML='<div class=\"conv-result-item\"><div class=\"value empty\">No match found<\/div><\/div>';\r\n return;\r\n }\r\n el.innerHTML=`\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddee\ud83c\uddf9 IT<\/div><div class=\"value\">${found[0]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddfa\ud83c\uddf8 US<\/div><div class=\"value\">${found[1]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddec\ud83c\udde7 UK<\/div><div class=\"value\">${found[2]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\udde9\ud83c\uddea DE<\/div><div class=\"value\">${found[3]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\ud83c\uddef\ud83c\uddf5 JP<\/div><div class=\"value\">${found[4]}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">\u2300 mm<\/div><div class=\"value\">${found[5].toFixed(1)}<\/div><\/div>\r\n <div class=\"conv-result-item\"><div class=\"label\">Circ.<\/div><div class=\"value\">${found[6].toFixed(1)} mm<\/div><\/div>\r\n `;\r\n document.querySelectorAll('#tableBody tr').forEach(tr=>tr.classList.remove('highlighted'));\r\n document.querySelectorAll('#tableBody tr').forEach(tr=>{\r\n if(parseInt(tr.dataset.it)===found[0]){\r\n tr.classList.add('highlighted');\r\n tr.scrollIntoView({behavior:'smooth',block:'nearest'});\r\n }\r\n });\r\n}\r\n\r\nrenderTable(sizes);\r\n<\/script>\r\n<\/body>\r\n<\/html>\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 Guide \u2014 Francesca Fabbrini Jewels Francesca Fabbrini Jewels Ring Size Guide International comparison \u00b7 Diameter \u00b7 Circumference All XS\u2013S (IT 1\u201310) M (IT 11\u201320) L\u2013XL (IT 21\u201330) \ud83c\uddee\ud83c\uddf9 IT \/ FR \/ ES \ud83c\uddfa\ud83c\uddf8 US \/ CA \ud83c\uddec\ud83c\udde7 UK \/ AU \ud83c\udde9\ud83c\uddea DE \/ AT \ud83c\uddef\ud83c\uddf5 JP \/ CN \u2300 mm Circ. mm […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7382","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/7382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/comments?post=7382"}],"version-history":[{"count":13,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/7382\/revisions"}],"predecessor-version":[{"id":8039,"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/pages\/7382\/revisions\/8039"}],"wp:attachment":[{"href":"https:\/\/francescafabbrini.com\/en_us\/wp-json\/wp\/v2\/media?parent=7382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}