{"product_id":"weslamic-itasbih-smart-dhikr-3-0-weslamic-itasbih-peace-1","title":"Weslamic iTasbih - Peace 1 (Newly launched vibration alert function)","description":"\u003csection class=\"weslamic-ring-size-guide\"\u003e\n  \u003cstyle\u003e\n    .weslamic-ring-size-guide {\n      --navy: #0F1C2E;\n      --cream: #FAF7F2;\n      --card: #FFFDF8;\n      --gold: #C99A3B;\n      --soft-gold: #E9C777;\n      --text: #344054;\n      --muted: #667085;\n      --line: rgba(201, 154, 59, 0.28);\n\n      font-family: Arial, \"Helvetica Neue\", sans-serif;\n      background:\n        radial-gradient(circle at top center, rgba(233, 199, 119, 0.18), transparent 36%),\n        var(--cream);\n      color: var(--navy);\n      padding: 72px 18px;\n    }\n\n    .weslamic-ring-size-guide * {\n      box-sizing: border-box;\n    }\n\n    .wsg-container {\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    .wsg-header {\n      text-align: center;\n      margin-bottom: 46px;\n    }\n\n    .wsg-header h1 {\n      margin: 0;\n      font-size: clamp(34px, 5vw, 64px);\n      line-height: 1.05;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      font-weight: 900;\n      color: var(--navy);\n    }\n\n    .wsg-divider {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      margin: 20px auto 18px;\n      color: var(--gold);\n    }\n\n    .wsg-divider::before,\n    .wsg-divider::after {\n      content: \"\";\n      width: 86px;\n      height: 1px;\n      background: var(--gold);\n      opacity: 0.6;\n    }\n\n    .wsg-divider span {\n      width: 8px;\n      height: 8px;\n      background: var(--gold);\n      transform: rotate(45deg);\n      display: block;\n    }\n\n    .wsg-subtitle {\n      max-width: 760px;\n      margin: 0 auto;\n      font-size: 17px;\n      line-height: 1.75;\n      color: var(--text);\n    }\n\n    .wsg-card {\n      background: rgba(255, 253, 248, 0.94);\n      border: 1px solid var(--line);\n      border-radius: 30px;\n      padding: 34px;\n      margin-bottom: 28px;\n      box-shadow: 0 22px 60px rgba(15, 28, 46, 0.07);\n    }\n\n    .wsg-card-title {\n      margin: 0 0 12px;\n      font-size: clamp(26px, 3vw, 36px);\n      line-height: 1.2;\n      color: var(--navy);\n    }\n\n    .wsg-card-desc {\n      margin: 0 0 30px;\n      font-size: 16px;\n      line-height: 1.75;\n      color: var(--muted);\n    }\n\n    .wsg-steps {\n      display: grid;\n      gap: 26px;\n    }\n\n    .wsg-step {\n      display: grid;\n      grid-template-columns: 86px minmax(260px, 0.95fr) minmax(360px, 1.25fr);\n      gap: 26px;\n      align-items: center;\n      background: var(--cream);\n      border: 1px solid rgba(201, 154, 59, 0.22);\n      border-radius: 26px;\n      padding: 28px;\n    }\n\n    .wsg-step-no {\n      width: 68px;\n      height: 68px;\n      border: 2px solid var(--gold);\n      border-radius: 999px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--card);\n      color: var(--navy);\n      font-size: 34px;\n      font-weight: 900;\n      line-height: 1;\n    }\n\n    .wsg-step-copy h3 {\n      margin: 0 0 12px;\n      font-size: 28px;\n      line-height: 1.2;\n      color: var(--navy);\n    }\n\n    .wsg-step-copy h3 span {\n      color: var(--gold);\n      font-size: 18px;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      display: block;\n      margin-bottom: 6px;\n    }\n\n    .wsg-step-copy p {\n      margin: 0 0 14px;\n      font-size: 16px;\n      line-height: 1.75;\n      color: var(--text);\n    }\n\n    .wsg-mini-list {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      display: grid;\n      gap: 8px;\n    }\n\n    .wsg-mini-list li {\n      position: relative;\n      padding-left: 18px;\n      color: var(--muted);\n      font-size: 14.5px;\n      line-height: 1.55;\n    }\n\n    .wsg-mini-list li::before {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      top: 9px;\n      width: 7px;\n      height: 7px;\n      background: var(--gold);\n      transform: rotate(45deg);\n    }\n\n    .wsg-illustration {\n      background: #FFFDF8;\n      border: 1px solid rgba(201, 154, 59, 0.18);\n      border-radius: 24px;\n      padding: 18px;\n      min-height: 270px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .wsg-illustration svg {\n      width: 100%;\n      max-width: 520px;\n      height: auto;\n      display: block;\n    }\n\n    .svg-navy {\n      stroke: #0F1C2E;\n      stroke-width: 4.2;\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .svg-navy-thin {\n      stroke: #0F1C2E;\n      stroke-width: 2.4;\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .svg-gold {\n      stroke: #C99A3B;\n      stroke-width: 3.2;\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .svg-gold-fill {\n      fill: #E9C777;\n      stroke: #C99A3B;\n      stroke-width: 2.8;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .svg-cream-fill {\n      fill: #FAF7F2;\n      stroke: #0F1C2E;\n      stroke-width: 3.2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .svg-label {\n      fill: #0F1C2E;\n      font-family: Arial, \"Helvetica Neue\", sans-serif;\n      font-size: 18px;\n      font-weight: 700;\n    }\n\n    .svg-small-label {\n      fill: #344054;\n      font-family: Arial, \"Helvetica Neue\", sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    .svg-note {\n      fill: #667085;\n      font-family: Arial, \"Helvetica Neue\", sans-serif;\n      font-size: 13px;\n      font-weight: 500;\n    }\n\n    .wsg-table-wrap {\n      overflow-x: auto;\n      border-radius: 24px;\n      border: 1px solid rgba(201, 154, 59, 0.3);\n    }\n\n    .wsg-size-table {\n      width: 100%;\n      min-width: 760px;\n      border-collapse: collapse;\n      background: var(--card);\n    }\n\n    .wsg-size-table th {\n      background: var(--navy);\n      color: var(--cream);\n      padding: 18px 16px;\n      text-align: center;\n      font-size: 15px;\n      letter-spacing: 0.8px;\n      text-transform: uppercase;\n    }\n\n    .wsg-size-table td {\n      padding: 18px 16px;\n      border-bottom: 1px solid rgba(201, 154, 59, 0.22);\n      text-align: center;\n      color: var(--navy);\n      font-size: 16px;\n    }\n\n    .wsg-size-table tr:last-child td {\n      border-bottom: none;\n    }\n\n    .wsg-size {\n      color: var(--gold);\n      font-size: 20px;\n      font-weight: 900;\n    }\n\n    .wsg-note {\n      margin: 18px 0 0;\n      color: var(--muted);\n      font-size: 14px;\n      line-height: 1.75;\n    }\n\n    .wsg-tips-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 18px;\n    }\n\n    .wsg-tip {\n      background: var(--cream);\n      border: 1px solid rgba(201, 154, 59, 0.2);\n      border-radius: 20px;\n      padding: 20px 22px;\n      color: var(--text);\n      font-size: 15.5px;\n      line-height: 1.65;\n    }\n\n    .wsg-highlight {\n      margin-top: 24px;\n      background: var(--navy);\n      color: var(--cream);\n      border-radius: 24px;\n      padding: 28px;\n      display: grid;\n      grid-template-columns: 54px 1fr;\n      gap: 18px;\n      align-items: center;\n    }\n\n    .wsg-highlight-icon {\n      width: 54px;\n      height: 54px;\n      border-radius: 999px;\n      background: var(--gold);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .wsg-highlight h3 {\n      margin: 0 0 8px;\n      color: #FFD95A;\n      font-size: 24px;\n    }\n\n    .wsg-highlight p {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.75;\n      color: #FFFDF8;\n    }\n\n    @media (max-width: 980px) {\n      .wsg-step {\n        grid-template-columns: 72px 1fr;\n      }\n\n      .wsg-illustration {\n        grid-column: 1 \/ -1;\n        min-height: auto;\n      }\n\n      .wsg-illustration svg {\n        max-width: 620px;\n      }\n    }\n\n    @media (max-width: 680px) {\n      .weslamic-ring-size-guide {\n        padding: 46px 14px;\n      }\n\n      .wsg-card {\n        padding: 22px;\n        border-radius: 24px;\n      }\n\n      .wsg-step {\n        grid-template-columns: 1fr;\n        padding: 22px;\n      }\n\n      .wsg-step-no {\n        width: 58px;\n        height: 58px;\n        font-size: 28px;\n      }\n\n      .wsg-step-copy h3 {\n        font-size: 24px;\n      }\n\n      .wsg-tips-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .wsg-highlight {\n        grid-template-columns: 1fr;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"wsg-container\"\u003e\n\n    \u003cheader class=\"wsg-header\"\u003e\n      \u003ch1\u003eHow to Measure\u003cbr\u003eYour Ring Size at Home\u003c\/h1\u003e\n\n      \u003cdiv class=\"wsg-divider\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n\n      \u003cp class=\"wsg-subtitle\"\u003e\n        Measure your finger circumference in millimeters, then match it with the chart below to choose the right iTasbih ring size.\n      \u003c\/p\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"wsg-card\"\u003e\n      \u003ch2 class=\"wsg-card-title\"\u003eSimple 4-Step Measuring Guide\u003c\/h2\u003e\n      \u003cp class=\"wsg-card-desc\"\u003e\n        Use a paper strip, soft measuring tape, pen, and ruler. Each step below includes a clear hand-drawn style illustration to help you measure correctly.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"wsg-steps\"\u003e\n\n        \u003c!-- STEP 1 --\u003e\n        \u003carticle class=\"wsg-step\"\u003e\n          \u003cdiv class=\"wsg-step-no\"\u003e1\u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-step-copy\"\u003e\n            \u003ch3\u003e\n\u003cspan\u003eStep 1\u003c\/span\u003ePrepare Your Tools\u003c\/h3\u003e\n            \u003cp\u003e\n              Prepare a thin paper strip or a soft measuring tape. You will also need a pen and a ruler with millimeter marks.\n            \u003c\/p\u003e\n            \u003cul class=\"wsg-mini-list\"\u003e\n              \u003cli\u003ePaper strip or soft measuring tape\u003c\/li\u003e\n              \u003cli\u003ePen for marking the overlap point\u003c\/li\u003e\n              \u003cli\u003eRuler with millimeter scale\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-illustration\" aria-label=\"Prepare paper strip, scissors, pen and ruler illustration\"\u003e\n            \u003csvg viewbox=\"0 0 560 320\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ctitle\u003ePrepare tools for measuring ring size\u003c\/title\u003e\n\n              \u003cellipse cx=\"280\" cy=\"286\" rx=\"220\" ry=\"16\" fill=\"rgba(15,28,46,0.06)\"\u003e\u003c\/ellipse\u003e\n\n              \u003cg transform=\"translate(44 42)\"\u003e\n                \u003cpath d=\"M0 20 C46 12, 98 16, 152 12 C198 9, 236 14, 278 11 L284 52 C238 57, 192 50, 148 56 C98 62, 48 58, 4 62 Z\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"3.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M177 14 L169 55\" stroke=\"#C99A3B\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-dasharray=\"7 8\"\u003e\u003c\/path\u003e\n                \u003ctext x=\"58\" y=\"94\" class=\"svg-label\"\u003eThin paper strip\u003c\/text\u003e\n              \u003c\/g\u003e\n\n              \u003cg transform=\"translate(376 42)\"\u003e\n                \u003ccircle cx=\"28\" cy=\"35\" r=\"18\" class=\"svg-navy-thin\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"82\" cy=\"35\" r=\"18\" class=\"svg-navy-thin\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M42 49 L114 125\" class=\"svg-navy\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M73 49 L5 125\" class=\"svg-navy\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M114 125 L151 152\" class=\"svg-navy\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M5 125 L-18 156\" class=\"svg-navy\"\u003e\u003c\/path\u003e\n                \u003ctext x=\"12\" y=\"196\" class=\"svg-label\"\u003eScissors\u003c\/text\u003e\n              \u003c\/g\u003e\n\n              \u003cg transform=\"translate(55 170)\"\u003e\n                \u003cellipse cx=\"55\" cy=\"48\" rx=\"50\" ry=\"29\" class=\"svg-gold-fill\"\u003e\u003c\/ellipse\u003e\n                \u003cellipse cx=\"55\" cy=\"43\" rx=\"36\" ry=\"17\" fill=\"#FAF7F2\" stroke=\"#C99A3B\" stroke-width=\"3\"\u003e\u003c\/ellipse\u003e\n                \u003cellipse cx=\"55\" cy=\"43\" rx=\"16\" ry=\"7\" fill=\"#E9C777\" stroke=\"#C99A3B\" stroke-width=\"2\"\u003e\u003c\/ellipse\u003e\n                \u003cpath d=\"M104 49 C155 34, 213 38, 266 55 L260 92 C199 75, 151 73, 101 89 Z\" fill=\"#E9C777\" stroke=\"#C99A3B\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M131 48 L126 83 M157 44 L153 78 M184 45 L179 79 M211 49 L207 84 M238 57 L234 91\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n                \u003ctext x=\"4\" y=\"124\" class=\"svg-label\"\u003eSoft measuring tape\u003c\/text\u003e\n              \u003c\/g\u003e\n\n              \u003cg transform=\"translate(320 205)\"\u003e\n                \u003crect x=\"0\" y=\"0\" width=\"205\" height=\"56\" rx=\"8\" fill=\"#FFFDF8\" stroke=\"#0F1C2E\" stroke-width=\"3.2\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M20 0v30 M40 0v18 M60 0v30 M80 0v18 M100 0v30 M120 0v18 M140 0v30 M160 0v18 M180 0v30\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n                \u003ctext x=\"16\" y=\"46\" class=\"svg-note\"\u003e0\u003c\/text\u003e\n                \u003ctext x=\"54\" y=\"46\" class=\"svg-note\"\u003e10\u003c\/text\u003e\n                \u003ctext x=\"94\" y=\"46\" class=\"svg-note\"\u003e20\u003c\/text\u003e\n                \u003ctext x=\"134\" y=\"46\" class=\"svg-note\"\u003e30\u003c\/text\u003e\n                \u003ctext x=\"170\" y=\"46\" class=\"svg-note\"\u003emm\u003c\/text\u003e\n                \u003ctext x=\"48\" y=\"92\" class=\"svg-label\"\u003eRuler\u003c\/text\u003e\n              \u003c\/g\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003c!-- STEP 2 --\u003e\n        \u003carticle class=\"wsg-step\"\u003e\n          \u003cdiv class=\"wsg-step-no\"\u003e2\u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-step-copy\"\u003e\n            \u003ch3\u003e\n\u003cspan\u003eStep 2\u003c\/span\u003eWrap Around Your Finger\u003c\/h3\u003e\n            \u003cp\u003e\n              Wrap the paper strip around the finger where you plan to wear the ring. Keep it close to the skin, but not tight.\n            \u003c\/p\u003e\n            \u003cul class=\"wsg-mini-list\"\u003e\n              \u003cli\u003eMeasure the exact finger you will wear the ring on\u003c\/li\u003e\n              \u003cli\u003eKeep the strip straight and level\u003c\/li\u003e\n              \u003cli\u003eIt should feel snug, not squeezed\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-illustration\" aria-label=\"Wrap paper strip around finger illustration\"\u003e\n            \u003csvg viewbox=\"0 0 560 320\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ctitle\u003eWrap strip around finger\u003c\/title\u003e\n\n              \u003cellipse cx=\"286\" cy=\"288\" rx=\"210\" ry=\"17\" fill=\"rgba(15,28,46,0.06)\"\u003e\u003c\/ellipse\u003e\n\n              \u003cpath d=\"M68 251\n                       C105 235, 129 219, 151 193\n                       C174 166, 194 150, 219 145\n                       C251 139, 276 154, 292 179\n                       C306 202, 303 231, 279 250\n                       C240 281, 164 283, 102 267\n                       C87 263, 77 258, 68 251Z\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M197 148\n                       C195 112, 198 77, 210 61\n                       C220 48, 239 50, 244 66\n                       C248 78, 244 121, 240 155\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M239 155\n                       C240 108, 247 57, 263 43\n                       C276 32, 294 39, 297 57\n                       C301 79, 290 128, 282 170\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M282 170\n                       C294 124, 306 82, 324 74\n                       C340 67, 354 78, 353 96\n                       C352 119, 330 160, 314 191\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M313 191\n                       C336 163, 358 140, 376 140\n                       C392 139, 401 153, 394 168\n                       C384 189, 348 213, 316 232\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M214 91 C223 96, 234 97, 242 92\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M260 81 C271 86, 286 87, 296 82\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M318 110 C329 117, 342 118, 351 113\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M244 132\n                       C257 139, 276 140, 289 133\n                       L285 164\n                       C270 171, 254 169, 240 160 Z\" fill=\"#E9C777\" stroke=\"#C99A3B\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M250 134 C264 140, 276 140, 288 134\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M242 160 C258 168, 273 168, 285 162\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M393 76 C432 88, 449 112, 444 143\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M444 143 l-10-16 M444 143 l13-13\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"386\" y=\"55\" class=\"svg-label\"\u003eWrap here\u003c\/text\u003e\n              \u003ctext x=\"385\" y=\"198\" class=\"svg-small-label\"\u003eSnug fit\u003c\/text\u003e\n              \u003ctext x=\"385\" y=\"221\" class=\"svg-note\"\u003eNot too tight\u003c\/text\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003c!-- STEP 3 --\u003e\n        \u003carticle class=\"wsg-step\"\u003e\n          \u003cdiv class=\"wsg-step-no\"\u003e3\u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-step-copy\"\u003e\n            \u003ch3\u003e\n\u003cspan\u003eStep 3\u003c\/span\u003eMark and Measure\u003c\/h3\u003e\n            \u003cp\u003e\n              Mark the point where the strip overlaps. Lay the strip flat and measure the length in millimeters.\n            \u003c\/p\u003e\n            \u003cul class=\"wsg-mini-list\"\u003e\n              \u003cli\u003eThe measured length is your finger circumference\u003c\/li\u003e\n              \u003cli\u003eUse millimeters for better accuracy\u003c\/li\u003e\n              \u003cli\u003eRepeat 2–3 times and use the average result\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-illustration\" aria-label=\"Mark paper strip and measure with ruler illustration\"\u003e\n            \u003csvg viewbox=\"0 0 560 320\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ctitle\u003eMark and measure the paper strip\u003c\/title\u003e\n\n              \u003cellipse cx=\"280\" cy=\"288\" rx=\"220\" ry=\"16\" fill=\"rgba(15,28,46,0.06)\"\u003e\u003c\/ellipse\u003e\n\n              \u003cpath d=\"M62 75 C138 64, 218 70, 296 66 C359 63, 414 68, 489 62 L496 101 C420 108, 360 101, 296 106 C216 112, 139 104, 63 114 Z\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"3.6\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n\n              \u003cpath d=\"M350 62 L345 109\" stroke=\"#C99A3B\" stroke-width=\"4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M340 59 L359 113\" stroke=\"#C99A3B\" stroke-width=\"2.5\" stroke-linecap=\"round\" opacity=\"0.45\"\u003e\u003c\/path\u003e\n\n              \u003cg transform=\"translate(333 22) rotate(17)\"\u003e\n                \u003crect x=\"0\" y=\"0\" width=\"142\" height=\"24\" rx=\"6\" fill=\"#0F1C2E\"\u003e\u003c\/rect\u003e\n                \u003crect x=\"94\" y=\"0\" width=\"28\" height=\"24\" fill=\"#E9C777\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M142 0 L177 12 L142 24 Z\" fill=\"#FFF7E8\" stroke=\"#0F1C2E\" stroke-width=\"3\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M176 12 L188 12\" class=\"svg-navy\"\u003e\u003c\/path\u003e\n              \u003c\/g\u003e\n\n              \u003ctext x=\"73\" y=\"47\" class=\"svg-label\"\u003eMark overlap point\u003c\/text\u003e\n              \u003cpath d=\"M250 43 C289 24, 323 26, 349 53\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M349 53 l-16-3 M349 53 l-6-15\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n\n              \u003cg transform=\"translate(58 165)\"\u003e\n                \u003crect x=\"0\" y=\"0\" width=\"445\" height=\"70\" rx=\"10\" fill=\"#FFFDF8\" stroke=\"#0F1C2E\" stroke-width=\"3.6\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"\n                  M20 0v42 M40 0v24 M60 0v24 M80 0v24 M100 0v42\n                  M120 0v24 M140 0v24 M160 0v24 M180 0v24 M200 0v42\n                  M220 0v24 M240 0v24 M260 0v24 M280 0v24 M300 0v42\n                  M320 0v24 M340 0v24 M360 0v24 M380 0v24 M400 0v42\n                \" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n\n                \u003ctext x=\"14\" y=\"59\" class=\"svg-note\"\u003e0\u003c\/text\u003e\n                \u003ctext x=\"90\" y=\"59\" class=\"svg-note\"\u003e10\u003c\/text\u003e\n                \u003ctext x=\"190\" y=\"59\" class=\"svg-note\"\u003e20\u003c\/text\u003e\n                \u003ctext x=\"290\" y=\"59\" class=\"svg-note\"\u003e30\u003c\/text\u003e\n                \u003ctext x=\"390\" y=\"59\" class=\"svg-note\"\u003e40\u003c\/text\u003e\n                \u003ctext x=\"410\" y=\"25\" class=\"svg-small-label\"\u003emm\u003c\/text\u003e\n              \u003c\/g\u003e\n\n              \u003cpath d=\"M78 151 L407 151 L407 162 L78 162 Z\" fill=\"#E9C777\" stroke=\"#C99A3B\" stroke-width=\"2.6\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M407 143 v28\" stroke=\"#C99A3B\" stroke-width=\"4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003ctext x=\"165\" y=\"265\" class=\"svg-label\"\u003eThis length = finger circumference\u003c\/text\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n        \u003c!-- STEP 4 --\u003e\n        \u003carticle class=\"wsg-step\"\u003e\n          \u003cdiv class=\"wsg-step-no\"\u003e4\u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-step-copy\"\u003e\n            \u003ch3\u003e\n\u003cspan\u003eStep 4\u003c\/span\u003eMatch Your Size\u003c\/h3\u003e\n            \u003cp\u003e\n              Compare your finger circumference with the size chart. Choose the size that best matches your measurement range.\n            \u003c\/p\u003e\n            \u003cul class=\"wsg-mini-list\"\u003e\n              \u003cli\u003eFind your circumference range\u003c\/li\u003e\n              \u003cli\u003eSelect the recommended ring size\u003c\/li\u003e\n              \u003cli\u003eIf between two sizes, choose the larger size\u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n\n          \u003cdiv class=\"wsg-illustration\" aria-label=\"Match measured circumference to ring size chart illustration\"\u003e\n            \u003csvg viewbox=\"0 0 560 320\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ctitle\u003eMatch finger circumference to ring size\u003c\/title\u003e\n\n              \u003cellipse cx=\"280\" cy=\"286\" rx=\"220\" ry=\"16\" fill=\"rgba(15,28,46,0.06)\"\u003e\u003c\/ellipse\u003e\n\n              \u003cg transform=\"translate(42 46)\"\u003e\n                \u003crect x=\"0\" y=\"0\" width=\"274\" height=\"198\" rx=\"14\" fill=\"#FFFDF8\" stroke=\"#0F1C2E\" stroke-width=\"3.4\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M0 45 H274\" class=\"svg-navy\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M88 0 V198\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M0 83 H274 M0 121 H274 M0 159 H274\" class=\"svg-navy-thin\"\u003e\u003c\/path\u003e\n\n                \u003ctext x=\"22\" y=\"30\" class=\"svg-small-label\"\u003eSIZE\u003c\/text\u003e\n                \u003ctext x=\"112\" y=\"30\" class=\"svg-small-label\"\u003eCIRCUMFERENCE\u003c\/text\u003e\n\n                \u003ctext x=\"24\" y=\"70\" class=\"svg-label\"\u003e#16\u003c\/text\u003e\n                \u003ctext x=\"112\" y=\"70\" class=\"svg-small-label\"\u003e53.5–55.9 mm\u003c\/text\u003e\n\n                \u003ctext x=\"24\" y=\"108\" class=\"svg-label\"\u003e#17\u003c\/text\u003e\n                \u003ctext x=\"112\" y=\"108\" class=\"svg-small-label\"\u003e56.0–58.4 mm\u003c\/text\u003e\n\n                \u003ctext x=\"24\" y=\"146\" class=\"svg-label\"\u003e#18\u003c\/text\u003e\n                \u003ctext x=\"112\" y=\"146\" class=\"svg-small-label\"\u003e58.5–61.0 mm\u003c\/text\u003e\n\n                \u003ctext x=\"24\" y=\"184\" class=\"svg-label\"\u003e#19\u003c\/text\u003e\n                \u003ctext x=\"112\" y=\"184\" class=\"svg-small-label\"\u003e61.1–63.7 mm\u003c\/text\u003e\n\n                \u003crect x=\"5\" y=\"88\" width=\"264\" height=\"30\" rx=\"8\" fill=\"rgba(233,199,119,0.35)\"\u003e\u003c\/rect\u003e\n                \u003cpath d=\"M231 99 L242 111 L260 91\" stroke=\"#C99A3B\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/g\u003e\n\n              \u003cpath d=\"M330 145 C360 124, 388 122, 416 140\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M416 140 l-16-3 M416 140 l-6-15\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n\n              \u003cg transform=\"translate(422 58)\"\u003e\n                \u003ccircle cx=\"55\" cy=\"68\" r=\"54\" fill=\"#FFFDF8\" stroke=\"#0F1C2E\" stroke-width=\"4\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"55\" cy=\"68\" r=\"36\" fill=\"#FAF7F2\" stroke=\"#C99A3B\" stroke-width=\"4\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M24 29 C39 11, 74 11, 88 29\" class=\"svg-gold\"\u003e\u003c\/path\u003e\n                \u003ctext x=\"11\" y=\"153\" class=\"svg-label\"\u003eRight size\u003c\/text\u003e\n              \u003c\/g\u003e\n\n              \u003cg transform=\"translate(365 225)\"\u003e\n                \u003crect x=\"0\" y=\"0\" width=\"150\" height=\"42\" rx=\"21\" fill=\"#0F1C2E\"\u003e\u003c\/rect\u003e\n                \u003ctext x=\"22\" y=\"27\" fill=\"#FAF7F2\" font-family=\"Arial, sans-serif\" font-size=\"16\" font-weight=\"700\"\u003eComfort fit\u003c\/text\u003e\n              \u003c\/g\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"wsg-card\"\u003e\n      \u003ch2 class=\"wsg-card-title\"\u003eSize Matching Chart\u003c\/h2\u003e\n      \u003cp class=\"wsg-card-desc\"\u003e\n        After measuring your finger circumference, use the chart below to choose your recommended iTasbih ring size.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"wsg-table-wrap\"\u003e\n        \u003ctable class=\"wsg-size-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eFinger Circumference\u003c\/th\u003e\n              \u003cth\u003eRecommended Size\u003c\/th\u003e\n              \u003cth\u003eRing Inner Diameter\u003c\/th\u003e\n              \u003cth\u003eRing Circumference\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e53.5 – 55.9 mm\u003c\/td\u003e\n              \u003ctd class=\"wsg-size\"\u003e#16\u003c\/td\u003e\n              \u003ctd\u003e17.40 mm\u003c\/td\u003e\n              \u003ctd\u003e54.63 mm\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e56.0 – 58.4 mm\u003c\/td\u003e\n              \u003ctd class=\"wsg-size\"\u003e#17\u003c\/td\u003e\n              \u003ctd\u003e18.20 mm\u003c\/td\u003e\n              \u003ctd\u003e57.15 mm\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e58.5 – 61.0 mm\u003c\/td\u003e\n              \u003ctd class=\"wsg-size\"\u003e#18\u003c\/td\u003e\n              \u003ctd\u003e19.00 mm\u003c\/td\u003e\n              \u003ctd\u003e59.66 mm\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e61.1 – 63.7 mm\u003c\/td\u003e\n              \u003ctd class=\"wsg-size\"\u003e#19\u003c\/td\u003e\n              \u003ctd\u003e19.90 mm\u003c\/td\u003e\n              \u003ctd\u003e62.49 mm\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e63.8 – 67.5 mm\u003c\/td\u003e\n              \u003ctd class=\"wsg-size\"\u003e#20\u003c\/td\u003e\n              \u003ctd\u003e20.70 mm\u003c\/td\u003e\n              \u003ctd\u003e65.00 mm\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003e67.6 – 71.5 mm\u003c\/td\u003e\n              \u003ctd class=\"wsg-size\"\u003e#22\u003c\/td\u003e\n              \u003ctd\u003e22.30 mm\u003c\/td\u003e\n              \u003ctd\u003e70.02 mm\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"wsg-note\"\u003e\n        Note: If your measurement falls between two sizes, choose the larger size for a more comfortable daily wearing experience.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"wsg-card\"\u003e\n      \u003ch2 class=\"wsg-card-title\"\u003eImportant Measuring Tips\u003c\/h2\u003e\n      \u003cp class=\"wsg-card-desc\"\u003e\n        These tips help reduce measurement errors and make the final ring size more comfortable for daily wear.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"wsg-tips-grid\"\u003e\n        \u003cdiv class=\"wsg-tip\"\u003e\n          \u003cstrong\u003eMeasure 2–3 times.\u003c\/strong\u003e\u003cbr\u003e\n          Repeat the same measuring process and use the average result for better accuracy.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wsg-tip\"\u003e\n          \u003cstrong\u003eMeasure at the end of the day.\u003c\/strong\u003e\u003cbr\u003e\n          Fingers are usually closer to their normal daily size after daily activity.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wsg-tip\"\u003e\n          \u003cstrong\u003eAvoid cold hands.\u003c\/strong\u003e\u003cbr\u003e\n          Do not measure when your hands are very cold, because fingers may temporarily become smaller.\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"wsg-tip\"\u003e\n          \u003cstrong\u003eCheck your knuckle.\u003c\/strong\u003e\u003cbr\u003e\n          If your knuckle is wider than the base of your finger, make sure the ring can pass over it comfortably.\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wsg-highlight\"\u003e\n        \u003cdiv class=\"wsg-highlight-icon\"\u003e\n          \u003csvg viewbox=\"0 0 48 48\" width=\"32\" height=\"32\" aria-hidden=\"true\"\u003e\n            \u003cpath d=\"M24 5C15.8 5 9 11.5 9 19.5c0 5.2 2.8 9.7 7 12.3V37c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-5.2c4.2-2.6 7-7.1 7-12.3C39 11.5 32.2 5 24 5Z\" fill=\"none\" stroke=\"#0F1C2E\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M18 44h12M18 36h12M24 13v9M19 18l5 5 5-5\" fill=\"none\" stroke=\"#0F1C2E\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3\u003eComfort Recommendation\u003c\/h3\u003e\n          \u003cp\u003e\n            iTasbih is designed for daily Dhikr and long-time wearing. The ring should feel secure on your finger but still be easy to remove. If you prefer a looser fit, choose one size larger.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/section\u003e","brand":"weslamic","offers":[{"title":"#16 rose gold","offer_id":49113649185011,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"#17 rose gold","offer_id":49113649217779,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"#18 rose gold","offer_id":49113649250547,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"#19 black","offer_id":49113649283315,"sku":null,"price":69.0,"currency_code":"USD","in_stock":false},{"title":"#20 black","offer_id":49113649316083,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true},{"title":"#22 black","offer_id":49113649348851,"sku":null,"price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/4452\/5555\/files\/1_a01448bc-26b5-4705-8d65-9f130d7f1484.png?v=1781612659","url":"https:\/\/shop.weslamic.com\/products\/weslamic-itasbih-smart-dhikr-3-0-weslamic-itasbih-peace-1","provider":"weslamic","version":"1.0","type":"link"}