PING Iron Colour Code Finder<\/title>\r\n<\/head>\r\n<body style=\"margin:0;padding:0;background:#f5f5f5;\">\r\n\r\n<div id=\"pingTool\" style=\"max-width:680px;margin:0 auto;padding:0 16px 50px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#333333;background:#ffffff;\">\r\n\r\n \r\n <div style=\"background:linear-gradient(135deg,#2d6600 0%,#398100 50%,#4a9e00 100%);margin:0 -16px 28px;padding:28px 28px 24px;position:relative;overflow:hidden;\">\r\n \r\n <div style=\"position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.06);\"><\/div>\r\n <div style=\"position:absolute;bottom:-30px;right:60px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.04);\"><\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px;\">\r\n \r\n <svg width=\"110\" height=\"28\" viewBox=\"0 0 88 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.25));\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.6666 8.63456C23.6666 11.3915 21.4313 13.6266 18.6744 13.6266L4.99543 13.6222L4.99363 19.4974C4.99363 20.8759 3.8749 21.9934 2.49622 21.9934C1.11753 21.9934 0 20.8759 0 19.4974V2.52739C0 1.1489 1.11753 0.0311688 2.49622 0.0311688L18.6744 0.0369633C21.4313 0.0369633 23.6666 2.27183 23.6666 5.029V8.63456ZM18.6732 8.61737L18.6744 5.0274L4.99543 5.0258V8.61737H18.6732Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.2774 22C29.6559 22 30.7734 20.8825 30.7734 19.5038V2.53058C30.7734 1.1519 29.6559 0.0343665 28.2774 0.0343665C26.8989 0.0343665 25.7814 1.1519 25.7814 2.53058V19.5038C25.7814 20.8825 26.8989 22 28.2774 22Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.8641 19.4974C37.8641 20.8759 36.7449 21.9934 35.3666 21.9934C33.988 21.9934 32.8704 20.8759 32.8704 19.4974L32.8738 3.46649C32.8738 1.5709 34.4102 0.0343658 36.3055 0.0343658C37.1839 0.0343658 38.0623 0.369446 38.7322 1.03961L52.8372 14.9395L52.8406 2.52739C52.8406 1.1489 53.9567 0.0311688 55.3352 0.0311688C56.7139 0.0311688 57.8316 1.1489 57.8316 2.52739L57.8342 18.5643C57.8342 20.4597 56.2979 21.9964 54.4023 21.9964C53.5239 21.9964 52.6457 21.6613 51.9754 20.9912L37.8633 6.87104L37.8641 19.4974Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.929 21.9992C62.1718 21.9992 59.9372 19.7639 59.9372 17.0068V5.029C59.9372 2.27183 62.1718 0.0369633 64.929 0.0369633L80.8362 0.0311688C82.2147 0.0311688 83.3322 1.1489 83.3322 2.52739C83.3322 3.90567 82.2147 5.0242 80.8362 5.0242L64.9266 5.027L64.928 17.0068L79.7033 17.0048V13.5097L70.817 13.5093C69.4385 13.5093 68.3208 12.391 68.3208 11.0125C68.3208 9.63361 69.4385 8.51607 70.817 8.51607L79.6977 8.53066C82.4549 8.53066 84.6899 10.7655 84.6899 13.5227V17.0068C84.6899 19.7639 82.4549 21.9992 79.6977 21.9992H64.929Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.4278 0C86.1174 0 86.6952 0.54428 86.6952 1.2578C86.6952 1.98431 86.1174 2.52859 85.4278 2.52859C84.7347 2.52859 84.1533 1.98431 84.1533 1.2578C84.1533 0.54428 84.7347 0 85.4278 0ZM85.4278 2.34276C86.0123 2.34276 86.4654 1.87601 86.4654 1.2578C86.4654 0.652577 86.0123 0.186022 85.4278 0.186022C84.836 0.186022 84.383 0.652577 84.383 1.2578C84.383 1.87601 84.836 2.34276 85.4278 2.34276ZM84.9341 0.5241H85.5052C85.857 0.5241 86.0227 0.662567 86.0227 0.946696C86.0227 1.21364 85.8538 1.32514 85.6338 1.34891L86.0564 2.00129H85.8099L85.4073 1.3659H85.1637V2.00129H84.9341V0.5241ZM85.1637 1.17987H85.4041C85.6067 1.17987 85.7927 1.16948 85.7927 0.936306C85.7927 0.740293 85.6239 0.710122 85.4684 0.710122H85.1637V1.17987Z\" fill=\"white\"\/>\r\n <\/svg>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:8px;flex-shrink:0;\">\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C0392B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Red<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#1A6DB5;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Blue<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D96B25;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Orange<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C8A84B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Gold<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D5D8DF;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">White<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#00A89D;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Aqua<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 style=\"color:#ffffff;font-size:28px;font-weight:bold;margin:0 0 5px 0;padding:0;letter-spacing:-0.5px;text-shadow:0 1px 3px rgba(0,0,0,0.2);\">Iron Colour Code Finder<\/h2>\r\n <p style=\"color:rgba(255,255,255,0.82);font-size:14px;margin:0;padding:0;\">Find your recommended lie angle and shaft length adjustment<\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#f0f7ff;border-left:5px solid #398100;padding:16px 18px;border-radius:5px;margin-bottom:24px;\">\r\n <p style=\"margin:0;font-size:14px;color:#333333;line-height:1.7;\"><strong style=\"color:#398100;\">How to measure wrist-to-floor:<\/strong> Stand on a flat surface with arms relaxed at your sides. Measure from the floor up to your wrist crease (the first crease at the base of your hand). Ask someone else to measure for the most accurate result.<\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;\">\r\n <span style=\"font-size:13px;font-weight:bold;color:#555555;text-transform:uppercase;letter-spacing:0.5px;\">Units:<\/span>\r\n <div style=\"display:flex;border:1px solid #dddddd;border-radius:5px;overflow:hidden;\">\r\n <button id=\"pingBtnInch\" onclick=\"pingSetUnit('imperial')\" style=\"background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;\">Inches<\/button>\r\n <button id=\"pingBtnCm\" onclick=\"pingSetUnit('metric')\" style=\"background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;\">Centimetres<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;\">\r\n <div>\r\n <label for=\"pingSelHeight\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">Your Height<\/label>\r\n <select id=\"pingSelHeight\" onchange=\"pingCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select your height...<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"pingSelWrist\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">Wrist-to-Floor<\/label>\r\n <select id=\"pingSelWrist\" onchange=\"pingCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select measurement...<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pingResultCard\" style=\"border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:28px;\">\r\n\r\n \r\n <div style=\"background:#f8f9fa;padding:20px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e0e0e0;min-height:90px;flex-wrap:wrap;\">\r\n <div id=\"pingDotWrap\" style=\"width:62px;height:62px;flex-shrink:0;position:relative;\">\r\n \r\n <svg id=\"pingDotPlaceholder\" viewBox=\"0 0 62 62\" width=\"62\" height=\"62\" style=\"display:block;position:absolute;top:0;left:0;\">\r\n <defs><clipPath id=\"ironCircleClip2\"><circle cx=\"31\" cy=\"31\" r=\"28\"\/><\/clipPath><\/defs>\r\n <g clip-path=\"url(#ironCircleClip2)\">\r\n <path d=\"M31,31 L31,3 A28,28 0 0,1 55.24,17 Z\" fill=\"#1A6DB5\"\/>\r\n <path d=\"M31,31 L55.24,17 A28,28 0 0,1 55.24,45 Z\" fill=\"#C0392B\"\/>\r\n <path d=\"M31,31 L55.24,45 A28,28 0 0,1 31,59 Z\" fill=\"#00A89D\"\/>\r\n <path d=\"M31,31 L31,59 A28,28 0 0,1 6.76,45 Z\" fill=\"#D5D8DF\"\/>\r\n <path d=\"M31,31 L6.76,45 A28,28 0 0,1 6.76,17 Z\" fill=\"#C8A84B\"\/>\r\n <path d=\"M31,31 L6.76,17 A28,28 0 0,1 31,3 Z\" fill=\"#D96B25\"\/>\r\n <\/g>\r\n <circle cx=\"31\" cy=\"31\" r=\"28\" fill=\"none\" stroke=\"rgba(0,0,0,0.15)\" stroke-width=\"2.5\"\/>\r\n <\/svg>\r\n \r\n <div id=\"pingResultDot\" style=\"display:none;width:62px;height:62px;border-radius:50%;border:3px solid rgba(0,0,0,0.12);box-sizing:border-box;position:absolute;top:0;left:0;\"><\/div>\r\n <\/div>\r\n\r\n <div style=\"flex:1;\">\r\n <p id=\"pingResultPlaceholder\" style=\"font-size:14px;color:#999999;font-style:italic;margin:0;padding:0;\">Select your height and wrist-to-floor measurement above to see your recommendation.<\/p>\r\n <h3 id=\"pingResultColour\" style=\"display:none;color:#333333;font-size:20px;margin:0 0 2px 0;padding:0;border:none;\"><\/h3>\r\n <p id=\"pingResultLie\" style=\"display:none;font-size:13px;color:#555555;margin:0 0 12px 0;padding:0;\"><\/p>\r\n <div id=\"pingShopWrap\" style=\"display:none;\">\r\n <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping\/irons\/\" target=\"_blank\" style=\"display:inline-block;background:#398100;color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;padding:8px 20px;border-radius:4px;letter-spacing:0.3px;font-family:Arial,sans-serif;\">Shop Now for PING Irons \u2192<\/a>\r\n <p style=\"margin:7px 0 0 0;font-size:12px;color:#555555;\">Use code <strong style=\"color:#398100;letter-spacing:0.5px;\">IRONS50<\/strong> and save <strong style=\"color:#398100;\">\u00a350<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pingResultStats\" style=\"display:none;grid-template-columns:1fr 1fr 1fr;background:#ffffff;\">\r\n <div style=\"padding:14px 12px;text-align:center;border-right:1px solid #e0e0e0;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Lie Angle<\/div>\r\n <div id=\"pingStatLie\" style=\"font-size:16px;font-weight:bold;color:#398100;\"><\/div>\r\n <\/div>\r\n <div style=\"padding:14px 12px;text-align:center;border-right:1px solid #e0e0e0;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Shaft Length<\/div>\r\n <div id=\"pingStatLength\" style=\"font-size:16px;font-weight:bold;color:#333333;\"><\/div>\r\n <\/div>\r\n <div style=\"padding:14px 12px;text-align:center;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Standard Length?<\/div>\r\n <div id=\"pingStatStd\" style=\"font-size:16px;font-weight:bold;color:#333333;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top:10px;\">\r\n <h3 style=\"color:#398100;font-size:16px;border-bottom:2px solid #398100;padding-bottom:8px;margin:0 0 12px 0;\">All PING Colour Codes<\/h3>\r\n <table id=\"pingColourTable\" style=\"width:100%;border-collapse:collapse;font-size:14px;\">\r\n <thead>\r\n <tr style=\"background:#398100;color:#ffffff;\">\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Colour Code<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Lie Angle<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Direction<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"pingColourTableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#fff8e1;border-left:5px solid #7fba23;padding:14px 18px;border-radius:5px;margin-top:24px;font-size:13px;color:#555555;line-height:1.7;\">\r\n <strong style=\"color:#333333;\">Please note:<\/strong> This tool provides static fitting recommendations based on the official PING Colour Code Chart. For a full dynamic fitting session, speak with one of our PGA professionals in store or call us free on <strong style=\"color:#333333;\">0800 3681097<\/strong>.\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n var COLOURS = [\r\n { id:'maroon', name:'Maroon', lie:'5\\u00b0 Upright', direction:'Upright', hex:'#7B2D45', border:'rgba(0,0,0,0.12)' },\r\n { id:'silver', name:'Silver', lie:'4\\u00b0 Upright', direction:'Upright', hex:'#A8B0BD', border:'rgba(0,0,0,0.12)' },\r\n { id:'white', name:'White', lie:'3\\u00b0 Upright', direction:'Upright', hex:'#D5D8DF', border:'#aaaaaa' },\r\n { id:'green', name:'Green', lie:'2\\u00b0 Upright', direction:'Upright', hex:'#2E7D45', border:'rgba(0,0,0,0.12)' },\r\n { id:'blue', name:'Blue', lie:'1\\u00b0 Upright', direction:'Upright', hex:'#1A6DB5', border:'rgba(0,0,0,0.12)' },\r\n { id:'black', name:'Black', lie:'Standard', direction:'Standard', hex:'#2a2a2a', border:'rgba(255,255,255,0.2)' },\r\n { id:'red', name:'Red', lie:'1\\u00b0 Flat', direction:'Flat', hex:'#C0392B', border:'rgba(0,0,0,0.12)' },\r\n { id:'orange', name:'Orange', lie:'2\\u00b0 Flat', direction:'Flat', hex:'#D96B25', border:'rgba(0,0,0,0.12)' },\r\n { id:'brown', name:'Brown', lie:'3\\u00b0 Flat', direction:'Flat', hex:'#7B4B2A', border:'rgba(0,0,0,0.12)' },\r\n { id:'gold', name:'Gold', lie:'4\\u00b0 Flat', direction:'Flat', hex:'#C8A84B', border:'rgba(0,0,0,0.12)' }\r\n ];\r\n\r\n var CHART = {\r\n 29:[6,6,6,7,7,7,8,8,8,9,9,9,9,9,9,9,9,9,9,9],\r\n 30:[5,5,5,6,6,6,7,7,7,8,8,8,9,9,9,9,9,9,9,9],\r\n 31:[5,5,5,5,5,5,6,6,6,7,7,7,8,8,8,9,9,9,9,9],\r\n 32:[5,5,5,5,5,5,5,5,5,6,6,6,7,7,7,8,8,8,9,9],\r\n 33:[4,4,4,5,5,5,5,5,5,5,5,5,6,6,6,7,7,7,8,8],\r\n 34:[3,3,3,4,4,4,5,5,5,5,5,5,5,5,5,6,6,6,7,7],\r\n 35:[2,2,2,3,3,3,4,4,4,5,5,5,5,5,5,5,5,5,6,6],\r\n 36:[1,1,1,2,2,2,3,3,3,4,4,4,5,5,5,5,5,5,5,5],\r\n 37:[0,0,0,1,1,1,2,2,2,3,3,3,4,4,4,5,5,5,5,5],\r\n 38:[0,0,0,0,0,0,1,1,1,2,2,2,3,3,3,4,4,4,5,5],\r\n 39:[0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,3,3,3,4,4],\r\n 40:[0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,3,3]\r\n };\r\n\r\n var LENGTH_ADJ = {\r\n 60:'-1\\u00bd\"',61:'-1\\u00bd\"',62:'-1\\u00bd\"',\r\n 63:'-1\"',64:'-1\"',\r\n 65:'-\\u00bd\"',66:'-\\u00bd\"',67:'-\\u00bd\"',68:'-\\u00bd\"',\r\n 69:'Standard',70:'Standard',71:'Standard',72:'Standard',\r\n 73:'+\\u00bd\"',74:'+\\u00bd\"',\r\n 75:'+1\"',76:'+1\"',\r\n 77:'+1\\u00bd\"',78:'+1\\u00bd\"',79:'+1\\u00bd\"'\r\n };\r\n\r\n var HEIGHTS_IMP = [];\r\n for (var i = 60; i <= 79; i++) {\r\n HEIGHTS_IMP.push({ label: Math.floor(i\/12)+\"'\"+( i%12 )+'\"', val: i });\r\n }\r\n var WRISTS_IMP = [];\r\n for (var j = 29; j <= 40; j++) {\r\n WRISTS_IMP.push({ label: j+'\"', val: j });\r\n }\r\n\r\n var HEIGHTS_MET = [\r\n {label:'151 cm',val:60},{label:'152 cm',val:60},{label:'153 cm',val:60},\r\n {label:'154 cm',val:61},{label:'155 cm',val:61},{label:'156 cm',val:61},\r\n {label:'157 cm',val:62},{label:'158 cm',val:62},{label:'159 cm',val:63},\r\n {label:'160 cm',val:63},{label:'161 cm',val:63},{label:'162 cm',val:64},\r\n {label:'163 cm',val:64},{label:'164 cm',val:65},{label:'165 cm',val:65},\r\n {label:'166 cm',val:65},{label:'167 cm',val:66},{label:'168 cm',val:66},\r\n {label:'169 cm',val:67},{label:'170 cm',val:67},{label:'171 cm',val:67},\r\n {label:'172 cm',val:68},{label:'173 cm',val:68},{label:'174 cm',val:69},\r\n {label:'175 cm',val:69},{label:'176 cm',val:69},{label:'177 cm',val:70},\r\n {label:'178 cm',val:70},{label:'179 cm',val:71},{label:'180 cm',val:71},\r\n {label:'181 cm',val:71},{label:'182 cm',val:72},{label:'183 cm',val:72},\r\n {label:'184 cm',val:72},{label:'185 cm',val:73},{label:'186 cm',val:73},\r\n {label:'187 cm',val:74},{label:'188 cm',val:74},{label:'189 cm',val:75},\r\n {label:'190 cm',val:75},{label:'191 cm',val:75},{label:'192 cm',val:76},\r\n {label:'193 cm',val:76},{label:'194 cm',val:76},{label:'195 cm',val:77},\r\n {label:'196 cm',val:77},{label:'197 cm',val:78},{label:'198 cm',val:78},\r\n {label:'199 cm',val:78},{label:'200 cm',val:79},{label:'201 cm',val:79}\r\n ];\r\n\r\n var WRISTS_MET = [\r\n {label:'74 cm',val:29},{label:'75 cm',val:30},{label:'76 cm',val:30},\r\n {label:'77 cm',val:30},{label:'78 cm',val:31},{label:'79 cm',val:31},\r\n {label:'80 cm',val:32},{label:'81 cm',val:32},{label:'82 cm',val:32},\r\n {label:'83 cm',val:33},{label:'84 cm',val:33},{label:'85 cm',val:33},\r\n {label:'86 cm',val:34},{label:'87 cm',val:34},{label:'88 cm',val:35},\r\n {label:'89 cm',val:35},{label:'90 cm',val:35},{label:'91 cm',val:36},\r\n {label:'92 cm',val:36},{label:'93 cm',val:37},{label:'94 cm',val:37},\r\n {label:'95 cm',val:37},{label:'96 cm',val:38},{label:'97 cm',val:38},\r\n {label:'98 cm',val:39},{label:'99 cm',val:39},{label:'100 cm',val:39},\r\n {label:'101 cm',val:40}\r\n ];\r\n\r\n var currentUnit = 'imperial';\r\n\r\n \/\/ Build colour table\r\n var tbody = document.getElementById('pingColourTableBody');\r\n for (var k = 0; k < COLOURS.length; k++) {\r\n var c = COLOURS[k];\r\n var rowBg = (k % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n var tr = document.createElement('tr');\r\n tr.id = 'pingRow-' + c.id;\r\n tr.style.cssText = 'background:'+rowBg+';border:1px solid #dddddd;';\r\n tr.innerHTML =\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;vertical-align:middle;\">' +\r\n '<span style=\"display:inline-flex;align-items:center;gap:10px;\">' +\r\n '<span style=\"display:inline-block;width:20px;height:20px;border-radius:50%;background:'+c.hex+';border:2px solid '+c.border+';flex-shrink:0;vertical-align:middle;\"><\/span>' +\r\n '<strong>'+c.name+'<\/strong>' +\r\n '<\/span>' +\r\n '<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.lie+'<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.direction+'<\/td>';\r\n tbody.appendChild(tr);\r\n }\r\n\r\n function populateSelects() {\r\n var heights = currentUnit === 'imperial' ? HEIGHTS_IMP : HEIGHTS_MET;\r\n var wrists = currentUnit === 'imperial' ? WRISTS_IMP : WRISTS_MET;\r\n var hSel = document.getElementById('pingSelHeight');\r\n var wSel = document.getElementById('pingSelWrist');\r\n hSel.innerHTML = '<option value=\"\">Select your height...<\/option>';\r\n wSel.innerHTML = '<option value=\"\">Select measurement...<\/option>';\r\n for (var a = 0; a < heights.length; a++) {\r\n hSel.innerHTML += '<option value=\"'+heights[a].val+'\">'+heights[a].label+'<\/option>';\r\n }\r\n for (var b = 0; b < wrists.length; b++) {\r\n wSel.innerHTML += '<option value=\"'+wrists[b].val+'\">'+wrists[b].label+'<\/option>';\r\n }\r\n }\r\n\r\n window.pingSetUnit = function(unit) {\r\n currentUnit = unit;\r\n var btnInch = document.getElementById('pingBtnInch');\r\n var btnCm = document.getElementById('pingBtnCm');\r\n if (unit === 'imperial') {\r\n btnInch.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n btnCm.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n } else {\r\n btnCm.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n btnInch.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n }\r\n populateSelects();\r\n pingClearResult();\r\n };\r\n\r\n window.pingCalculate = function() {\r\n var hVal = parseInt(document.getElementById('pingSelHeight').value);\r\n var wVal = parseInt(document.getElementById('pingSelWrist').value);\r\n if (isNaN(hVal) || isNaN(wVal)) { pingClearResult(); return; }\r\n var wristRow = CHART[wVal];\r\n if (!wristRow) { pingClearResult(); return; }\r\n var hIndex = hVal - 60;\r\n if (hIndex < 0 || hIndex >= wristRow.length) { pingClearResult(); return; }\r\n\r\n var colour = COLOURS[wristRow[hIndex]];\r\n var lengthAdj = LENGTH_ADJ[hVal] || 'Standard';\r\n var isStd = lengthAdj === 'Standard';\r\n\r\n document.getElementById('pingResultCard').style.border = '2px solid #398100';\r\n\r\n \/\/ Hide wheel, show solid dot\r\n document.getElementById('pingDotPlaceholder').style.display = 'none';\r\n var dot = document.getElementById('pingResultDot');\r\n dot.style.display = 'block';\r\n dot.style.background = colour.hex;\r\n dot.style.borderColor = colour.border;\r\n dot.style.boxShadow = '0 2px 10px rgba(0,0,0,0.25)';\r\n\r\n document.getElementById('pingResultPlaceholder').style.display = 'none';\r\n var colEl = document.getElementById('pingResultColour');\r\n colEl.style.display = 'block';\r\n colEl.textContent = colour.name + ' Dot';\r\n var lieEl = document.getElementById('pingResultLie');\r\n lieEl.style.display = 'block';\r\n lieEl.innerHTML = 'Lie angle: <strong style=\"color:#398100;\">'+colour.lie+'<\/strong>';\r\n document.getElementById('pingShopWrap').style.display = 'block';\r\n\r\n var statsEl = document.getElementById('pingResultStats');\r\n statsEl.style.display = 'grid';\r\n statsEl.style.gridTemplateColumns = '1fr 1fr 1fr';\r\n document.getElementById('pingStatLie').textContent = colour.lie;\r\n var lenEl = document.getElementById('pingStatLength');\r\n lenEl.textContent = lengthAdj;\r\n lenEl.style.color = isStd ? '#333333' : '#398100';\r\n var stdEl = document.getElementById('pingStatStd');\r\n stdEl.textContent = isStd ? 'Yes' : 'No';\r\n stdEl.style.color = isStd ? '#398100' : '#333333';\r\n\r\n for (var m = 0; m < COLOURS.length; m++) {\r\n var row = document.getElementById('pingRow-' + COLOURS[m].id);\r\n if (row) {\r\n var rowBg = (m % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n if (COLOURS[m].id === colour.id) {\r\n row.style.cssText = 'background:#e8f5e9;border:1px solid #dddddd;outline:2px solid #398100;';\r\n } else {\r\n row.style.cssText = 'background:'+rowBg+';border:1px solid #dddddd;opacity:0.35;';\r\n }\r\n }\r\n }\r\n };\r\n\r\n function pingClearResult() {\r\n document.getElementById('pingResultCard').style.border = '2px solid #e0e0e0';\r\n document.getElementById('pingDotPlaceholder').style.display = 'block';\r\n document.getElementById('pingResultDot').style.display = 'none';\r\n document.getElementById('pingResultPlaceholder').style.display = 'block';\r\n document.getElementById('pingResultColour').style.display = 'none';\r\n document.getElementById('pingResultLie').style.display = 'none';\r\n document.getElementById('pingResultStats').style.display = 'none';\r\n document.getElementById('pingShopWrap').style.display = 'none';\r\n for (var m = 0; m < COLOURS.length; m++) {\r\n var row = document.getElementById('pingRow-' + COLOURS[m].id);\r\n if (row) {\r\n var rowBg = (m % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n row.style.cssText = 'background:'+rowBg+';border:1px solid #dddddd;opacity:1;';\r\n }\r\n }\r\n }\r\n\r\n window.pingClearResult = pingClearResult;\r\n populateSelects();\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\n\r\n\r\n<style>\r\n\/* ===== PURE CSS DISMISS - no JS needed ===== *\/\r\n#gso-dismiss-check {\r\n display: none;\r\n}\r\n\/* When checkbox is checked, hide the whole widget and drawer *\/\r\n#gso-dismiss-check:checked ~ #gso-widget-container {\r\n right: -300px !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n transition: right 0.4s ease, opacity 0.4s ease;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-drawer {\r\n right: -480px !important;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-overlay {\r\n display: none !important;\r\n}\r\n\r\n\/* Widget container - holds tab and dismiss button together *\/\r\n#gso-widget-container {\r\n position: fixed;\r\n right: 0;\r\n top: 40%;\r\n transform: translateY(-50%);\r\n z-index: 2147483640;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\r\n}\r\n#gso-comp-drawer.gso-force-hide {\r\n right: -480px !important;\r\n transition: none !important;\r\n}\r\n#gso-comp-overlay.gso-force-hide {\r\n display: none !important;\r\n}\r\n\r\n#gso-comp-tab {\r\n position: relative;\r\n right: auto;\r\n top: auto;\r\n transform: none;\r\n z-index: auto;\r\n cursor: pointer;\r\n background: #398100;\r\n color: #fff;\r\n writing-mode: horizontal-tb;\r\n padding: 16px 14px;\r\n border-radius: 8px 0 0 8px;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n letter-spacing: 0.3px;\r\n line-height: 1.5;\r\n text-align: center;\r\n box-shadow: -3px 0 12px rgba(0,0,0,0.2);\r\n transition: background 0.2s;\r\n user-select: none;\r\n border: none;\r\n width: 114px;\r\n}\r\n#gso-comp-tab:hover {\r\n background: #2d6800;\r\n}\r\n@keyframes gsoValuePulse {\r\n 0% { color: #ffffff; }\r\n 50% { color: #ffe600; }\r\n 100% { color: #ffffff; }\r\n}\r\n#gso-comp-tab .gso-tab-value {\r\n display: block;\r\n font-size: 19px;\r\n font-weight: 900;\r\n margin-top: 6px;\r\n animation: gsoValuePulse 2s ease-in-out infinite;\r\n}\r\n.gso-tab-cta {\r\n display: block;\r\n color: rgba(255,255,255,0.8);\r\n font-size: 10px;\r\n font-weight: 600;\r\n margin-top: 5px;\r\n line-height: 1.4;\r\n letter-spacing: 0.2px;\r\n}\r\n.gso-tab-img-wrap {\r\n display: block;\r\n margin: 0 0 10px;\r\n}\r\n.gso-tab-trolley-img {\r\n width: 78px;\r\n height: 78px;\r\n object-fit: contain;\r\n border-radius: 4px;\r\n background: rgba(255,255,255,0.15);\r\n padding: 3px;\r\n}\r\n\r\n#gso-comp-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0,0,0,0.45);\r\n z-index: 2147483641;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n#gso-comp-overlay.gso-active { display: block; }\r\n#gso-comp-overlay.gso-visible { opacity: 1; }\r\n\r\n#gso-comp-drawer {\r\n position: fixed;\r\n top: 69px;\r\n right: -480px;\r\n width: 325px;\r\n max-width: 95vw;\r\n height: calc(100% - 69px);\r\n background: #fff;\r\n z-index: 2147483642;\r\n box-shadow: -6px 0 32px rgba(0,0,0,0.18);\r\n transition: right 0.38s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n#gso-comp-drawer.gso-open { right: 0; }\r\n#gso-comp-drawer *, #gso-comp-drawer *::before, #gso-comp-drawer *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.gso-drawer-header {\r\n background: linear-gradient(135deg, #398100 0%, #2d6800 60%, #1e4700 100%);\r\n padding: 12px 24px 12px;\r\n color: #fff;\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n.gso-drawer-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #7fba23;\r\n}\r\n.gso-close-btn {\r\n position: absolute;\r\n top: 14px;\r\n right: 16px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n color: #fff;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 20px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-close-btn:hover { background: rgba(255,255,255,0.28); }\r\n\r\n.gso-win-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #7fba23;\r\n margin: 0 0 4px 0;\r\n}\r\n.gso-drawer-header h2 {\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 900 !important;\r\n margin: 0 0 3px 0 !important;\r\n line-height: 1.2 !important;\r\n color: #fff !important;\r\n padding-right: 36px;\r\n border: none !important;\r\n white-space: nowrap;\r\n}\r\n.gso-prize-value {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.8);\r\n margin: 2px 0 0 0;\r\n}\r\n.gso-prize-value strong {\r\n color: #7fba23;\r\n font-size: 14px;\r\n}\r\n\r\n.gso-drawer-body {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 0;\r\n}\r\n.gso-drawer-body::-webkit-scrollbar { width: 4px; }\r\n.gso-drawer-body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n.gso-features-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.gso-product-img-wrap {\r\n background: #f8f9fa;\r\n text-align: center;\r\n padding: 12px 10px;\r\n flex-shrink: 0;\r\n width: 140px;\r\n}\r\n.gso-product-img-wrap img {\r\n max-height: 120px;\r\n max-width: 120px;\r\n object-fit: contain;\r\n}\r\n\r\n.gso-features {\r\n flex: 1;\r\n padding: 16px 16px 16px 20px;\r\n}\r\n.gso-features-title {\r\n font-size: 15px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #398100 !important;\r\n margin: 0 0 14px 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n.gso-feature-list li {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list li::before {\r\n content: '\u2713';\r\n color: #fff;\r\n background: #7fba23;\r\n font-weight: 900;\r\n font-size: 13px;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 1;\r\n}\r\n\r\n.gso-closing-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff8e1;\r\n border-left: 3px solid #f9a825;\r\n border-radius: 0 5px 5px 0;\r\n padding: 10px 14px;\r\n margin: 10px 24px 14px;\r\n font-size: 13px;\r\n color: #555;\r\n}\r\n.gso-closing-badge strong { color: #333; }\r\n\r\n.gso-divider {\r\n height: 1px;\r\n background: #e0e0e0;\r\n margin: 4px 24px 16px;\r\n}\r\n\r\n.gso-entry-section { padding: 0 24px 8px; }\r\n.gso-entry-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #333;\r\n margin: 0 0 8px 0;\r\n display: block;\r\n}\r\n.gso-email-row {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n.gso-email-input {\r\n flex: 1;\r\n padding: 11px 14px;\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: inherit;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n color: #333;\r\n background: #fff;\r\n}\r\n.gso-email-input:focus { border-color: #398100 !important; }\r\n.gso-submit-btn {\r\n padding: 11px 18px;\r\n background: #7fba23;\r\n color: #fff;\r\n border: none;\r\n border-radius: 6px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background 0.2s, transform 0.1s;\r\n}\r\n.gso-submit-btn:hover:not(:disabled) {\r\n background: #6aab18;\r\n transform: translateY(-1px);\r\n}\r\n.gso-submit-btn:disabled { background: #aaa; cursor: not-allowed; }\r\n\r\n.gso-status {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n padding: 8px 12px;\r\n border-radius: 5px;\r\n display: none;\r\n}\r\n.gso-status.gso-success {\r\n background: #e8f5e9;\r\n color: #2e7d32;\r\n border-left: 3px solid #398100;\r\n display: block;\r\n}\r\n.gso-status.gso-error {\r\n background: #ffebee;\r\n color: #c62828;\r\n border-left: 3px solid #dc4332;\r\n display: block;\r\n}\r\n\r\n.gso-tc-wrap {\r\n padding: 12px 24px 24px;\r\n font-size: 12px;\r\n color: #777;\r\n line-height: 1.5;\r\n}\r\n.gso-tc-trigger {\r\n color: #398100;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-weight: 600;\r\n}\r\n\r\n.gso-tc-popover {\r\n display: none;\r\n position: fixed;\r\n bottom: 80px;\r\n right: 16px;\r\n width: 420px;\r\n max-width: 90vw;\r\n max-height: 50vh;\r\n overflow-y: auto;\r\n background: #fff;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n z-index: 2147483643;\r\n padding: 18px 20px;\r\n font-size: 12.5px;\r\n color: #444;\r\n line-height: 1.6;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n}\r\n.gso-tc-popover.gso-show {\r\n display: block;\r\n animation: gsoFadeUp 0.2s ease;\r\n}\r\n@keyframes gsoFadeUp {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.gso-tc-popover h4 {\r\n margin: 0 0 10px 0 !important;\r\n color: #398100 !important;\r\n font-size: 14px !important;\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n border: none !important;\r\n}\r\n.gso-tc-popover h5 {\r\n margin: 12px 0 4px 0 !important;\r\n font-size: 11px !important;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: #555 !important;\r\n}\r\n.gso-tc-popover p { margin: 0 0 8px 0 !important; font-size: 12px !important; }\r\n.gso-tc-close-pop {\r\n position: absolute;\r\n top: 10px;\r\n right: 12px;\r\n background: none;\r\n border: none;\r\n font-size: 18px;\r\n cursor: pointer;\r\n color: #888;\r\n line-height: 1;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-tc-close-pop:hover { color: #333; }\r\n.gso-tc-popover::-webkit-scrollbar { width: 4px; }\r\n.gso-tc-popover::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n@media (max-width: 520px) {\r\n #gso-comp-drawer { width: 100vw; top: 60px; height: calc(100% - 60px); }\r\n .gso-email-row { flex-direction: column; }\r\n .gso-tc-popover { right: 4px; left: 4px; width: auto; }\r\n}\r\n\r\n\/* Dismiss button - sits below the tab inside the container *\/\r\n#gso-dismiss-btn {\r\n position: relative;\r\n background: rgba(30,30,30,0.85);\r\n color: #fff;\r\n border: none;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n font-size: 30px;\r\n line-height: 60px;\r\n text-align: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.35);\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n display: block;\r\n margin-top: 10px;\r\n user-select: none;\r\n}\r\n#gso-dismiss-btn:hover {\r\n background: rgba(220,67,50,0.92);\r\n}\r\n<\/style>\r\n\r\n\r\n<input type=\"checkbox\" id=\"gso-dismiss-check\">\r\n\r\n\r\n<div id=\"gso-widget-container\">\r\n\r\n <button id=\"gso-comp-tab\" onclick=\"gsoOpenDrawer()\" aria-label=\"Open competition entry\">\r\n <span class=\"gso-tab-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\" alt=\"\" class=\"gso-tab-trolley-img\">\r\n <\/span>\r\n WIN A<br>MOTOCADDY<br>REMOTE<br>TROLLEY<br>\r\n <span class=\"gso-tab-value\">\u00a31,049<\/span>\r\n <span class=\"gso-tab-cta\">Click Here<br>To Enter<\/span>\r\n <\/button>\r\n\r\n <label id=\"gso-dismiss-btn\" for=\"gso-dismiss-check\" aria-label=\"Close competition\">✕<\/label>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div id=\"gso-comp-overlay\" onclick=\"gsoCloseDrawer()\"><\/div>\r\n\r\n\r\n<div id=\"gso-comp-drawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Win a Motocaddy Trolley Competition\">\r\n\r\n \r\n <div class=\"gso-drawer-header\">\r\n <button class=\"gso-close-btn\" onclick=\"gsoCloseDrawer()\" aria-label=\"Close\">×<\/button>\r\n <p class=\"gso-win-label\">Competition<\/p>\r\n <h2>Win a Motocaddy Remote Controlled Trolley<\/h2>\r\n <p class=\"gso-prize-value\">Worth <strong>\u00a31,049<\/strong><\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-drawer-body\">\r\n\r\n \r\n <div class=\"gso-features-row\">\r\n <div class=\"gso-features\">\r\n <p class=\"gso-features-title\">Why you'll love it<\/p>\r\n <ul class=\"gso-feature-list\">\r\n <li>Remote Control up to 100m<\/li>\r\n <li>Ultra Lithium Battery<\/li>\r\n <li>Dual 230w DHC Motors<\/li>\r\n <li>Worth \u00a31,049<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"gso-product-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\"\r\n alt=\"Motocaddy 2026 ME Remote Lithium Electric Golf Trolley\"\r\n onerror=\"this.style.display='none'\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gso-divider\"><\/div>\r\n\r\n \r\n <div class=\"gso-entry-section\">\r\n <span class=\"gso-entry-label\">Enter your email to be in with a chance to win:<\/span>\r\n <div class=\"gso-email-row\">\r\n <input type=\"email\" id=\"gso-email\" class=\"gso-email-input\" placeholder=\"your@email.com\" autocomplete=\"email\">\r\n <button class=\"gso-submit-btn\" id=\"gso-submit-btn\" onclick=\"gsoEnterComp()\">Enter Now<\/button>\r\n <\/div>\r\n <div id=\"gso-status\" class=\"gso-status\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-closing-badge\">\r\n ⏰ <span>Competition closes <strong>23:59 on 31st May 2026<\/strong><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-tc-wrap\">\r\n By entering you agree to join The Golf Shop Online mailing list and accept our\r\n <span class=\"gso-tc-trigger\" onclick=\"gsoToggleTC()\" id=\"gso-tc-trigger\">Terms & Conditions<\/span>.\r\n UK residents only. One entry per person.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"gso-tc-popover\" id=\"gso-tc-popover\">\r\n <button class=\"gso-tc-close-pop\" onclick=\"gsoToggleTC()\" aria-label=\"Close terms\">×<\/button>\r\n <h4>Competition Terms & Conditions<\/h4>\r\n\r\n <h5>How to Enter<\/h5>\r\n <p>Submit your email address to subscribe to The Golf Shop Online mailing list. One entry per person. Open to individual UK residents only. Entries from golf clubs, societies, or organisations will not be accepted.<\/p>\r\n\r\n <h5>Draw Details<\/h5>\r\n <p>The competition closes at 23:59 on 31st May 2026. Entries after this date will not be counted. The winner will be selected at random and notified by email. If the winner cannot be contacted or does not claim the prize within 14 days, we reserve the right to select an alternative winner.<\/p>\r\n\r\n <h5>The Prize<\/h5>\r\n <p>One Motocaddy ME Remote Lithium Electric Golf Trolley (RRP \u00a31,049.99). Non-transferable, no cash value, cannot be exchanged for any other product or credit.<\/p>\r\n\r\n <h5>Subscription<\/h5>\r\n <p>You must remain subscribed to The Golf Shop Online mailing list until the closing date. If you unsubscribe before the draw, your entry will be void.<\/p>\r\n\r\n <h5>Winner Obligations<\/h5>\r\n <p>As a condition of receiving the prize, the winner must provide a photograph of themselves on a golf course. The Golf Shop Online reserves the right to use this photograph on social media and in promotional materials.<\/p>\r\n\r\n <h5>Promoter<\/h5>\r\n <p>The Golf Shop Online, GSO Warehouse, Cofton Road, Marsh Barton, Exeter, Devon, EX2 8QW.<\/p>\r\n\r\n <h5>Important Notice<\/h5>\r\n <p>We will only ever contact competition entrants from an email address ending in @thegolfshoponline.co.uk. We have no affiliate or partner accounts running giveaways on our behalf — please be vigilant of fake or copycat accounts on social media.<\/p>\r\n\r\n <p><em>By entering this competition, you agree to be bound by these terms and conditions.<\/em><\/p>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n \/\/ Load Google Fonts\r\n if (!document.getElementById('gso-fonts')) {\r\n var link = document.createElement('link');\r\n link.id = 'gso-fonts';\r\n link.rel = 'stylesheet';\r\n link.href = 'https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500;600;700;900&display=swap';\r\n document.head.appendChild(link);\r\n }\r\n\r\n \/\/ ---- Hide widget - CSS checkbox does this, JS is just a fallback ----\r\n window.gsoHideWidget = function() {\r\n var cb = document.getElementById('gso-dismiss-check');\r\n if (cb) cb.checked = true;\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n if (drawer) drawer.classList.remove('gso-open');\r\n if (overlay) {\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n }\r\n document.body.style.overflow = '';\r\n };\r\n\r\n \/\/ ---- Open drawer ----\r\n window.gsoOpenDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n overlay.classList.add('gso-active');\r\n setTimeout(function() { overlay.classList.add('gso-visible'); }, 10);\r\n drawer.classList.add('gso-open');\r\n document.body.style.overflow = 'hidden';\r\n };\r\n\r\n \/\/ ---- Close drawer ----\r\n window.gsoCloseDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n drawer.classList.remove('gso-open');\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n document.body.style.overflow = '';\r\n document.getElementById('gso-tc-popover').classList.remove('gso-show');\r\n };\r\n\r\n \/\/ ---- T&C toggle ----\r\n window.gsoToggleTC = function() {\r\n document.getElementById('gso-tc-popover').classList.toggle('gso-show');\r\n };\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') window.gsoCloseDrawer();\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n var pop = document.getElementById('gso-tc-popover');\r\n var trigger = document.getElementById('gso-tc-trigger');\r\n if (pop && pop.classList.contains('gso-show') && !pop.contains(e.target) && e.target !== trigger) {\r\n pop.classList.remove('gso-show');\r\n }\r\n });\r\n\r\n \/\/ ---- Enter competition ----\r\n window.gsoEnterComp = function() {\r\n var email = document.getElementById('gso-email').value.trim();\r\n var statusEl = document.getElementById('gso-status');\r\n var submitBtn = document.getElementById('gso-submit-btn');\r\n\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.textContent = 'Please enter a valid email address.';\r\n return;\r\n }\r\n\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = 'Entering\\u2026';\r\n statusEl.className = 'gso-status';\r\n statusEl.style.display = '';\r\n\r\n var formData = new FormData();\r\n formData.append('email', email);\r\n formData.append('source', 'competition_blog');\r\n\r\n fetch('https:\/\/www.thegolfshoponline.co.uk\/index.cfm?fuseaction=main.actAjaxNewsletterSignup', {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(function(r) { return r.text(); })\r\n .then(function() {\r\n statusEl.className = 'gso-status gso-success';\r\n statusEl.style.display = 'block';\r\n statusEl.innerHTML = '<strong style=\"font-size:16px;display:block;margin-bottom:4px;\">\\uD83C\\uDF89 Good Luck! You have been entered.<\/strong>We\\'ll contact you by email if you win.';\r\n submitBtn.style.display = 'none';\r\n document.getElementById('gso-email').disabled = true;\r\n })\r\n .catch(function() {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.style.display = 'block';\r\n statusEl.textContent = 'Unable to submit \\u2014 please check your connection and try again.';\r\n submitBtn.disabled = false;\r\n submitBtn.textContent = 'Enter Now';\r\n });\r\n };\r\n\r\n})();\r\n<\/script>\n<p><iframe loading=\"lazy\" title=\"The Ping Colour CODE Chart and Dot System!!! This is how it works.\" width=\"620\" height=\"349\" src=\"https:\/\/www.youtube.com\/embed\/oINBW5ZYYKg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p> <\/p>\n<div id=\"gso-widget-69ef8bd15bf98\" class=\"gso-widget-outer\">Loading widget...<\/div><script>loadGSOwidget(358, 'gso-widget-69ef8bd15bf98');<\/script>\n<h2><strong>Ping Colour Chart – can you understand it?<\/strong><\/h2>\n<p><a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping\/?&utm_source=blog&utm_medium=tour-alpha\" target=\"_blank\" rel=\"noopener noreferrer\">Are you looking for a new set of Ping golf clubs<\/a>? Understanding the Ping colour chart and colour code system used by Ping will enable you to select a set that best suits your game. Ping’s unique colour code refers to the lie angle, which is the angle between the club’s shaft and the sole of the club in relation to its length.<\/p>\n\r\n\r\n<style>\r\n\/* ===== PURE CSS DISMISS - no JS needed ===== *\/\r\n#gso-dismiss-check {\r\n display: none;\r\n}\r\n\/* When checkbox is checked, hide the whole widget and drawer *\/\r\n#gso-dismiss-check:checked ~ #gso-widget-container {\r\n right: -300px !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n transition: right 0.4s ease, opacity 0.4s ease;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-drawer {\r\n right: -480px !important;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-overlay {\r\n display: none !important;\r\n}\r\n\r\n\/* Widget container - holds tab and dismiss button together *\/\r\n#gso-widget-container {\r\n position: fixed;\r\n right: 0;\r\n top: 40%;\r\n transform: translateY(-50%);\r\n z-index: 2147483640;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\r\n}\r\n#gso-comp-drawer.gso-force-hide {\r\n right: -480px !important;\r\n transition: none !important;\r\n}\r\n#gso-comp-overlay.gso-force-hide {\r\n display: none !important;\r\n}\r\n\r\n#gso-comp-tab {\r\n position: relative;\r\n right: auto;\r\n top: auto;\r\n transform: none;\r\n z-index: auto;\r\n cursor: pointer;\r\n background: #398100;\r\n color: #fff;\r\n writing-mode: horizontal-tb;\r\n padding: 16px 14px;\r\n border-radius: 8px 0 0 8px;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n letter-spacing: 0.3px;\r\n line-height: 1.5;\r\n text-align: center;\r\n box-shadow: -3px 0 12px rgba(0,0,0,0.2);\r\n transition: background 0.2s;\r\n user-select: none;\r\n border: none;\r\n width: 114px;\r\n}\r\n#gso-comp-tab:hover {\r\n background: #2d6800;\r\n}\r\n@keyframes gsoValuePulse {\r\n 0% { color: #ffffff; }\r\n 50% { color: #ffe600; }\r\n 100% { color: #ffffff; }\r\n}\r\n#gso-comp-tab .gso-tab-value {\r\n display: block;\r\n font-size: 19px;\r\n font-weight: 900;\r\n margin-top: 6px;\r\n animation: gsoValuePulse 2s ease-in-out infinite;\r\n}\r\n.gso-tab-cta {\r\n display: block;\r\n color: rgba(255,255,255,0.8);\r\n font-size: 10px;\r\n font-weight: 600;\r\n margin-top: 5px;\r\n line-height: 1.4;\r\n letter-spacing: 0.2px;\r\n}\r\n.gso-tab-img-wrap {\r\n display: block;\r\n margin: 0 0 10px;\r\n}\r\n.gso-tab-trolley-img {\r\n width: 78px;\r\n height: 78px;\r\n object-fit: contain;\r\n border-radius: 4px;\r\n background: rgba(255,255,255,0.15);\r\n padding: 3px;\r\n}\r\n\r\n#gso-comp-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0,0,0,0.45);\r\n z-index: 2147483641;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n#gso-comp-overlay.gso-active { display: block; }\r\n#gso-comp-overlay.gso-visible { opacity: 1; }\r\n\r\n#gso-comp-drawer {\r\n position: fixed;\r\n top: 69px;\r\n right: -480px;\r\n width: 325px;\r\n max-width: 95vw;\r\n height: calc(100% - 69px);\r\n background: #fff;\r\n z-index: 2147483642;\r\n box-shadow: -6px 0 32px rgba(0,0,0,0.18);\r\n transition: right 0.38s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n#gso-comp-drawer.gso-open { right: 0; }\r\n#gso-comp-drawer *, #gso-comp-drawer *::before, #gso-comp-drawer *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.gso-drawer-header {\r\n background: linear-gradient(135deg, #398100 0%, #2d6800 60%, #1e4700 100%);\r\n padding: 12px 24px 12px;\r\n color: #fff;\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n.gso-drawer-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #7fba23;\r\n}\r\n.gso-close-btn {\r\n position: absolute;\r\n top: 14px;\r\n right: 16px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n color: #fff;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 20px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-close-btn:hover { background: rgba(255,255,255,0.28); }\r\n\r\n.gso-win-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #7fba23;\r\n margin: 0 0 4px 0;\r\n}\r\n.gso-drawer-header h2 {\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 900 !important;\r\n margin: 0 0 3px 0 !important;\r\n line-height: 1.2 !important;\r\n color: #fff !important;\r\n padding-right: 36px;\r\n border: none !important;\r\n white-space: nowrap;\r\n}\r\n.gso-prize-value {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.8);\r\n margin: 2px 0 0 0;\r\n}\r\n.gso-prize-value strong {\r\n color: #7fba23;\r\n font-size: 14px;\r\n}\r\n\r\n.gso-drawer-body {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 0;\r\n}\r\n.gso-drawer-body::-webkit-scrollbar { width: 4px; }\r\n.gso-drawer-body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n.gso-features-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.gso-product-img-wrap {\r\n background: #f8f9fa;\r\n text-align: center;\r\n padding: 12px 10px;\r\n flex-shrink: 0;\r\n width: 140px;\r\n}\r\n.gso-product-img-wrap img {\r\n max-height: 120px;\r\n max-width: 120px;\r\n object-fit: contain;\r\n}\r\n\r\n.gso-features {\r\n flex: 1;\r\n padding: 16px 16px 16px 20px;\r\n}\r\n.gso-features-title {\r\n font-size: 15px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #398100 !important;\r\n margin: 0 0 14px 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n.gso-feature-list li {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list li::before {\r\n content: '\u2713';\r\n color: #fff;\r\n background: #7fba23;\r\n font-weight: 900;\r\n font-size: 13px;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 1;\r\n}\r\n\r\n.gso-closing-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff8e1;\r\n border-left: 3px solid #f9a825;\r\n border-radius: 0 5px 5px 0;\r\n padding: 10px 14px;\r\n margin: 10px 24px 14px;\r\n font-size: 13px;\r\n color: #555;\r\n}\r\n.gso-closing-badge strong { color: #333; }\r\n\r\n.gso-divider {\r\n height: 1px;\r\n background: #e0e0e0;\r\n margin: 4px 24px 16px;\r\n}\r\n\r\n.gso-entry-section { padding: 0 24px 8px; }\r\n.gso-entry-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #333;\r\n margin: 0 0 8px 0;\r\n display: block;\r\n}\r\n.gso-email-row {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n.gso-email-input {\r\n flex: 1;\r\n padding: 11px 14px;\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: inherit;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n color: #333;\r\n background: #fff;\r\n}\r\n.gso-email-input:focus { border-color: #398100 !important; }\r\n.gso-submit-btn {\r\n padding: 11px 18px;\r\n background: #7fba23;\r\n color: #fff;\r\n border: none;\r\n border-radius: 6px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background 0.2s, transform 0.1s;\r\n}\r\n.gso-submit-btn:hover:not(:disabled) {\r\n background: #6aab18;\r\n transform: translateY(-1px);\r\n}\r\n.gso-submit-btn:disabled { background: #aaa; cursor: not-allowed; }\r\n\r\n.gso-status {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n padding: 8px 12px;\r\n border-radius: 5px;\r\n display: none;\r\n}\r\n.gso-status.gso-success {\r\n background: #e8f5e9;\r\n color: #2e7d32;\r\n border-left: 3px solid #398100;\r\n display: block;\r\n}\r\n.gso-status.gso-error {\r\n background: #ffebee;\r\n color: #c62828;\r\n border-left: 3px solid #dc4332;\r\n display: block;\r\n}\r\n\r\n.gso-tc-wrap {\r\n padding: 12px 24px 24px;\r\n font-size: 12px;\r\n color: #777;\r\n line-height: 1.5;\r\n}\r\n.gso-tc-trigger {\r\n color: #398100;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-weight: 600;\r\n}\r\n\r\n.gso-tc-popover {\r\n display: none;\r\n position: fixed;\r\n bottom: 80px;\r\n right: 16px;\r\n width: 420px;\r\n max-width: 90vw;\r\n max-height: 50vh;\r\n overflow-y: auto;\r\n background: #fff;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n z-index: 2147483643;\r\n padding: 18px 20px;\r\n font-size: 12.5px;\r\n color: #444;\r\n line-height: 1.6;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n}\r\n.gso-tc-popover.gso-show {\r\n display: block;\r\n animation: gsoFadeUp 0.2s ease;\r\n}\r\n@keyframes gsoFadeUp {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.gso-tc-popover h4 {\r\n margin: 0 0 10px 0 !important;\r\n color: #398100 !important;\r\n font-size: 14px !important;\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n border: none !important;\r\n}\r\n.gso-tc-popover h5 {\r\n margin: 12px 0 4px 0 !important;\r\n font-size: 11px !important;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: #555 !important;\r\n}\r\n.gso-tc-popover p { margin: 0 0 8px 0 !important; font-size: 12px !important; }\r\n.gso-tc-close-pop {\r\n position: absolute;\r\n top: 10px;\r\n right: 12px;\r\n background: none;\r\n border: none;\r\n font-size: 18px;\r\n cursor: pointer;\r\n color: #888;\r\n line-height: 1;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-tc-close-pop:hover { color: #333; }\r\n.gso-tc-popover::-webkit-scrollbar { width: 4px; }\r\n.gso-tc-popover::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n@media (max-width: 520px) {\r\n #gso-comp-drawer { width: 100vw; top: 60px; height: calc(100% - 60px); }\r\n .gso-email-row { flex-direction: column; }\r\n .gso-tc-popover { right: 4px; left: 4px; width: auto; }\r\n}\r\n\r\n\/* Dismiss button - sits below the tab inside the container *\/\r\n#gso-dismiss-btn {\r\n position: relative;\r\n background: rgba(30,30,30,0.85);\r\n color: #fff;\r\n border: none;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n font-size: 30px;\r\n line-height: 60px;\r\n text-align: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.35);\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n display: block;\r\n margin-top: 10px;\r\n user-select: none;\r\n}\r\n#gso-dismiss-btn:hover {\r\n background: rgba(220,67,50,0.92);\r\n}\r\n<\/style>\r\n\r\n\r\n<input type=\"checkbox\" id=\"gso-dismiss-check\">\r\n\r\n\r\n<div id=\"gso-widget-container\">\r\n\r\n <button id=\"gso-comp-tab\" onclick=\"gsoOpenDrawer()\" aria-label=\"Open competition entry\">\r\n <span class=\"gso-tab-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\" alt=\"\" class=\"gso-tab-trolley-img\">\r\n <\/span>\r\n WIN A<br>MOTOCADDY<br>REMOTE<br>TROLLEY<br>\r\n <span class=\"gso-tab-value\">\u00a31,049<\/span>\r\n <span class=\"gso-tab-cta\">Click Here<br>To Enter<\/span>\r\n <\/button>\r\n\r\n <label id=\"gso-dismiss-btn\" for=\"gso-dismiss-check\" aria-label=\"Close competition\">✕<\/label>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div id=\"gso-comp-overlay\" onclick=\"gsoCloseDrawer()\"><\/div>\r\n\r\n\r\n<div id=\"gso-comp-drawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Win a Motocaddy Trolley Competition\">\r\n\r\n \r\n <div class=\"gso-drawer-header\">\r\n <button class=\"gso-close-btn\" onclick=\"gsoCloseDrawer()\" aria-label=\"Close\">×<\/button>\r\n <p class=\"gso-win-label\">Competition<\/p>\r\n <h2>Win a Motocaddy Remote Controlled Trolley<\/h2>\r\n <p class=\"gso-prize-value\">Worth <strong>\u00a31,049<\/strong><\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-drawer-body\">\r\n\r\n \r\n <div class=\"gso-features-row\">\r\n <div class=\"gso-features\">\r\n <p class=\"gso-features-title\">Why you'll love it<\/p>\r\n <ul class=\"gso-feature-list\">\r\n <li>Remote Control up to 100m<\/li>\r\n <li>Ultra Lithium Battery<\/li>\r\n <li>Dual 230w DHC Motors<\/li>\r\n <li>Worth \u00a31,049<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"gso-product-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\"\r\n alt=\"Motocaddy 2026 ME Remote Lithium Electric Golf Trolley\"\r\n onerror=\"this.style.display='none'\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gso-divider\"><\/div>\r\n\r\n \r\n <div class=\"gso-entry-section\">\r\n <span class=\"gso-entry-label\">Enter your email to be in with a chance to win:<\/span>\r\n <div class=\"gso-email-row\">\r\n <input type=\"email\" id=\"gso-email\" class=\"gso-email-input\" placeholder=\"your@email.com\" autocomplete=\"email\">\r\n <button class=\"gso-submit-btn\" id=\"gso-submit-btn\" onclick=\"gsoEnterComp()\">Enter Now<\/button>\r\n <\/div>\r\n <div id=\"gso-status\" class=\"gso-status\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-closing-badge\">\r\n ⏰ <span>Competition closes <strong>23:59 on 31st May 2026<\/strong><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-tc-wrap\">\r\n By entering you agree to join The Golf Shop Online mailing list and accept our\r\n <span class=\"gso-tc-trigger\" onclick=\"gsoToggleTC()\" id=\"gso-tc-trigger\">Terms & Conditions<\/span>.\r\n UK residents only. One entry per person.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"gso-tc-popover\" id=\"gso-tc-popover\">\r\n <button class=\"gso-tc-close-pop\" onclick=\"gsoToggleTC()\" aria-label=\"Close terms\">×<\/button>\r\n <h4>Competition Terms & Conditions<\/h4>\r\n\r\n <h5>How to Enter<\/h5>\r\n <p>Submit your email address to subscribe to The Golf Shop Online mailing list. One entry per person. Open to individual UK residents only. Entries from golf clubs, societies, or organisations will not be accepted.<\/p>\r\n\r\n <h5>Draw Details<\/h5>\r\n <p>The competition closes at 23:59 on 31st May 2026. Entries after this date will not be counted. The winner will be selected at random and notified by email. If the winner cannot be contacted or does not claim the prize within 14 days, we reserve the right to select an alternative winner.<\/p>\r\n\r\n <h5>The Prize<\/h5>\r\n <p>One Motocaddy ME Remote Lithium Electric Golf Trolley (RRP \u00a31,049.99). Non-transferable, no cash value, cannot be exchanged for any other product or credit.<\/p>\r\n\r\n <h5>Subscription<\/h5>\r\n <p>You must remain subscribed to The Golf Shop Online mailing list until the closing date. If you unsubscribe before the draw, your entry will be void.<\/p>\r\n\r\n <h5>Winner Obligations<\/h5>\r\n <p>As a condition of receiving the prize, the winner must provide a photograph of themselves on a golf course. The Golf Shop Online reserves the right to use this photograph on social media and in promotional materials.<\/p>\r\n\r\n <h5>Promoter<\/h5>\r\n <p>The Golf Shop Online, GSO Warehouse, Cofton Road, Marsh Barton, Exeter, Devon, EX2 8QW.<\/p>\r\n\r\n <h5>Important Notice<\/h5>\r\n <p>We will only ever contact competition entrants from an email address ending in @thegolfshoponline.co.uk. We have no affiliate or partner accounts running giveaways on our behalf — please be vigilant of fake or copycat accounts on social media.<\/p>\r\n\r\n <p><em>By entering this competition, you agree to be bound by these terms and conditions.<\/em><\/p>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n \/\/ Load Google Fonts\r\n if (!document.getElementById('gso-fonts')) {\r\n var link = document.createElement('link');\r\n link.id = 'gso-fonts';\r\n link.rel = 'stylesheet';\r\n link.href = 'https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500;600;700;900&display=swap';\r\n document.head.appendChild(link);\r\n }\r\n\r\n \/\/ ---- Hide widget - CSS checkbox does this, JS is just a fallback ----\r\n window.gsoHideWidget = function() {\r\n var cb = document.getElementById('gso-dismiss-check');\r\n if (cb) cb.checked = true;\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n if (drawer) drawer.classList.remove('gso-open');\r\n if (overlay) {\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n }\r\n document.body.style.overflow = '';\r\n };\r\n\r\n \/\/ ---- Open drawer ----\r\n window.gsoOpenDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n overlay.classList.add('gso-active');\r\n setTimeout(function() { overlay.classList.add('gso-visible'); }, 10);\r\n drawer.classList.add('gso-open');\r\n document.body.style.overflow = 'hidden';\r\n };\r\n\r\n \/\/ ---- Close drawer ----\r\n window.gsoCloseDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n drawer.classList.remove('gso-open');\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n document.body.style.overflow = '';\r\n document.getElementById('gso-tc-popover').classList.remove('gso-show');\r\n };\r\n\r\n \/\/ ---- T&C toggle ----\r\n window.gsoToggleTC = function() {\r\n document.getElementById('gso-tc-popover').classList.toggle('gso-show');\r\n };\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') window.gsoCloseDrawer();\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n var pop = document.getElementById('gso-tc-popover');\r\n var trigger = document.getElementById('gso-tc-trigger');\r\n if (pop && pop.classList.contains('gso-show') && !pop.contains(e.target) && e.target !== trigger) {\r\n pop.classList.remove('gso-show');\r\n }\r\n });\r\n\r\n \/\/ ---- Enter competition ----\r\n window.gsoEnterComp = function() {\r\n var email = document.getElementById('gso-email').value.trim();\r\n var statusEl = document.getElementById('gso-status');\r\n var submitBtn = document.getElementById('gso-submit-btn');\r\n\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.textContent = 'Please enter a valid email address.';\r\n return;\r\n }\r\n\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = 'Entering\\u2026';\r\n statusEl.className = 'gso-status';\r\n statusEl.style.display = '';\r\n\r\n var formData = new FormData();\r\n formData.append('email', email);\r\n formData.append('source', 'competition_blog');\r\n\r\n fetch('https:\/\/www.thegolfshoponline.co.uk\/index.cfm?fuseaction=main.actAjaxNewsletterSignup', {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(function(r) { return r.text(); })\r\n .then(function() {\r\n statusEl.className = 'gso-status gso-success';\r\n statusEl.style.display = 'block';\r\n statusEl.innerHTML = '<strong style=\"font-size:16px;display:block;margin-bottom:4px;\">\\uD83C\\uDF89 Good Luck! You have been entered.<\/strong>We\\'ll contact you by email if you win.';\r\n submitBtn.style.display = 'none';\r\n document.getElementById('gso-email').disabled = true;\r\n })\r\n .catch(function() {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.style.display = 'block';\r\n statusEl.textContent = 'Unable to submit \\u2014 please check your connection and try again.';\r\n submitBtn.disabled = false;\r\n submitBtn.textContent = 'Enter Now';\r\n });\r\n };\r\n\r\n})();\r\n<\/script>\n<p>It sounds very technical, but it isn\u2019t. By checking the chart below, you will find out the best club set-up for you. It is important to ensure you get the most out of your clubs. Buying new golf clubs is a big investment, and custom-fitting them correctly can improve your shot-making and create better scores.<\/p>\n<p><strong>Step One:-<\/strong> Once you have downloaded your Ping Colour Code Chart from Ping.com you can see that you have overall height measurements along the top and wrist-to-floor measurements down the side. If you want to use a metric scale, look at the bottom.<\/p>\n<p><strong>Step Two:-<\/strong> Firstly, you need to see if you suit a longer or shorter shaft. Find your overall height along the top, and immediately underneath, you will see any alteration if needed. For example, if you are between 5ft 7 inches and 6ft 1 inch, you should be a standard length, but if you are on either side of this, you will need to have shafts extended or decreased by the measurement recommended.<\/p>\n<p> <\/p>\n<p><strong>Step Three:-<\/strong> If you then intersect your overall height with your wrist-to-floor measurement, you will see the colour band that best suits your size. Currently, there are 12 colours ranging from maroon to gold.<\/p>\n<p>As a general rule, the taller you are, the more upright you will need your clubs, and the shorter you are, the flatter you will need to be. Your lie angle measurement is stated under the colour, which is also handy to know, especially if you already have a custom-fit set of clubs from other manufacturers and are trying to compare.<\/p>\n<p><strong>Step Four:-<\/strong> If you are bordering between two colour codes, according to Ping’s website, you should determine whether your ball flight with your irons is typically a fade, slice, hook or draw. If you want to reduce your fade or slice, choose a more upright colour code instead of reducing your hook or draw, which would require a flatter colour.<\/p>\n<p>Here at The Golf Shop Online, we acknowledge the importance of custom fitting and want to make sure you tailor your specification to your game and swing. We have a page just dedicated to <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping-custom-fit\/?&utm_source=blog&utm_medium=tour-alpha\">Ping Custom Fit Advice<\/a>, and if you wish to discuss any aspects of the Ping colour chart <span style=\"font-weight: 400;\">or have any queries about your recommendation, feel free to <\/span><a href=\"mailto:sales@thegolfshoponline.co.uk\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">contact us<\/span><\/a>,<span style=\"font-weight: 400;\"> and our team of staff and PGA professionals will do all they can to help.<\/span><\/p>\n<p><a href=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831.jpg\" rel=\"attachment wp-att-4348\"><img class=\"aligncenter wp-image-4348 size-large\" src=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-796x1024.jpg\" alt=\"New Ping Colour Code Chart\" width=\"620\" height=\"798\" srcset=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-796x1024.jpg 796w, https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-233x300.jpg 233w, https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-768x987.jpg 768w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p>Click here to see our full range of <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping\/irons\/?&utm_source=blog&utm_medium=tour-alpha\" target=\"_blank\" rel=\"noopener noreferrer\">Ping Golf Irons<\/a>, which can all be custom-built to your specifications. Additionally, view our <a href=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/ping-g430-drivers\/\">Ping G430 Drivers<\/a> blog post, click the link, look at the new <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping-g440\/\">Ping G440 Range <\/a>or visit the website to find a full array of golf equipment that includes <a href=\"https:\/\/www.thegolfshoponline.co.uk\/footjoy\/shoes\/\">Footjoy mens golf shoes<\/a>, Callaway drivers and much more<\/p>\n<div id=\"gso-widget-69ef8bd15c06e\" class=\"gso-widget-outer\">Loading widget...<\/div><script>loadGSOwidget(358, 'gso-widget-69ef8bd15c06e');<\/script>\n<p>To check your correct grip size, use the tool below<\/p>\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>PING Grip Size Finder<\/title>\r\n<\/head>\r\n<body style=\"margin:0;padding:0;background:#f5f5f5;\">\r\n\r\n<div id=\"pingGripTool\" style=\"max-width:680px;margin:0 auto;padding:0 16px 50px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#333333;background:#ffffff;\">\r\n\r\n \r\n <div style=\"background:linear-gradient(135deg,#2d6600 0%,#398100 50%,#4a9e00 100%);margin:0 -16px 28px;padding:28px 28px 24px;position:relative;overflow:hidden;\">\r\n \r\n <div style=\"position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.06);\"><\/div>\r\n <div style=\"position:absolute;bottom:-30px;right:60px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.04);\"><\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px;\">\r\n \r\n <svg width=\"110\" height=\"28\" viewBox=\"0 0 88 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.25));\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.6666 8.63456C23.6666 11.3915 21.4313 13.6266 18.6744 13.6266L4.99543 13.6222L4.99363 19.4974C4.99363 20.8759 3.8749 21.9934 2.49622 21.9934C1.11753 21.9934 0 20.8759 0 19.4974V2.52739C0 1.1489 1.11753 0.0311688 2.49622 0.0311688L18.6744 0.0369633C21.4313 0.0369633 23.6666 2.27183 23.6666 5.029V8.63456ZM18.6732 8.61737L18.6744 5.0274L4.99543 5.0258V8.61737H18.6732Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.2774 22C29.6559 22 30.7734 20.8825 30.7734 19.5038V2.53058C30.7734 1.1519 29.6559 0.0343665 28.2774 0.0343665C26.8989 0.0343665 25.7814 1.1519 25.7814 2.53058V19.5038C25.7814 20.8825 26.8989 22 28.2774 22Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.8641 19.4974C37.8641 20.8759 36.7449 21.9934 35.3666 21.9934C33.988 21.9934 32.8704 20.8759 32.8704 19.4974L32.8738 3.46649C32.8738 1.5709 34.4102 0.0343658 36.3055 0.0343658C37.1839 0.0343658 38.0623 0.369446 38.7322 1.03961L52.8372 14.9395L52.8406 2.52739C52.8406 1.1489 53.9567 0.0311688 55.3352 0.0311688C56.7139 0.0311688 57.8316 1.1489 57.8316 2.52739L57.8342 18.5643C57.8342 20.4597 56.2979 21.9964 54.4023 21.9964C53.5239 21.9964 52.6457 21.6613 51.9754 20.9912L37.8633 6.87104L37.8641 19.4974Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.929 21.9992C62.1718 21.9992 59.9372 19.7639 59.9372 17.0068V5.029C59.9372 2.27183 62.1718 0.0369633 64.929 0.0369633L80.8362 0.0311688C82.2147 0.0311688 83.3322 1.1489 83.3322 2.52739C83.3322 3.90567 82.2147 5.0242 80.8362 5.0242L64.9266 5.027L64.928 17.0068L79.7033 17.0048V13.5097L70.817 13.5093C69.4385 13.5093 68.3208 12.391 68.3208 11.0125C68.3208 9.63361 69.4385 8.51607 70.817 8.51607L79.6977 8.53066C82.4549 8.53066 84.6899 10.7655 84.6899 13.5227V17.0068C84.6899 19.7639 82.4549 21.9992 79.6977 21.9992H64.929Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.4278 0C86.1174 0 86.6952 0.54428 86.6952 1.2578C86.6952 1.98431 86.1174 2.52859 85.4278 2.52859C84.7347 2.52859 84.1533 1.98431 84.1533 1.2578C84.1533 0.54428 84.7347 0 85.4278 0ZM85.4278 2.34276C86.0123 2.34276 86.4654 1.87601 86.4654 1.2578C86.4654 0.652577 86.0123 0.186022 85.4278 0.186022C84.836 0.186022 84.383 0.652577 84.383 1.2578C84.383 1.87601 84.836 2.34276 85.4278 2.34276ZM84.9341 0.5241H85.5052C85.857 0.5241 86.0227 0.662567 86.0227 0.946696C86.0227 1.21364 85.8538 1.32514 85.6338 1.34891L86.0564 2.00129H85.8099L85.4073 1.3659H85.1637V2.00129H84.9341V0.5241ZM85.1637 1.17987H85.4041C85.6067 1.17987 85.7927 1.16948 85.7927 0.936306C85.7927 0.740293 85.6239 0.710122 85.4684 0.710122H85.1637V1.17987Z\" fill=\"white\"\/>\r\n <\/svg>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:8px;flex-shrink:0;\">\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C0392B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Red<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#1A6DB5;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Blue<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D96B25;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Orange<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C8A84B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Gold<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D5D8DF;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">White<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#00A89D;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Aqua<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 style=\"color:#ffffff;font-size:28px;font-weight:bold;margin:0 0 5px 0;padding:0;letter-spacing:-0.5px;text-shadow:0 1px 3px rgba(0,0,0,0.2);\">Grip Size Finder<\/h2>\r\n <p style=\"color:rgba(255,255,255,0.82);font-size:14px;margin:0;padding:0;\">Find your recommended grip size using your hand measurements<\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#f0f7ff;border-left:5px solid #398100;padding:16px 18px;border-radius:5px;margin-bottom:24px;\">\r\n <p style=\"margin:0 0 10px 0;font-size:14px;color:#333333;line-height:1.7;\">\r\n <strong style=\"color:#398100;\">How to measure your hand:<\/strong>\r\n <\/p>\r\n <p style=\"margin:0 0 6px 0;font-size:14px;color:#333333;line-height:1.7;\">\r\n <strong>A \u2013 Longest Finger Length:<\/strong> Measure from the tip of your longest finger (usually middle finger) down to the wrist crease at the base of your hand.\r\n <\/p>\r\n <p style=\"margin:0;font-size:14px;color:#333333;line-height:1.7;\">\r\n <strong>B \u2013 Overall Hand Length:<\/strong> Measure from the tip of your longest finger down to the bottom of your palm (base of little finger side).\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;\">\r\n <span style=\"font-size:13px;font-weight:bold;color:#555555;text-transform:uppercase;letter-spacing:0.5px;\">Units:<\/span>\r\n <div style=\"display:flex;border:1px solid #dddddd;border-radius:5px;overflow:hidden;\">\r\n <button id=\"gripBtnInch\" onclick=\"gripSetUnit('imperial')\" style=\"background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;\">Inches<\/button>\r\n <button id=\"gripBtnCm\" onclick=\"gripSetUnit('metric')\" style=\"background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;\">Centimetres<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;\">\r\n <div>\r\n <label for=\"gripSelFinger\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">A \u2013 Longest Finger Length<\/label>\r\n <select id=\"gripSelFinger\" onchange=\"gripCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select measurement...<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"gripSelHand\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">B \u2013 Overall Hand Length<\/label>\r\n <select id=\"gripSelHand\" onchange=\"gripCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select measurement...<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"gripResultCard\" style=\"border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:28px;\">\r\n\r\n \r\n <div style=\"background:#f8f9fa;padding:20px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e0e0e0;min-height:90px;flex-wrap:wrap;\">\r\n <div id=\"gripDotWrap\" style=\"width:62px;height:62px;flex-shrink:0;position:relative;\">\r\n <svg id=\"gripDotPlaceholder\" viewBox=\"0 0 62 62\" width=\"62\" height=\"62\" style=\"display:block;position:absolute;top:0;left:0;\">\r\n <defs><clipPath id=\"gripCircleClip\"><circle cx=\"31\" cy=\"31\" r=\"28\"\/><\/clipPath><\/defs>\r\n <g clip-path=\"url(#gripCircleClip)\">\r\n <path d=\"M31,31 L31,3 A28,28 0 0,1 55.24,17 Z\" fill=\"#1A6DB5\"\/>\r\n <path d=\"M31,31 L55.24,17 A28,28 0 0,1 55.24,45 Z\" fill=\"#C0392B\"\/>\r\n <path d=\"M31,31 L55.24,45 A28,28 0 0,1 31,59 Z\" fill=\"#00A89D\"\/>\r\n <path d=\"M31,31 L31,59 A28,28 0 0,1 6.76,45 Z\" fill=\"#D5D8DF\"\/>\r\n <path d=\"M31,31 L6.76,45 A28,28 0 0,1 6.76,17 Z\" fill=\"#C8A84B\"\/>\r\n <path d=\"M31,31 L6.76,17 A28,28 0 0,1 31,3 Z\" fill=\"#D96B25\"\/>\r\n <\/g>\r\n <circle cx=\"31\" cy=\"31\" r=\"28\" fill=\"none\" stroke=\"rgba(0,0,0,0.15)\" stroke-width=\"2.5\"\/>\r\n <\/svg>\r\n <div id=\"gripResultDot\" style=\"display:none;width:62px;height:62px;border-radius:50%;border:3px solid rgba(0,0,0,0.12);box-sizing:border-box;position:absolute;top:0;left:0;\"><\/div>\r\n <\/div>\r\n\r\n <div style=\"flex:1;\">\r\n <p id=\"gripResultPlaceholder\" style=\"font-size:14px;color:#999999;font-style:italic;margin:0;padding:0;\">Select both hand measurements above to see your recommended grip size.<\/p>\r\n <h3 id=\"gripResultColour\" style=\"display:none;color:#333333;font-size:20px;margin:0 0 2px 0;padding:0;border:none;\"><\/h3>\r\n <p id=\"gripResultSizeLabel\" style=\"display:none;font-size:13px;color:#555555;margin:0 0 12px 0;padding:0;\"><\/p>\r\n \r\n <a id=\"gripBuyNowBtn\" href=\"#\" target=\"_blank\" style=\"display:none;background:#398100;color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;padding:8px 20px;border-radius:4px;letter-spacing:0.3px;font-family:Arial,sans-serif;\">Buy Now \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"gripResultStats\" style=\"display:none;grid-template-columns:1fr 1fr;background:#ffffff;\">\r\n <div style=\"padding:14px 12px;text-align:center;border-right:1px solid #e0e0e0;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Grip Size<\/div>\r\n <div id=\"gripStatSize\" style=\"font-size:16px;font-weight:bold;color:#398100;\"><\/div>\r\n <\/div>\r\n <div style=\"padding:14px 12px;text-align:center;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Adjustment<\/div>\r\n <div id=\"gripStatAdj\" style=\"font-size:16px;font-weight:bold;color:#333333;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top:10px;\">\r\n <h3 style=\"color:#398100;font-size:16px;border-bottom:2px solid #398100;padding-bottom:8px;margin:0 0 12px 0;\">PING Grip Size Colour Codes<\/h3>\r\n <table style=\"width:100%;border-collapse:collapse;font-size:14px;\">\r\n <thead>\r\n <tr style=\"background:#398100;color:#ffffff;\">\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Colour Code<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Grip Size<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Adjustment<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"gripColourTableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#fff8e1;border-left:5px solid #7fba23;padding:14px 18px;border-radius:5px;margin-top:24px;font-size:13px;color:#555555;line-height:1.7;\">\r\n <strong style=\"color:#333333;\">Please note:<\/strong> This tool provides static fitting recommendations based on the official PING Grip Size Chart. For a full dynamic fitting session, speak with one of our PGA professionals in store or call us free on <strong style=\"color:#333333;\">0800 3681097<\/strong>.\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n var GRIP_COLOURS = [\r\n { id:'blue', name:'Blue', size:'Junior \/ Undersize', adj:'-1\/16\"', hex:'#1A6DB5', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping\/accessories\/grips\/' },\r\n { id:'red', name:'Red', size:'Undersize', adj:'-1\/32\"', hex:'#C0392B', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/?option=red-undersize-1-32-inch' },\r\n { id:'aqua', name:'Aqua', size:'Standard (small)', adj:'-1\/64\"', hex:'#00A89D', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/?option=aqua-undersize-1-64-inch' },\r\n { id:'white', name:'White', size:'Standard', adj:'Standard',hex:'#D5D8DF', border:'#aaaaaa', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/?option=white-standard-size' },\r\n { id:'gold', name:'Gold', size:'Midsize', adj:'+1\/32\"', hex:'#C8A84B', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping\/accessories\/grips\/' },\r\n { id:'orange', name:'Orange', size:'Jumbo', adj:'+1\/16\"', hex:'#D96B25', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/' }\r\n ];\r\n\r\n var BOUNDARIES = [\r\n { id:'blue', intercept:12.60, slope:0.40 },\r\n { id:'red', intercept:14.70, slope:0.30 },\r\n { id:'aqua', intercept:15.00, slope:0.50 },\r\n { id:'white', intercept:17.50, slope:0.50 },\r\n { id:'gold', intercept:19.70, slope:0.30 },\r\n { id:'orange', intercept:99.00, slope:0.00 }\r\n ];\r\n\r\n function getColour(A_cm, B_cm) {\r\n for (var i = 0; i < BOUNDARIES.length; i++) {\r\n if (B_cm <= BOUNDARIES[i].intercept + BOUNDARIES[i].slope * A_cm) {\r\n return GRIP_COLOURS[i];\r\n }\r\n }\r\n return GRIP_COLOURS[GRIP_COLOURS.length - 1];\r\n }\r\n\r\n var FINGER_A_MET = [];\r\n for (var a = 60; a <= 110; a += 5) {\r\n FINGER_A_MET.push({ label: (a\/10).toFixed(1) + ' cm', A: a\/10 });\r\n }\r\n var HAND_B_MET = [];\r\n for (var b = 150; b <= 230; b += 5) {\r\n HAND_B_MET.push({ label: (b\/10).toFixed(1) + ' cm', B: b\/10 });\r\n }\r\n\r\n var FINGER_A_IMP = [];\r\n [2.50,2.75,3.00,3.25,3.50,3.75,4.00].forEach(function(v) {\r\n FINGER_A_IMP.push({ label: v.toFixed(2)+'\"', A: v*2.54 });\r\n });\r\n var HAND_B_IMP = [];\r\n for (var bi = 60; bi <= 90; bi += 5) {\r\n var bInch = bi\/10;\r\n HAND_B_IMP.push({ label: bInch.toFixed(1)+'\"', B: bInch*2.54 });\r\n }\r\n\r\n var currentUnit = 'imperial';\r\n\r\n \/\/ Build reference table\r\n var tbody = document.getElementById('gripColourTableBody');\r\n GRIP_COLOURS.forEach(function(c, k) {\r\n var rowBg = (k % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n var tr = document.createElement('tr');\r\n tr.id = 'gripRow-' + c.id;\r\n tr.style.background = rowBg;\r\n tr.innerHTML =\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;vertical-align:middle;\">' +\r\n '<span style=\"display:inline-flex;align-items:center;gap:10px;\">' +\r\n '<span style=\"display:inline-block;width:20px;height:20px;border-radius:50%;background:'+c.hex+';border:2px solid '+c.border+';flex-shrink:0;\"><\/span>' +\r\n '<strong>'+c.name+'<\/strong>' +\r\n '<\/span>' +\r\n '<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.size+'<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.adj+'<\/td>';\r\n tbody.appendChild(tr);\r\n });\r\n\r\n function populateSelects() {\r\n var fingers = currentUnit === 'imperial' ? FINGER_A_IMP : FINGER_A_MET;\r\n var hands = currentUnit === 'imperial' ? HAND_B_IMP : HAND_B_MET;\r\n var fSel = document.getElementById('gripSelFinger');\r\n var hSel = document.getElementById('gripSelHand');\r\n fSel.innerHTML = '<option value=\"\">Select measurement...<\/option>';\r\n hSel.innerHTML = '<option value=\"\">Select measurement...<\/option>';\r\n fingers.forEach(function(o, i) { fSel.innerHTML += '<option value=\"'+i+'\">'+o.label+'<\/option>'; });\r\n hands.forEach(function(o, i) { hSel.innerHTML += '<option value=\"'+i+'\">'+o.label+'<\/option>'; });\r\n }\r\n\r\n window.gripSetUnit = function(unit) {\r\n currentUnit = unit;\r\n var btnInch = document.getElementById('gripBtnInch');\r\n var btnCm = document.getElementById('gripBtnCm');\r\n if (unit === 'imperial') {\r\n btnInch.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n btnCm.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n } else {\r\n btnCm.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n btnInch.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n }\r\n populateSelects();\r\n gripClearResult();\r\n };\r\n\r\n window.gripCalculate = function() {\r\n var aVal = document.getElementById('gripSelFinger').value;\r\n var bVal = document.getElementById('gripSelHand').value;\r\n if (aVal === '' || bVal === '') { gripClearResult(); return; }\r\n\r\n var fingers = currentUnit === 'imperial' ? FINGER_A_IMP : FINGER_A_MET;\r\n var hands = currentUnit === 'imperial' ? HAND_B_IMP : HAND_B_MET;\r\n var A_cm = fingers[parseInt(aVal)].A;\r\n var B_cm = hands[parseInt(bVal)].B;\r\n\r\n var colour = getColour(A_cm, B_cm);\r\n var isStd = colour.adj === 'Standard';\r\n\r\n document.getElementById('gripResultCard').style.border = '2px solid #398100';\r\n\r\n document.getElementById('gripDotPlaceholder').style.display = 'none';\r\n var dot = document.getElementById('gripResultDot');\r\n dot.style.display = 'block';\r\n dot.style.background = colour.hex;\r\n dot.style.borderColor = colour.border;\r\n dot.style.boxShadow = '0 2px 10px rgba(0,0,0,0.25)';\r\n\r\n document.getElementById('gripResultPlaceholder').style.display = 'none';\r\n\r\n var colEl = document.getElementById('gripResultColour');\r\n colEl.style.display = 'block';\r\n colEl.textContent = colour.name + ' \u2013 ' + colour.size;\r\n\r\n var sizeEl = document.getElementById('gripResultSizeLabel');\r\n sizeEl.style.display = 'block';\r\n sizeEl.innerHTML = 'Grip adjustment: <strong style=\"color:#398100;\">'+colour.adj+'<\/strong>';\r\n\r\n \/\/ Buy Now button\r\n var btn = document.getElementById('gripBuyNowBtn');\r\n btn.href = colour.url;\r\n btn.style.display = 'inline-block';\r\n\r\n var statsEl = document.getElementById('gripResultStats');\r\n statsEl.style.display = 'grid';\r\n document.getElementById('gripStatSize').textContent = colour.size;\r\n var adjEl = document.getElementById('gripStatAdj');\r\n adjEl.textContent = colour.adj;\r\n adjEl.style.color = isStd ? '#333333' : '#398100';\r\n\r\n GRIP_COLOURS.forEach(function(c, m) {\r\n var row = document.getElementById('gripRow-' + c.id);\r\n if (!row) return;\r\n var rowBg = (m % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n row.style.cssText = c.id === colour.id\r\n ? 'background:#e8f5e9;outline:2px solid #398100;'\r\n : 'background:'+rowBg+';opacity:0.35;';\r\n });\r\n };\r\n\r\n function gripClearResult() {\r\n document.getElementById('gripResultCard').style.border = '2px solid #e0e0e0';\r\n document.getElementById('gripDotPlaceholder').style.display = 'block';\r\n document.getElementById('gripResultDot').style.display = 'none';\r\n document.getElementById('gripResultPlaceholder').style.display = 'block';\r\n document.getElementById('gripResultColour').style.display = 'none';\r\n document.getElementById('gripResultSizeLabel').style.display = 'none';\r\n document.getElementById('gripResultStats').style.display = 'none';\r\n document.getElementById('gripBuyNowBtn').style.display = 'none';\r\n GRIP_COLOURS.forEach(function(c, m) {\r\n var row = document.getElementById('gripRow-' + c.id);\r\n if (!row) return;\r\n row.style.cssText = 'background:' + ((m % 2 === 0) ? '#f8f9fa' : '#ffffff') + ';opacity:1;';\r\n });\r\n }\r\n\r\n window.gripClearResult = gripClearResult;\r\n populateSelects();\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p> Ping Colour Chart – can you understand it? Are you looking for a new set of Ping golf clubs? Understanding the Ping colour chart and colour code system used by Ping will enable you to select a set that best suits your game. Ping’s unique colour code refers to the lie angle, which is […]<\/p>\n","protected":false},"author":2,"featured_media":4348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,5,7,128,16,130],"tags":[228,240],"_links":{"self":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts\/657"}],"collection":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/comments?post=657"}],"version-history":[{"count":54,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts\/657\/revisions"}],"predecessor-version":[{"id":10733,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts\/657\/revisions\/10733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/media\/4348"}],"wp:attachment":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/media?parent=657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/categories?post=657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/tags?post=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":657,"date":"2026-03-10T13:07:46","date_gmt":"2026-03-10T13:07:46","guid":{"rendered":"https:\/\/www.thegolfshoponline.co.uk\/blog\/?p=657"},"modified":"2026-04-07T08:15:33","modified_gmt":"2026-04-07T07:15:33","slug":"ping-colour-chart","status":"publish","type":"post","link":"https:\/\/www.thegolfshoponline.co.uk\/blog\/ping-colour-chart\/","title":{"rendered":"Understanding the Ping Colour Chart & Dot System"},"content":{"rendered":"\r\n\r\n\r\n\r\n\r\nPING Iron Colour Code Finder<\/title>\r\n<\/head>\r\n<body style=\"margin:0;padding:0;background:#f5f5f5;\">\r\n\r\n<div id=\"pingTool\" style=\"max-width:680px;margin:0 auto;padding:0 16px 50px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#333333;background:#ffffff;\">\r\n\r\n \r\n <div style=\"background:linear-gradient(135deg,#2d6600 0%,#398100 50%,#4a9e00 100%);margin:0 -16px 28px;padding:28px 28px 24px;position:relative;overflow:hidden;\">\r\n \r\n <div style=\"position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.06);\"><\/div>\r\n <div style=\"position:absolute;bottom:-30px;right:60px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.04);\"><\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px;\">\r\n \r\n <svg width=\"110\" height=\"28\" viewBox=\"0 0 88 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.25));\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.6666 8.63456C23.6666 11.3915 21.4313 13.6266 18.6744 13.6266L4.99543 13.6222L4.99363 19.4974C4.99363 20.8759 3.8749 21.9934 2.49622 21.9934C1.11753 21.9934 0 20.8759 0 19.4974V2.52739C0 1.1489 1.11753 0.0311688 2.49622 0.0311688L18.6744 0.0369633C21.4313 0.0369633 23.6666 2.27183 23.6666 5.029V8.63456ZM18.6732 8.61737L18.6744 5.0274L4.99543 5.0258V8.61737H18.6732Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.2774 22C29.6559 22 30.7734 20.8825 30.7734 19.5038V2.53058C30.7734 1.1519 29.6559 0.0343665 28.2774 0.0343665C26.8989 0.0343665 25.7814 1.1519 25.7814 2.53058V19.5038C25.7814 20.8825 26.8989 22 28.2774 22Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.8641 19.4974C37.8641 20.8759 36.7449 21.9934 35.3666 21.9934C33.988 21.9934 32.8704 20.8759 32.8704 19.4974L32.8738 3.46649C32.8738 1.5709 34.4102 0.0343658 36.3055 0.0343658C37.1839 0.0343658 38.0623 0.369446 38.7322 1.03961L52.8372 14.9395L52.8406 2.52739C52.8406 1.1489 53.9567 0.0311688 55.3352 0.0311688C56.7139 0.0311688 57.8316 1.1489 57.8316 2.52739L57.8342 18.5643C57.8342 20.4597 56.2979 21.9964 54.4023 21.9964C53.5239 21.9964 52.6457 21.6613 51.9754 20.9912L37.8633 6.87104L37.8641 19.4974Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.929 21.9992C62.1718 21.9992 59.9372 19.7639 59.9372 17.0068V5.029C59.9372 2.27183 62.1718 0.0369633 64.929 0.0369633L80.8362 0.0311688C82.2147 0.0311688 83.3322 1.1489 83.3322 2.52739C83.3322 3.90567 82.2147 5.0242 80.8362 5.0242L64.9266 5.027L64.928 17.0068L79.7033 17.0048V13.5097L70.817 13.5093C69.4385 13.5093 68.3208 12.391 68.3208 11.0125C68.3208 9.63361 69.4385 8.51607 70.817 8.51607L79.6977 8.53066C82.4549 8.53066 84.6899 10.7655 84.6899 13.5227V17.0068C84.6899 19.7639 82.4549 21.9992 79.6977 21.9992H64.929Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.4278 0C86.1174 0 86.6952 0.54428 86.6952 1.2578C86.6952 1.98431 86.1174 2.52859 85.4278 2.52859C84.7347 2.52859 84.1533 1.98431 84.1533 1.2578C84.1533 0.54428 84.7347 0 85.4278 0ZM85.4278 2.34276C86.0123 2.34276 86.4654 1.87601 86.4654 1.2578C86.4654 0.652577 86.0123 0.186022 85.4278 0.186022C84.836 0.186022 84.383 0.652577 84.383 1.2578C84.383 1.87601 84.836 2.34276 85.4278 2.34276ZM84.9341 0.5241H85.5052C85.857 0.5241 86.0227 0.662567 86.0227 0.946696C86.0227 1.21364 85.8538 1.32514 85.6338 1.34891L86.0564 2.00129H85.8099L85.4073 1.3659H85.1637V2.00129H84.9341V0.5241ZM85.1637 1.17987H85.4041C85.6067 1.17987 85.7927 1.16948 85.7927 0.936306C85.7927 0.740293 85.6239 0.710122 85.4684 0.710122H85.1637V1.17987Z\" fill=\"white\"\/>\r\n <\/svg>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:8px;flex-shrink:0;\">\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C0392B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Red<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#1A6DB5;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Blue<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D96B25;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Orange<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C8A84B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Gold<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D5D8DF;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">White<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#00A89D;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Aqua<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 style=\"color:#ffffff;font-size:28px;font-weight:bold;margin:0 0 5px 0;padding:0;letter-spacing:-0.5px;text-shadow:0 1px 3px rgba(0,0,0,0.2);\">Iron Colour Code Finder<\/h2>\r\n <p style=\"color:rgba(255,255,255,0.82);font-size:14px;margin:0;padding:0;\">Find your recommended lie angle and shaft length adjustment<\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#f0f7ff;border-left:5px solid #398100;padding:16px 18px;border-radius:5px;margin-bottom:24px;\">\r\n <p style=\"margin:0;font-size:14px;color:#333333;line-height:1.7;\"><strong style=\"color:#398100;\">How to measure wrist-to-floor:<\/strong> Stand on a flat surface with arms relaxed at your sides. Measure from the floor up to your wrist crease (the first crease at the base of your hand). Ask someone else to measure for the most accurate result.<\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;\">\r\n <span style=\"font-size:13px;font-weight:bold;color:#555555;text-transform:uppercase;letter-spacing:0.5px;\">Units:<\/span>\r\n <div style=\"display:flex;border:1px solid #dddddd;border-radius:5px;overflow:hidden;\">\r\n <button id=\"pingBtnInch\" onclick=\"pingSetUnit('imperial')\" style=\"background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;\">Inches<\/button>\r\n <button id=\"pingBtnCm\" onclick=\"pingSetUnit('metric')\" style=\"background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;\">Centimetres<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;\">\r\n <div>\r\n <label for=\"pingSelHeight\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">Your Height<\/label>\r\n <select id=\"pingSelHeight\" onchange=\"pingCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select your height...<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"pingSelWrist\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">Wrist-to-Floor<\/label>\r\n <select id=\"pingSelWrist\" onchange=\"pingCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select measurement...<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pingResultCard\" style=\"border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:28px;\">\r\n\r\n \r\n <div style=\"background:#f8f9fa;padding:20px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e0e0e0;min-height:90px;flex-wrap:wrap;\">\r\n <div id=\"pingDotWrap\" style=\"width:62px;height:62px;flex-shrink:0;position:relative;\">\r\n \r\n <svg id=\"pingDotPlaceholder\" viewBox=\"0 0 62 62\" width=\"62\" height=\"62\" style=\"display:block;position:absolute;top:0;left:0;\">\r\n <defs><clipPath id=\"ironCircleClip2\"><circle cx=\"31\" cy=\"31\" r=\"28\"\/><\/clipPath><\/defs>\r\n <g clip-path=\"url(#ironCircleClip2)\">\r\n <path d=\"M31,31 L31,3 A28,28 0 0,1 55.24,17 Z\" fill=\"#1A6DB5\"\/>\r\n <path d=\"M31,31 L55.24,17 A28,28 0 0,1 55.24,45 Z\" fill=\"#C0392B\"\/>\r\n <path d=\"M31,31 L55.24,45 A28,28 0 0,1 31,59 Z\" fill=\"#00A89D\"\/>\r\n <path d=\"M31,31 L31,59 A28,28 0 0,1 6.76,45 Z\" fill=\"#D5D8DF\"\/>\r\n <path d=\"M31,31 L6.76,45 A28,28 0 0,1 6.76,17 Z\" fill=\"#C8A84B\"\/>\r\n <path d=\"M31,31 L6.76,17 A28,28 0 0,1 31,3 Z\" fill=\"#D96B25\"\/>\r\n <\/g>\r\n <circle cx=\"31\" cy=\"31\" r=\"28\" fill=\"none\" stroke=\"rgba(0,0,0,0.15)\" stroke-width=\"2.5\"\/>\r\n <\/svg>\r\n \r\n <div id=\"pingResultDot\" style=\"display:none;width:62px;height:62px;border-radius:50%;border:3px solid rgba(0,0,0,0.12);box-sizing:border-box;position:absolute;top:0;left:0;\"><\/div>\r\n <\/div>\r\n\r\n <div style=\"flex:1;\">\r\n <p id=\"pingResultPlaceholder\" style=\"font-size:14px;color:#999999;font-style:italic;margin:0;padding:0;\">Select your height and wrist-to-floor measurement above to see your recommendation.<\/p>\r\n <h3 id=\"pingResultColour\" style=\"display:none;color:#333333;font-size:20px;margin:0 0 2px 0;padding:0;border:none;\"><\/h3>\r\n <p id=\"pingResultLie\" style=\"display:none;font-size:13px;color:#555555;margin:0 0 12px 0;padding:0;\"><\/p>\r\n <div id=\"pingShopWrap\" style=\"display:none;\">\r\n <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping\/irons\/\" target=\"_blank\" style=\"display:inline-block;background:#398100;color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;padding:8px 20px;border-radius:4px;letter-spacing:0.3px;font-family:Arial,sans-serif;\">Shop Now for PING Irons \u2192<\/a>\r\n <p style=\"margin:7px 0 0 0;font-size:12px;color:#555555;\">Use code <strong style=\"color:#398100;letter-spacing:0.5px;\">IRONS50<\/strong> and save <strong style=\"color:#398100;\">\u00a350<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"pingResultStats\" style=\"display:none;grid-template-columns:1fr 1fr 1fr;background:#ffffff;\">\r\n <div style=\"padding:14px 12px;text-align:center;border-right:1px solid #e0e0e0;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Lie Angle<\/div>\r\n <div id=\"pingStatLie\" style=\"font-size:16px;font-weight:bold;color:#398100;\"><\/div>\r\n <\/div>\r\n <div style=\"padding:14px 12px;text-align:center;border-right:1px solid #e0e0e0;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Shaft Length<\/div>\r\n <div id=\"pingStatLength\" style=\"font-size:16px;font-weight:bold;color:#333333;\"><\/div>\r\n <\/div>\r\n <div style=\"padding:14px 12px;text-align:center;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Standard Length?<\/div>\r\n <div id=\"pingStatStd\" style=\"font-size:16px;font-weight:bold;color:#333333;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top:10px;\">\r\n <h3 style=\"color:#398100;font-size:16px;border-bottom:2px solid #398100;padding-bottom:8px;margin:0 0 12px 0;\">All PING Colour Codes<\/h3>\r\n <table id=\"pingColourTable\" style=\"width:100%;border-collapse:collapse;font-size:14px;\">\r\n <thead>\r\n <tr style=\"background:#398100;color:#ffffff;\">\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Colour Code<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Lie Angle<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Direction<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"pingColourTableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#fff8e1;border-left:5px solid #7fba23;padding:14px 18px;border-radius:5px;margin-top:24px;font-size:13px;color:#555555;line-height:1.7;\">\r\n <strong style=\"color:#333333;\">Please note:<\/strong> This tool provides static fitting recommendations based on the official PING Colour Code Chart. For a full dynamic fitting session, speak with one of our PGA professionals in store or call us free on <strong style=\"color:#333333;\">0800 3681097<\/strong>.\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n var COLOURS = [\r\n { id:'maroon', name:'Maroon', lie:'5\\u00b0 Upright', direction:'Upright', hex:'#7B2D45', border:'rgba(0,0,0,0.12)' },\r\n { id:'silver', name:'Silver', lie:'4\\u00b0 Upright', direction:'Upright', hex:'#A8B0BD', border:'rgba(0,0,0,0.12)' },\r\n { id:'white', name:'White', lie:'3\\u00b0 Upright', direction:'Upright', hex:'#D5D8DF', border:'#aaaaaa' },\r\n { id:'green', name:'Green', lie:'2\\u00b0 Upright', direction:'Upright', hex:'#2E7D45', border:'rgba(0,0,0,0.12)' },\r\n { id:'blue', name:'Blue', lie:'1\\u00b0 Upright', direction:'Upright', hex:'#1A6DB5', border:'rgba(0,0,0,0.12)' },\r\n { id:'black', name:'Black', lie:'Standard', direction:'Standard', hex:'#2a2a2a', border:'rgba(255,255,255,0.2)' },\r\n { id:'red', name:'Red', lie:'1\\u00b0 Flat', direction:'Flat', hex:'#C0392B', border:'rgba(0,0,0,0.12)' },\r\n { id:'orange', name:'Orange', lie:'2\\u00b0 Flat', direction:'Flat', hex:'#D96B25', border:'rgba(0,0,0,0.12)' },\r\n { id:'brown', name:'Brown', lie:'3\\u00b0 Flat', direction:'Flat', hex:'#7B4B2A', border:'rgba(0,0,0,0.12)' },\r\n { id:'gold', name:'Gold', lie:'4\\u00b0 Flat', direction:'Flat', hex:'#C8A84B', border:'rgba(0,0,0,0.12)' }\r\n ];\r\n\r\n var CHART = {\r\n 29:[6,6,6,7,7,7,8,8,8,9,9,9,9,9,9,9,9,9,9,9],\r\n 30:[5,5,5,6,6,6,7,7,7,8,8,8,9,9,9,9,9,9,9,9],\r\n 31:[5,5,5,5,5,5,6,6,6,7,7,7,8,8,8,9,9,9,9,9],\r\n 32:[5,5,5,5,5,5,5,5,5,6,6,6,7,7,7,8,8,8,9,9],\r\n 33:[4,4,4,5,5,5,5,5,5,5,5,5,6,6,6,7,7,7,8,8],\r\n 34:[3,3,3,4,4,4,5,5,5,5,5,5,5,5,5,6,6,6,7,7],\r\n 35:[2,2,2,3,3,3,4,4,4,5,5,5,5,5,5,5,5,5,6,6],\r\n 36:[1,1,1,2,2,2,3,3,3,4,4,4,5,5,5,5,5,5,5,5],\r\n 37:[0,0,0,1,1,1,2,2,2,3,3,3,4,4,4,5,5,5,5,5],\r\n 38:[0,0,0,0,0,0,1,1,1,2,2,2,3,3,3,4,4,4,5,5],\r\n 39:[0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,3,3,3,4,4],\r\n 40:[0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,3,3]\r\n };\r\n\r\n var LENGTH_ADJ = {\r\n 60:'-1\\u00bd\"',61:'-1\\u00bd\"',62:'-1\\u00bd\"',\r\n 63:'-1\"',64:'-1\"',\r\n 65:'-\\u00bd\"',66:'-\\u00bd\"',67:'-\\u00bd\"',68:'-\\u00bd\"',\r\n 69:'Standard',70:'Standard',71:'Standard',72:'Standard',\r\n 73:'+\\u00bd\"',74:'+\\u00bd\"',\r\n 75:'+1\"',76:'+1\"',\r\n 77:'+1\\u00bd\"',78:'+1\\u00bd\"',79:'+1\\u00bd\"'\r\n };\r\n\r\n var HEIGHTS_IMP = [];\r\n for (var i = 60; i <= 79; i++) {\r\n HEIGHTS_IMP.push({ label: Math.floor(i\/12)+\"'\"+( i%12 )+'\"', val: i });\r\n }\r\n var WRISTS_IMP = [];\r\n for (var j = 29; j <= 40; j++) {\r\n WRISTS_IMP.push({ label: j+'\"', val: j });\r\n }\r\n\r\n var HEIGHTS_MET = [\r\n {label:'151 cm',val:60},{label:'152 cm',val:60},{label:'153 cm',val:60},\r\n {label:'154 cm',val:61},{label:'155 cm',val:61},{label:'156 cm',val:61},\r\n {label:'157 cm',val:62},{label:'158 cm',val:62},{label:'159 cm',val:63},\r\n {label:'160 cm',val:63},{label:'161 cm',val:63},{label:'162 cm',val:64},\r\n {label:'163 cm',val:64},{label:'164 cm',val:65},{label:'165 cm',val:65},\r\n {label:'166 cm',val:65},{label:'167 cm',val:66},{label:'168 cm',val:66},\r\n {label:'169 cm',val:67},{label:'170 cm',val:67},{label:'171 cm',val:67},\r\n {label:'172 cm',val:68},{label:'173 cm',val:68},{label:'174 cm',val:69},\r\n {label:'175 cm',val:69},{label:'176 cm',val:69},{label:'177 cm',val:70},\r\n {label:'178 cm',val:70},{label:'179 cm',val:71},{label:'180 cm',val:71},\r\n {label:'181 cm',val:71},{label:'182 cm',val:72},{label:'183 cm',val:72},\r\n {label:'184 cm',val:72},{label:'185 cm',val:73},{label:'186 cm',val:73},\r\n {label:'187 cm',val:74},{label:'188 cm',val:74},{label:'189 cm',val:75},\r\n {label:'190 cm',val:75},{label:'191 cm',val:75},{label:'192 cm',val:76},\r\n {label:'193 cm',val:76},{label:'194 cm',val:76},{label:'195 cm',val:77},\r\n {label:'196 cm',val:77},{label:'197 cm',val:78},{label:'198 cm',val:78},\r\n {label:'199 cm',val:78},{label:'200 cm',val:79},{label:'201 cm',val:79}\r\n ];\r\n\r\n var WRISTS_MET = [\r\n {label:'74 cm',val:29},{label:'75 cm',val:30},{label:'76 cm',val:30},\r\n {label:'77 cm',val:30},{label:'78 cm',val:31},{label:'79 cm',val:31},\r\n {label:'80 cm',val:32},{label:'81 cm',val:32},{label:'82 cm',val:32},\r\n {label:'83 cm',val:33},{label:'84 cm',val:33},{label:'85 cm',val:33},\r\n {label:'86 cm',val:34},{label:'87 cm',val:34},{label:'88 cm',val:35},\r\n {label:'89 cm',val:35},{label:'90 cm',val:35},{label:'91 cm',val:36},\r\n {label:'92 cm',val:36},{label:'93 cm',val:37},{label:'94 cm',val:37},\r\n {label:'95 cm',val:37},{label:'96 cm',val:38},{label:'97 cm',val:38},\r\n {label:'98 cm',val:39},{label:'99 cm',val:39},{label:'100 cm',val:39},\r\n {label:'101 cm',val:40}\r\n ];\r\n\r\n var currentUnit = 'imperial';\r\n\r\n \/\/ Build colour table\r\n var tbody = document.getElementById('pingColourTableBody');\r\n for (var k = 0; k < COLOURS.length; k++) {\r\n var c = COLOURS[k];\r\n var rowBg = (k % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n var tr = document.createElement('tr');\r\n tr.id = 'pingRow-' + c.id;\r\n tr.style.cssText = 'background:'+rowBg+';border:1px solid #dddddd;';\r\n tr.innerHTML =\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;vertical-align:middle;\">' +\r\n '<span style=\"display:inline-flex;align-items:center;gap:10px;\">' +\r\n '<span style=\"display:inline-block;width:20px;height:20px;border-radius:50%;background:'+c.hex+';border:2px solid '+c.border+';flex-shrink:0;vertical-align:middle;\"><\/span>' +\r\n '<strong>'+c.name+'<\/strong>' +\r\n '<\/span>' +\r\n '<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.lie+'<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.direction+'<\/td>';\r\n tbody.appendChild(tr);\r\n }\r\n\r\n function populateSelects() {\r\n var heights = currentUnit === 'imperial' ? HEIGHTS_IMP : HEIGHTS_MET;\r\n var wrists = currentUnit === 'imperial' ? WRISTS_IMP : WRISTS_MET;\r\n var hSel = document.getElementById('pingSelHeight');\r\n var wSel = document.getElementById('pingSelWrist');\r\n hSel.innerHTML = '<option value=\"\">Select your height...<\/option>';\r\n wSel.innerHTML = '<option value=\"\">Select measurement...<\/option>';\r\n for (var a = 0; a < heights.length; a++) {\r\n hSel.innerHTML += '<option value=\"'+heights[a].val+'\">'+heights[a].label+'<\/option>';\r\n }\r\n for (var b = 0; b < wrists.length; b++) {\r\n wSel.innerHTML += '<option value=\"'+wrists[b].val+'\">'+wrists[b].label+'<\/option>';\r\n }\r\n }\r\n\r\n window.pingSetUnit = function(unit) {\r\n currentUnit = unit;\r\n var btnInch = document.getElementById('pingBtnInch');\r\n var btnCm = document.getElementById('pingBtnCm');\r\n if (unit === 'imperial') {\r\n btnInch.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n btnCm.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n } else {\r\n btnCm.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n btnInch.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n }\r\n populateSelects();\r\n pingClearResult();\r\n };\r\n\r\n window.pingCalculate = function() {\r\n var hVal = parseInt(document.getElementById('pingSelHeight').value);\r\n var wVal = parseInt(document.getElementById('pingSelWrist').value);\r\n if (isNaN(hVal) || isNaN(wVal)) { pingClearResult(); return; }\r\n var wristRow = CHART[wVal];\r\n if (!wristRow) { pingClearResult(); return; }\r\n var hIndex = hVal - 60;\r\n if (hIndex < 0 || hIndex >= wristRow.length) { pingClearResult(); return; }\r\n\r\n var colour = COLOURS[wristRow[hIndex]];\r\n var lengthAdj = LENGTH_ADJ[hVal] || 'Standard';\r\n var isStd = lengthAdj === 'Standard';\r\n\r\n document.getElementById('pingResultCard').style.border = '2px solid #398100';\r\n\r\n \/\/ Hide wheel, show solid dot\r\n document.getElementById('pingDotPlaceholder').style.display = 'none';\r\n var dot = document.getElementById('pingResultDot');\r\n dot.style.display = 'block';\r\n dot.style.background = colour.hex;\r\n dot.style.borderColor = colour.border;\r\n dot.style.boxShadow = '0 2px 10px rgba(0,0,0,0.25)';\r\n\r\n document.getElementById('pingResultPlaceholder').style.display = 'none';\r\n var colEl = document.getElementById('pingResultColour');\r\n colEl.style.display = 'block';\r\n colEl.textContent = colour.name + ' Dot';\r\n var lieEl = document.getElementById('pingResultLie');\r\n lieEl.style.display = 'block';\r\n lieEl.innerHTML = 'Lie angle: <strong style=\"color:#398100;\">'+colour.lie+'<\/strong>';\r\n document.getElementById('pingShopWrap').style.display = 'block';\r\n\r\n var statsEl = document.getElementById('pingResultStats');\r\n statsEl.style.display = 'grid';\r\n statsEl.style.gridTemplateColumns = '1fr 1fr 1fr';\r\n document.getElementById('pingStatLie').textContent = colour.lie;\r\n var lenEl = document.getElementById('pingStatLength');\r\n lenEl.textContent = lengthAdj;\r\n lenEl.style.color = isStd ? '#333333' : '#398100';\r\n var stdEl = document.getElementById('pingStatStd');\r\n stdEl.textContent = isStd ? 'Yes' : 'No';\r\n stdEl.style.color = isStd ? '#398100' : '#333333';\r\n\r\n for (var m = 0; m < COLOURS.length; m++) {\r\n var row = document.getElementById('pingRow-' + COLOURS[m].id);\r\n if (row) {\r\n var rowBg = (m % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n if (COLOURS[m].id === colour.id) {\r\n row.style.cssText = 'background:#e8f5e9;border:1px solid #dddddd;outline:2px solid #398100;';\r\n } else {\r\n row.style.cssText = 'background:'+rowBg+';border:1px solid #dddddd;opacity:0.35;';\r\n }\r\n }\r\n }\r\n };\r\n\r\n function pingClearResult() {\r\n document.getElementById('pingResultCard').style.border = '2px solid #e0e0e0';\r\n document.getElementById('pingDotPlaceholder').style.display = 'block';\r\n document.getElementById('pingResultDot').style.display = 'none';\r\n document.getElementById('pingResultPlaceholder').style.display = 'block';\r\n document.getElementById('pingResultColour').style.display = 'none';\r\n document.getElementById('pingResultLie').style.display = 'none';\r\n document.getElementById('pingResultStats').style.display = 'none';\r\n document.getElementById('pingShopWrap').style.display = 'none';\r\n for (var m = 0; m < COLOURS.length; m++) {\r\n var row = document.getElementById('pingRow-' + COLOURS[m].id);\r\n if (row) {\r\n var rowBg = (m % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n row.style.cssText = 'background:'+rowBg+';border:1px solid #dddddd;opacity:1;';\r\n }\r\n }\r\n }\r\n\r\n window.pingClearResult = pingClearResult;\r\n populateSelects();\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\n\r\n\r\n<style>\r\n\/* ===== PURE CSS DISMISS - no JS needed ===== *\/\r\n#gso-dismiss-check {\r\n display: none;\r\n}\r\n\/* When checkbox is checked, hide the whole widget and drawer *\/\r\n#gso-dismiss-check:checked ~ #gso-widget-container {\r\n right: -300px !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n transition: right 0.4s ease, opacity 0.4s ease;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-drawer {\r\n right: -480px !important;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-overlay {\r\n display: none !important;\r\n}\r\n\r\n\/* Widget container - holds tab and dismiss button together *\/\r\n#gso-widget-container {\r\n position: fixed;\r\n right: 0;\r\n top: 40%;\r\n transform: translateY(-50%);\r\n z-index: 2147483640;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\r\n}\r\n#gso-comp-drawer.gso-force-hide {\r\n right: -480px !important;\r\n transition: none !important;\r\n}\r\n#gso-comp-overlay.gso-force-hide {\r\n display: none !important;\r\n}\r\n\r\n#gso-comp-tab {\r\n position: relative;\r\n right: auto;\r\n top: auto;\r\n transform: none;\r\n z-index: auto;\r\n cursor: pointer;\r\n background: #398100;\r\n color: #fff;\r\n writing-mode: horizontal-tb;\r\n padding: 16px 14px;\r\n border-radius: 8px 0 0 8px;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n letter-spacing: 0.3px;\r\n line-height: 1.5;\r\n text-align: center;\r\n box-shadow: -3px 0 12px rgba(0,0,0,0.2);\r\n transition: background 0.2s;\r\n user-select: none;\r\n border: none;\r\n width: 114px;\r\n}\r\n#gso-comp-tab:hover {\r\n background: #2d6800;\r\n}\r\n@keyframes gsoValuePulse {\r\n 0% { color: #ffffff; }\r\n 50% { color: #ffe600; }\r\n 100% { color: #ffffff; }\r\n}\r\n#gso-comp-tab .gso-tab-value {\r\n display: block;\r\n font-size: 19px;\r\n font-weight: 900;\r\n margin-top: 6px;\r\n animation: gsoValuePulse 2s ease-in-out infinite;\r\n}\r\n.gso-tab-cta {\r\n display: block;\r\n color: rgba(255,255,255,0.8);\r\n font-size: 10px;\r\n font-weight: 600;\r\n margin-top: 5px;\r\n line-height: 1.4;\r\n letter-spacing: 0.2px;\r\n}\r\n.gso-tab-img-wrap {\r\n display: block;\r\n margin: 0 0 10px;\r\n}\r\n.gso-tab-trolley-img {\r\n width: 78px;\r\n height: 78px;\r\n object-fit: contain;\r\n border-radius: 4px;\r\n background: rgba(255,255,255,0.15);\r\n padding: 3px;\r\n}\r\n\r\n#gso-comp-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0,0,0,0.45);\r\n z-index: 2147483641;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n#gso-comp-overlay.gso-active { display: block; }\r\n#gso-comp-overlay.gso-visible { opacity: 1; }\r\n\r\n#gso-comp-drawer {\r\n position: fixed;\r\n top: 69px;\r\n right: -480px;\r\n width: 325px;\r\n max-width: 95vw;\r\n height: calc(100% - 69px);\r\n background: #fff;\r\n z-index: 2147483642;\r\n box-shadow: -6px 0 32px rgba(0,0,0,0.18);\r\n transition: right 0.38s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n#gso-comp-drawer.gso-open { right: 0; }\r\n#gso-comp-drawer *, #gso-comp-drawer *::before, #gso-comp-drawer *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.gso-drawer-header {\r\n background: linear-gradient(135deg, #398100 0%, #2d6800 60%, #1e4700 100%);\r\n padding: 12px 24px 12px;\r\n color: #fff;\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n.gso-drawer-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #7fba23;\r\n}\r\n.gso-close-btn {\r\n position: absolute;\r\n top: 14px;\r\n right: 16px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n color: #fff;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 20px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-close-btn:hover { background: rgba(255,255,255,0.28); }\r\n\r\n.gso-win-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #7fba23;\r\n margin: 0 0 4px 0;\r\n}\r\n.gso-drawer-header h2 {\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 900 !important;\r\n margin: 0 0 3px 0 !important;\r\n line-height: 1.2 !important;\r\n color: #fff !important;\r\n padding-right: 36px;\r\n border: none !important;\r\n white-space: nowrap;\r\n}\r\n.gso-prize-value {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.8);\r\n margin: 2px 0 0 0;\r\n}\r\n.gso-prize-value strong {\r\n color: #7fba23;\r\n font-size: 14px;\r\n}\r\n\r\n.gso-drawer-body {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 0;\r\n}\r\n.gso-drawer-body::-webkit-scrollbar { width: 4px; }\r\n.gso-drawer-body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n.gso-features-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.gso-product-img-wrap {\r\n background: #f8f9fa;\r\n text-align: center;\r\n padding: 12px 10px;\r\n flex-shrink: 0;\r\n width: 140px;\r\n}\r\n.gso-product-img-wrap img {\r\n max-height: 120px;\r\n max-width: 120px;\r\n object-fit: contain;\r\n}\r\n\r\n.gso-features {\r\n flex: 1;\r\n padding: 16px 16px 16px 20px;\r\n}\r\n.gso-features-title {\r\n font-size: 15px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #398100 !important;\r\n margin: 0 0 14px 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n.gso-feature-list li {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list li::before {\r\n content: '\u2713';\r\n color: #fff;\r\n background: #7fba23;\r\n font-weight: 900;\r\n font-size: 13px;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 1;\r\n}\r\n\r\n.gso-closing-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff8e1;\r\n border-left: 3px solid #f9a825;\r\n border-radius: 0 5px 5px 0;\r\n padding: 10px 14px;\r\n margin: 10px 24px 14px;\r\n font-size: 13px;\r\n color: #555;\r\n}\r\n.gso-closing-badge strong { color: #333; }\r\n\r\n.gso-divider {\r\n height: 1px;\r\n background: #e0e0e0;\r\n margin: 4px 24px 16px;\r\n}\r\n\r\n.gso-entry-section { padding: 0 24px 8px; }\r\n.gso-entry-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #333;\r\n margin: 0 0 8px 0;\r\n display: block;\r\n}\r\n.gso-email-row {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n.gso-email-input {\r\n flex: 1;\r\n padding: 11px 14px;\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: inherit;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n color: #333;\r\n background: #fff;\r\n}\r\n.gso-email-input:focus { border-color: #398100 !important; }\r\n.gso-submit-btn {\r\n padding: 11px 18px;\r\n background: #7fba23;\r\n color: #fff;\r\n border: none;\r\n border-radius: 6px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background 0.2s, transform 0.1s;\r\n}\r\n.gso-submit-btn:hover:not(:disabled) {\r\n background: #6aab18;\r\n transform: translateY(-1px);\r\n}\r\n.gso-submit-btn:disabled { background: #aaa; cursor: not-allowed; }\r\n\r\n.gso-status {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n padding: 8px 12px;\r\n border-radius: 5px;\r\n display: none;\r\n}\r\n.gso-status.gso-success {\r\n background: #e8f5e9;\r\n color: #2e7d32;\r\n border-left: 3px solid #398100;\r\n display: block;\r\n}\r\n.gso-status.gso-error {\r\n background: #ffebee;\r\n color: #c62828;\r\n border-left: 3px solid #dc4332;\r\n display: block;\r\n}\r\n\r\n.gso-tc-wrap {\r\n padding: 12px 24px 24px;\r\n font-size: 12px;\r\n color: #777;\r\n line-height: 1.5;\r\n}\r\n.gso-tc-trigger {\r\n color: #398100;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-weight: 600;\r\n}\r\n\r\n.gso-tc-popover {\r\n display: none;\r\n position: fixed;\r\n bottom: 80px;\r\n right: 16px;\r\n width: 420px;\r\n max-width: 90vw;\r\n max-height: 50vh;\r\n overflow-y: auto;\r\n background: #fff;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n z-index: 2147483643;\r\n padding: 18px 20px;\r\n font-size: 12.5px;\r\n color: #444;\r\n line-height: 1.6;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n}\r\n.gso-tc-popover.gso-show {\r\n display: block;\r\n animation: gsoFadeUp 0.2s ease;\r\n}\r\n@keyframes gsoFadeUp {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.gso-tc-popover h4 {\r\n margin: 0 0 10px 0 !important;\r\n color: #398100 !important;\r\n font-size: 14px !important;\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n border: none !important;\r\n}\r\n.gso-tc-popover h5 {\r\n margin: 12px 0 4px 0 !important;\r\n font-size: 11px !important;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: #555 !important;\r\n}\r\n.gso-tc-popover p { margin: 0 0 8px 0 !important; font-size: 12px !important; }\r\n.gso-tc-close-pop {\r\n position: absolute;\r\n top: 10px;\r\n right: 12px;\r\n background: none;\r\n border: none;\r\n font-size: 18px;\r\n cursor: pointer;\r\n color: #888;\r\n line-height: 1;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-tc-close-pop:hover { color: #333; }\r\n.gso-tc-popover::-webkit-scrollbar { width: 4px; }\r\n.gso-tc-popover::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n@media (max-width: 520px) {\r\n #gso-comp-drawer { width: 100vw; top: 60px; height: calc(100% - 60px); }\r\n .gso-email-row { flex-direction: column; }\r\n .gso-tc-popover { right: 4px; left: 4px; width: auto; }\r\n}\r\n\r\n\/* Dismiss button - sits below the tab inside the container *\/\r\n#gso-dismiss-btn {\r\n position: relative;\r\n background: rgba(30,30,30,0.85);\r\n color: #fff;\r\n border: none;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n font-size: 30px;\r\n line-height: 60px;\r\n text-align: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.35);\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n display: block;\r\n margin-top: 10px;\r\n user-select: none;\r\n}\r\n#gso-dismiss-btn:hover {\r\n background: rgba(220,67,50,0.92);\r\n}\r\n<\/style>\r\n\r\n\r\n<input type=\"checkbox\" id=\"gso-dismiss-check\">\r\n\r\n\r\n<div id=\"gso-widget-container\">\r\n\r\n <button id=\"gso-comp-tab\" onclick=\"gsoOpenDrawer()\" aria-label=\"Open competition entry\">\r\n <span class=\"gso-tab-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\" alt=\"\" class=\"gso-tab-trolley-img\">\r\n <\/span>\r\n WIN A<br>MOTOCADDY<br>REMOTE<br>TROLLEY<br>\r\n <span class=\"gso-tab-value\">\u00a31,049<\/span>\r\n <span class=\"gso-tab-cta\">Click Here<br>To Enter<\/span>\r\n <\/button>\r\n\r\n <label id=\"gso-dismiss-btn\" for=\"gso-dismiss-check\" aria-label=\"Close competition\">✕<\/label>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div id=\"gso-comp-overlay\" onclick=\"gsoCloseDrawer()\"><\/div>\r\n\r\n\r\n<div id=\"gso-comp-drawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Win a Motocaddy Trolley Competition\">\r\n\r\n \r\n <div class=\"gso-drawer-header\">\r\n <button class=\"gso-close-btn\" onclick=\"gsoCloseDrawer()\" aria-label=\"Close\">×<\/button>\r\n <p class=\"gso-win-label\">Competition<\/p>\r\n <h2>Win a Motocaddy Remote Controlled Trolley<\/h2>\r\n <p class=\"gso-prize-value\">Worth <strong>\u00a31,049<\/strong><\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-drawer-body\">\r\n\r\n \r\n <div class=\"gso-features-row\">\r\n <div class=\"gso-features\">\r\n <p class=\"gso-features-title\">Why you'll love it<\/p>\r\n <ul class=\"gso-feature-list\">\r\n <li>Remote Control up to 100m<\/li>\r\n <li>Ultra Lithium Battery<\/li>\r\n <li>Dual 230w DHC Motors<\/li>\r\n <li>Worth \u00a31,049<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"gso-product-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\"\r\n alt=\"Motocaddy 2026 ME Remote Lithium Electric Golf Trolley\"\r\n onerror=\"this.style.display='none'\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gso-divider\"><\/div>\r\n\r\n \r\n <div class=\"gso-entry-section\">\r\n <span class=\"gso-entry-label\">Enter your email to be in with a chance to win:<\/span>\r\n <div class=\"gso-email-row\">\r\n <input type=\"email\" id=\"gso-email\" class=\"gso-email-input\" placeholder=\"your@email.com\" autocomplete=\"email\">\r\n <button class=\"gso-submit-btn\" id=\"gso-submit-btn\" onclick=\"gsoEnterComp()\">Enter Now<\/button>\r\n <\/div>\r\n <div id=\"gso-status\" class=\"gso-status\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-closing-badge\">\r\n ⏰ <span>Competition closes <strong>23:59 on 31st May 2026<\/strong><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-tc-wrap\">\r\n By entering you agree to join The Golf Shop Online mailing list and accept our\r\n <span class=\"gso-tc-trigger\" onclick=\"gsoToggleTC()\" id=\"gso-tc-trigger\">Terms & Conditions<\/span>.\r\n UK residents only. One entry per person.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"gso-tc-popover\" id=\"gso-tc-popover\">\r\n <button class=\"gso-tc-close-pop\" onclick=\"gsoToggleTC()\" aria-label=\"Close terms\">×<\/button>\r\n <h4>Competition Terms & Conditions<\/h4>\r\n\r\n <h5>How to Enter<\/h5>\r\n <p>Submit your email address to subscribe to The Golf Shop Online mailing list. One entry per person. Open to individual UK residents only. Entries from golf clubs, societies, or organisations will not be accepted.<\/p>\r\n\r\n <h5>Draw Details<\/h5>\r\n <p>The competition closes at 23:59 on 31st May 2026. Entries after this date will not be counted. The winner will be selected at random and notified by email. If the winner cannot be contacted or does not claim the prize within 14 days, we reserve the right to select an alternative winner.<\/p>\r\n\r\n <h5>The Prize<\/h5>\r\n <p>One Motocaddy ME Remote Lithium Electric Golf Trolley (RRP \u00a31,049.99). Non-transferable, no cash value, cannot be exchanged for any other product or credit.<\/p>\r\n\r\n <h5>Subscription<\/h5>\r\n <p>You must remain subscribed to The Golf Shop Online mailing list until the closing date. If you unsubscribe before the draw, your entry will be void.<\/p>\r\n\r\n <h5>Winner Obligations<\/h5>\r\n <p>As a condition of receiving the prize, the winner must provide a photograph of themselves on a golf course. The Golf Shop Online reserves the right to use this photograph on social media and in promotional materials.<\/p>\r\n\r\n <h5>Promoter<\/h5>\r\n <p>The Golf Shop Online, GSO Warehouse, Cofton Road, Marsh Barton, Exeter, Devon, EX2 8QW.<\/p>\r\n\r\n <h5>Important Notice<\/h5>\r\n <p>We will only ever contact competition entrants from an email address ending in @thegolfshoponline.co.uk. We have no affiliate or partner accounts running giveaways on our behalf — please be vigilant of fake or copycat accounts on social media.<\/p>\r\n\r\n <p><em>By entering this competition, you agree to be bound by these terms and conditions.<\/em><\/p>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n \/\/ Load Google Fonts\r\n if (!document.getElementById('gso-fonts')) {\r\n var link = document.createElement('link');\r\n link.id = 'gso-fonts';\r\n link.rel = 'stylesheet';\r\n link.href = 'https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500;600;700;900&display=swap';\r\n document.head.appendChild(link);\r\n }\r\n\r\n \/\/ ---- Hide widget - CSS checkbox does this, JS is just a fallback ----\r\n window.gsoHideWidget = function() {\r\n var cb = document.getElementById('gso-dismiss-check');\r\n if (cb) cb.checked = true;\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n if (drawer) drawer.classList.remove('gso-open');\r\n if (overlay) {\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n }\r\n document.body.style.overflow = '';\r\n };\r\n\r\n \/\/ ---- Open drawer ----\r\n window.gsoOpenDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n overlay.classList.add('gso-active');\r\n setTimeout(function() { overlay.classList.add('gso-visible'); }, 10);\r\n drawer.classList.add('gso-open');\r\n document.body.style.overflow = 'hidden';\r\n };\r\n\r\n \/\/ ---- Close drawer ----\r\n window.gsoCloseDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n drawer.classList.remove('gso-open');\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n document.body.style.overflow = '';\r\n document.getElementById('gso-tc-popover').classList.remove('gso-show');\r\n };\r\n\r\n \/\/ ---- T&C toggle ----\r\n window.gsoToggleTC = function() {\r\n document.getElementById('gso-tc-popover').classList.toggle('gso-show');\r\n };\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') window.gsoCloseDrawer();\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n var pop = document.getElementById('gso-tc-popover');\r\n var trigger = document.getElementById('gso-tc-trigger');\r\n if (pop && pop.classList.contains('gso-show') && !pop.contains(e.target) && e.target !== trigger) {\r\n pop.classList.remove('gso-show');\r\n }\r\n });\r\n\r\n \/\/ ---- Enter competition ----\r\n window.gsoEnterComp = function() {\r\n var email = document.getElementById('gso-email').value.trim();\r\n var statusEl = document.getElementById('gso-status');\r\n var submitBtn = document.getElementById('gso-submit-btn');\r\n\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.textContent = 'Please enter a valid email address.';\r\n return;\r\n }\r\n\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = 'Entering\\u2026';\r\n statusEl.className = 'gso-status';\r\n statusEl.style.display = '';\r\n\r\n var formData = new FormData();\r\n formData.append('email', email);\r\n formData.append('source', 'competition_blog');\r\n\r\n fetch('https:\/\/www.thegolfshoponline.co.uk\/index.cfm?fuseaction=main.actAjaxNewsletterSignup', {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(function(r) { return r.text(); })\r\n .then(function() {\r\n statusEl.className = 'gso-status gso-success';\r\n statusEl.style.display = 'block';\r\n statusEl.innerHTML = '<strong style=\"font-size:16px;display:block;margin-bottom:4px;\">\\uD83C\\uDF89 Good Luck! You have been entered.<\/strong>We\\'ll contact you by email if you win.';\r\n submitBtn.style.display = 'none';\r\n document.getElementById('gso-email').disabled = true;\r\n })\r\n .catch(function() {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.style.display = 'block';\r\n statusEl.textContent = 'Unable to submit \\u2014 please check your connection and try again.';\r\n submitBtn.disabled = false;\r\n submitBtn.textContent = 'Enter Now';\r\n });\r\n };\r\n\r\n})();\r\n<\/script>\n<p><iframe loading=\"lazy\" title=\"The Ping Colour CODE Chart and Dot System!!! This is how it works.\" width=\"620\" height=\"349\" src=\"https:\/\/www.youtube.com\/embed\/oINBW5ZYYKg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p> <\/p>\n<div id=\"gso-widget-69ef8bd15bf98\" class=\"gso-widget-outer\">Loading widget...<\/div><script>loadGSOwidget(358, 'gso-widget-69ef8bd15bf98');<\/script>\n<h2><strong>Ping Colour Chart – can you understand it?<\/strong><\/h2>\n<p><a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping\/?&utm_source=blog&utm_medium=tour-alpha\" target=\"_blank\" rel=\"noopener noreferrer\">Are you looking for a new set of Ping golf clubs<\/a>? Understanding the Ping colour chart and colour code system used by Ping will enable you to select a set that best suits your game. Ping’s unique colour code refers to the lie angle, which is the angle between the club’s shaft and the sole of the club in relation to its length.<\/p>\n\r\n\r\n<style>\r\n\/* ===== PURE CSS DISMISS - no JS needed ===== *\/\r\n#gso-dismiss-check {\r\n display: none;\r\n}\r\n\/* When checkbox is checked, hide the whole widget and drawer *\/\r\n#gso-dismiss-check:checked ~ #gso-widget-container {\r\n right: -300px !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n transition: right 0.4s ease, opacity 0.4s ease;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-drawer {\r\n right: -480px !important;\r\n}\r\n#gso-dismiss-check:checked ~ #gso-comp-overlay {\r\n display: none !important;\r\n}\r\n\r\n\/* Widget container - holds tab and dismiss button together *\/\r\n#gso-widget-container {\r\n position: fixed;\r\n right: 0;\r\n top: 40%;\r\n transform: translateY(-50%);\r\n z-index: 2147483640;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s ease;\r\n}\r\n#gso-comp-drawer.gso-force-hide {\r\n right: -480px !important;\r\n transition: none !important;\r\n}\r\n#gso-comp-overlay.gso-force-hide {\r\n display: none !important;\r\n}\r\n\r\n#gso-comp-tab {\r\n position: relative;\r\n right: auto;\r\n top: auto;\r\n transform: none;\r\n z-index: auto;\r\n cursor: pointer;\r\n background: #398100;\r\n color: #fff;\r\n writing-mode: horizontal-tb;\r\n padding: 16px 14px;\r\n border-radius: 8px 0 0 8px;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n font-weight: 700;\r\n font-size: 13px;\r\n letter-spacing: 0.3px;\r\n line-height: 1.5;\r\n text-align: center;\r\n box-shadow: -3px 0 12px rgba(0,0,0,0.2);\r\n transition: background 0.2s;\r\n user-select: none;\r\n border: none;\r\n width: 114px;\r\n}\r\n#gso-comp-tab:hover {\r\n background: #2d6800;\r\n}\r\n@keyframes gsoValuePulse {\r\n 0% { color: #ffffff; }\r\n 50% { color: #ffe600; }\r\n 100% { color: #ffffff; }\r\n}\r\n#gso-comp-tab .gso-tab-value {\r\n display: block;\r\n font-size: 19px;\r\n font-weight: 900;\r\n margin-top: 6px;\r\n animation: gsoValuePulse 2s ease-in-out infinite;\r\n}\r\n.gso-tab-cta {\r\n display: block;\r\n color: rgba(255,255,255,0.8);\r\n font-size: 10px;\r\n font-weight: 600;\r\n margin-top: 5px;\r\n line-height: 1.4;\r\n letter-spacing: 0.2px;\r\n}\r\n.gso-tab-img-wrap {\r\n display: block;\r\n margin: 0 0 10px;\r\n}\r\n.gso-tab-trolley-img {\r\n width: 78px;\r\n height: 78px;\r\n object-fit: contain;\r\n border-radius: 4px;\r\n background: rgba(255,255,255,0.15);\r\n padding: 3px;\r\n}\r\n\r\n#gso-comp-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n background: rgba(0,0,0,0.45);\r\n z-index: 2147483641;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n#gso-comp-overlay.gso-active { display: block; }\r\n#gso-comp-overlay.gso-visible { opacity: 1; }\r\n\r\n#gso-comp-drawer {\r\n position: fixed;\r\n top: 69px;\r\n right: -480px;\r\n width: 325px;\r\n max-width: 95vw;\r\n height: calc(100% - 69px);\r\n background: #fff;\r\n z-index: 2147483642;\r\n box-shadow: -6px 0 32px rgba(0,0,0,0.18);\r\n transition: right 0.38s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n flex-direction: column;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n}\r\n#gso-comp-drawer.gso-open { right: 0; }\r\n#gso-comp-drawer *, #gso-comp-drawer *::before, #gso-comp-drawer *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.gso-drawer-header {\r\n background: linear-gradient(135deg, #398100 0%, #2d6800 60%, #1e4700 100%);\r\n padding: 12px 24px 12px;\r\n color: #fff;\r\n position: relative;\r\n flex-shrink: 0;\r\n}\r\n.gso-drawer-header::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -1px;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: #7fba23;\r\n}\r\n.gso-close-btn {\r\n position: absolute;\r\n top: 14px;\r\n right: 16px;\r\n background: rgba(255,255,255,0.15);\r\n border: none;\r\n color: #fff;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n font-size: 20px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-close-btn:hover { background: rgba(255,255,255,0.28); }\r\n\r\n.gso-win-label {\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: #7fba23;\r\n margin: 0 0 4px 0;\r\n}\r\n.gso-drawer-header h2 {\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 900 !important;\r\n margin: 0 0 3px 0 !important;\r\n line-height: 1.2 !important;\r\n color: #fff !important;\r\n padding-right: 36px;\r\n border: none !important;\r\n white-space: nowrap;\r\n}\r\n.gso-prize-value {\r\n font-size: 12px;\r\n color: rgba(255,255,255,0.8);\r\n margin: 2px 0 0 0;\r\n}\r\n.gso-prize-value strong {\r\n color: #7fba23;\r\n font-size: 14px;\r\n}\r\n\r\n.gso-drawer-body {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 0;\r\n}\r\n.gso-drawer-body::-webkit-scrollbar { width: 4px; }\r\n.gso-drawer-body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n.gso-features-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n border-bottom: 1px solid #e0e0e0;\r\n}\r\n\r\n.gso-product-img-wrap {\r\n background: #f8f9fa;\r\n text-align: center;\r\n padding: 12px 10px;\r\n flex-shrink: 0;\r\n width: 140px;\r\n}\r\n.gso-product-img-wrap img {\r\n max-height: 120px;\r\n max-width: 120px;\r\n object-fit: contain;\r\n}\r\n\r\n.gso-features {\r\n flex: 1;\r\n padding: 16px 16px 16px 20px;\r\n}\r\n.gso-features-title {\r\n font-size: 15px !important;\r\n font-weight: 700 !important;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n color: #398100 !important;\r\n margin: 0 0 14px 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list {\r\n list-style: none !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 12px;\r\n}\r\n.gso-feature-list li {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px;\r\n font-size: 14px !important;\r\n font-weight: 600 !important;\r\n color: #222 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n.gso-feature-list li::before {\r\n content: '\u2713';\r\n color: #fff;\r\n background: #7fba23;\r\n font-weight: 900;\r\n font-size: 13px;\r\n flex-shrink: 0;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n line-height: 1;\r\n}\r\n\r\n.gso-closing-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: #fff8e1;\r\n border-left: 3px solid #f9a825;\r\n border-radius: 0 5px 5px 0;\r\n padding: 10px 14px;\r\n margin: 10px 24px 14px;\r\n font-size: 13px;\r\n color: #555;\r\n}\r\n.gso-closing-badge strong { color: #333; }\r\n\r\n.gso-divider {\r\n height: 1px;\r\n background: #e0e0e0;\r\n margin: 4px 24px 16px;\r\n}\r\n\r\n.gso-entry-section { padding: 0 24px 8px; }\r\n.gso-entry-label {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #333;\r\n margin: 0 0 8px 0;\r\n display: block;\r\n}\r\n.gso-email-row {\r\n display: flex;\r\n gap: 8px;\r\n}\r\n.gso-email-input {\r\n flex: 1;\r\n padding: 11px 14px;\r\n border: 2px solid #e0e0e0 !important;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n font-family: inherit;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n color: #333;\r\n background: #fff;\r\n}\r\n.gso-email-input:focus { border-color: #398100 !important; }\r\n.gso-submit-btn {\r\n padding: 11px 18px;\r\n background: #7fba23;\r\n color: #fff;\r\n border: none;\r\n border-radius: 6px;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background 0.2s, transform 0.1s;\r\n}\r\n.gso-submit-btn:hover:not(:disabled) {\r\n background: #6aab18;\r\n transform: translateY(-1px);\r\n}\r\n.gso-submit-btn:disabled { background: #aaa; cursor: not-allowed; }\r\n\r\n.gso-status {\r\n margin-top: 8px;\r\n font-size: 13px;\r\n padding: 8px 12px;\r\n border-radius: 5px;\r\n display: none;\r\n}\r\n.gso-status.gso-success {\r\n background: #e8f5e9;\r\n color: #2e7d32;\r\n border-left: 3px solid #398100;\r\n display: block;\r\n}\r\n.gso-status.gso-error {\r\n background: #ffebee;\r\n color: #c62828;\r\n border-left: 3px solid #dc4332;\r\n display: block;\r\n}\r\n\r\n.gso-tc-wrap {\r\n padding: 12px 24px 24px;\r\n font-size: 12px;\r\n color: #777;\r\n line-height: 1.5;\r\n}\r\n.gso-tc-trigger {\r\n color: #398100;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-weight: 600;\r\n}\r\n\r\n.gso-tc-popover {\r\n display: none;\r\n position: fixed;\r\n bottom: 80px;\r\n right: 16px;\r\n width: 420px;\r\n max-width: 90vw;\r\n max-height: 50vh;\r\n overflow-y: auto;\r\n background: #fff;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n z-index: 2147483643;\r\n padding: 18px 20px;\r\n font-size: 12.5px;\r\n color: #444;\r\n line-height: 1.6;\r\n font-family: 'Source Sans 3', Arial, sans-serif;\r\n}\r\n.gso-tc-popover.gso-show {\r\n display: block;\r\n animation: gsoFadeUp 0.2s ease;\r\n}\r\n@keyframes gsoFadeUp {\r\n from { opacity: 0; transform: translateY(8px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.gso-tc-popover h4 {\r\n margin: 0 0 10px 0 !important;\r\n color: #398100 !important;\r\n font-size: 14px !important;\r\n font-family: 'Source Sans 3', Arial, sans-serif !important;\r\n border: none !important;\r\n}\r\n.gso-tc-popover h5 {\r\n margin: 12px 0 4px 0 !important;\r\n font-size: 11px !important;\r\n text-transform: uppercase;\r\n letter-spacing: 0.8px;\r\n color: #555 !important;\r\n}\r\n.gso-tc-popover p { margin: 0 0 8px 0 !important; font-size: 12px !important; }\r\n.gso-tc-close-pop {\r\n position: absolute;\r\n top: 10px;\r\n right: 12px;\r\n background: none;\r\n border: none;\r\n font-size: 18px;\r\n cursor: pointer;\r\n color: #888;\r\n line-height: 1;\r\n font-family: Arial, sans-serif;\r\n}\r\n.gso-tc-close-pop:hover { color: #333; }\r\n.gso-tc-popover::-webkit-scrollbar { width: 4px; }\r\n.gso-tc-popover::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\r\n\r\n@media (max-width: 520px) {\r\n #gso-comp-drawer { width: 100vw; top: 60px; height: calc(100% - 60px); }\r\n .gso-email-row { flex-direction: column; }\r\n .gso-tc-popover { right: 4px; left: 4px; width: auto; }\r\n}\r\n\r\n\/* Dismiss button - sits below the tab inside the container *\/\r\n#gso-dismiss-btn {\r\n position: relative;\r\n background: rgba(30,30,30,0.85);\r\n color: #fff;\r\n border: none;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n font-size: 30px;\r\n line-height: 60px;\r\n text-align: center;\r\n cursor: pointer;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.35);\r\n transition: background 0.2s;\r\n font-family: Arial, sans-serif;\r\n display: block;\r\n margin-top: 10px;\r\n user-select: none;\r\n}\r\n#gso-dismiss-btn:hover {\r\n background: rgba(220,67,50,0.92);\r\n}\r\n<\/style>\r\n\r\n\r\n<input type=\"checkbox\" id=\"gso-dismiss-check\">\r\n\r\n\r\n<div id=\"gso-widget-container\">\r\n\r\n <button id=\"gso-comp-tab\" onclick=\"gsoOpenDrawer()\" aria-label=\"Open competition entry\">\r\n <span class=\"gso-tab-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\" alt=\"\" class=\"gso-tab-trolley-img\">\r\n <\/span>\r\n WIN A<br>MOTOCADDY<br>REMOTE<br>TROLLEY<br>\r\n <span class=\"gso-tab-value\">\u00a31,049<\/span>\r\n <span class=\"gso-tab-cta\">Click Here<br>To Enter<\/span>\r\n <\/button>\r\n\r\n <label id=\"gso-dismiss-btn\" for=\"gso-dismiss-check\" aria-label=\"Close competition\">✕<\/label>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div id=\"gso-comp-overlay\" onclick=\"gsoCloseDrawer()\"><\/div>\r\n\r\n\r\n<div id=\"gso-comp-drawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Win a Motocaddy Trolley Competition\">\r\n\r\n \r\n <div class=\"gso-drawer-header\">\r\n <button class=\"gso-close-btn\" onclick=\"gsoCloseDrawer()\" aria-label=\"Close\">×<\/button>\r\n <p class=\"gso-win-label\">Competition<\/p>\r\n <h2>Win a Motocaddy Remote Controlled Trolley<\/h2>\r\n <p class=\"gso-prize-value\">Worth <strong>\u00a31,049<\/strong><\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-drawer-body\">\r\n\r\n \r\n <div class=\"gso-features-row\">\r\n <div class=\"gso-features\">\r\n <p class=\"gso-features-title\">Why you'll love it<\/p>\r\n <ul class=\"gso-feature-list\">\r\n <li>Remote Control up to 100m<\/li>\r\n <li>Ultra Lithium Battery<\/li>\r\n <li>Dual 230w DHC Motors<\/li>\r\n <li>Worth \u00a31,049<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"gso-product-img-wrap\">\r\n <img src=\"https:\/\/www.thegolfshoponline.co.uk\/assets\/images\/productimages\/original\/3C467562-4413-4461-901E24D0EE2FD233.jpg\"\r\n alt=\"Motocaddy 2026 ME Remote Lithium Electric Golf Trolley\"\r\n onerror=\"this.style.display='none'\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gso-divider\"><\/div>\r\n\r\n \r\n <div class=\"gso-entry-section\">\r\n <span class=\"gso-entry-label\">Enter your email to be in with a chance to win:<\/span>\r\n <div class=\"gso-email-row\">\r\n <input type=\"email\" id=\"gso-email\" class=\"gso-email-input\" placeholder=\"your@email.com\" autocomplete=\"email\">\r\n <button class=\"gso-submit-btn\" id=\"gso-submit-btn\" onclick=\"gsoEnterComp()\">Enter Now<\/button>\r\n <\/div>\r\n <div id=\"gso-status\" class=\"gso-status\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-closing-badge\">\r\n ⏰ <span>Competition closes <strong>23:59 on 31st May 2026<\/strong><\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"gso-tc-wrap\">\r\n By entering you agree to join The Golf Shop Online mailing list and accept our\r\n <span class=\"gso-tc-trigger\" onclick=\"gsoToggleTC()\" id=\"gso-tc-trigger\">Terms & Conditions<\/span>.\r\n UK residents only. One entry per person.\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"gso-tc-popover\" id=\"gso-tc-popover\">\r\n <button class=\"gso-tc-close-pop\" onclick=\"gsoToggleTC()\" aria-label=\"Close terms\">×<\/button>\r\n <h4>Competition Terms & Conditions<\/h4>\r\n\r\n <h5>How to Enter<\/h5>\r\n <p>Submit your email address to subscribe to The Golf Shop Online mailing list. One entry per person. Open to individual UK residents only. Entries from golf clubs, societies, or organisations will not be accepted.<\/p>\r\n\r\n <h5>Draw Details<\/h5>\r\n <p>The competition closes at 23:59 on 31st May 2026. Entries after this date will not be counted. The winner will be selected at random and notified by email. If the winner cannot be contacted or does not claim the prize within 14 days, we reserve the right to select an alternative winner.<\/p>\r\n\r\n <h5>The Prize<\/h5>\r\n <p>One Motocaddy ME Remote Lithium Electric Golf Trolley (RRP \u00a31,049.99). Non-transferable, no cash value, cannot be exchanged for any other product or credit.<\/p>\r\n\r\n <h5>Subscription<\/h5>\r\n <p>You must remain subscribed to The Golf Shop Online mailing list until the closing date. If you unsubscribe before the draw, your entry will be void.<\/p>\r\n\r\n <h5>Winner Obligations<\/h5>\r\n <p>As a condition of receiving the prize, the winner must provide a photograph of themselves on a golf course. The Golf Shop Online reserves the right to use this photograph on social media and in promotional materials.<\/p>\r\n\r\n <h5>Promoter<\/h5>\r\n <p>The Golf Shop Online, GSO Warehouse, Cofton Road, Marsh Barton, Exeter, Devon, EX2 8QW.<\/p>\r\n\r\n <h5>Important Notice<\/h5>\r\n <p>We will only ever contact competition entrants from an email address ending in @thegolfshoponline.co.uk. We have no affiliate or partner accounts running giveaways on our behalf — please be vigilant of fake or copycat accounts on social media.<\/p>\r\n\r\n <p><em>By entering this competition, you agree to be bound by these terms and conditions.<\/em><\/p>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n\r\n \/\/ Load Google Fonts\r\n if (!document.getElementById('gso-fonts')) {\r\n var link = document.createElement('link');\r\n link.id = 'gso-fonts';\r\n link.rel = 'stylesheet';\r\n link.href = 'https:\/\/fonts.googleapis.com\/css2?family=Source+Sans+3:wght@400;500;600;700;900&display=swap';\r\n document.head.appendChild(link);\r\n }\r\n\r\n \/\/ ---- Hide widget - CSS checkbox does this, JS is just a fallback ----\r\n window.gsoHideWidget = function() {\r\n var cb = document.getElementById('gso-dismiss-check');\r\n if (cb) cb.checked = true;\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n if (drawer) drawer.classList.remove('gso-open');\r\n if (overlay) {\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n }\r\n document.body.style.overflow = '';\r\n };\r\n\r\n \/\/ ---- Open drawer ----\r\n window.gsoOpenDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n overlay.classList.add('gso-active');\r\n setTimeout(function() { overlay.classList.add('gso-visible'); }, 10);\r\n drawer.classList.add('gso-open');\r\n document.body.style.overflow = 'hidden';\r\n };\r\n\r\n \/\/ ---- Close drawer ----\r\n window.gsoCloseDrawer = function() {\r\n var drawer = document.getElementById('gso-comp-drawer');\r\n var overlay = document.getElementById('gso-comp-overlay');\r\n drawer.classList.remove('gso-open');\r\n overlay.classList.remove('gso-visible');\r\n setTimeout(function() { overlay.classList.remove('gso-active'); }, 300);\r\n document.body.style.overflow = '';\r\n document.getElementById('gso-tc-popover').classList.remove('gso-show');\r\n };\r\n\r\n \/\/ ---- T&C toggle ----\r\n window.gsoToggleTC = function() {\r\n document.getElementById('gso-tc-popover').classList.toggle('gso-show');\r\n };\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') window.gsoCloseDrawer();\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n var pop = document.getElementById('gso-tc-popover');\r\n var trigger = document.getElementById('gso-tc-trigger');\r\n if (pop && pop.classList.contains('gso-show') && !pop.contains(e.target) && e.target !== trigger) {\r\n pop.classList.remove('gso-show');\r\n }\r\n });\r\n\r\n \/\/ ---- Enter competition ----\r\n window.gsoEnterComp = function() {\r\n var email = document.getElementById('gso-email').value.trim();\r\n var statusEl = document.getElementById('gso-status');\r\n var submitBtn = document.getElementById('gso-submit-btn');\r\n\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.textContent = 'Please enter a valid email address.';\r\n return;\r\n }\r\n\r\n submitBtn.disabled = true;\r\n submitBtn.textContent = 'Entering\\u2026';\r\n statusEl.className = 'gso-status';\r\n statusEl.style.display = '';\r\n\r\n var formData = new FormData();\r\n formData.append('email', email);\r\n formData.append('source', 'competition_blog');\r\n\r\n fetch('https:\/\/www.thegolfshoponline.co.uk\/index.cfm?fuseaction=main.actAjaxNewsletterSignup', {\r\n method: 'POST',\r\n body: formData\r\n })\r\n .then(function(r) { return r.text(); })\r\n .then(function() {\r\n statusEl.className = 'gso-status gso-success';\r\n statusEl.style.display = 'block';\r\n statusEl.innerHTML = '<strong style=\"font-size:16px;display:block;margin-bottom:4px;\">\\uD83C\\uDF89 Good Luck! You have been entered.<\/strong>We\\'ll contact you by email if you win.';\r\n submitBtn.style.display = 'none';\r\n document.getElementById('gso-email').disabled = true;\r\n })\r\n .catch(function() {\r\n statusEl.className = 'gso-status gso-error';\r\n statusEl.style.display = 'block';\r\n statusEl.textContent = 'Unable to submit \\u2014 please check your connection and try again.';\r\n submitBtn.disabled = false;\r\n submitBtn.textContent = 'Enter Now';\r\n });\r\n };\r\n\r\n})();\r\n<\/script>\n<p>It sounds very technical, but it isn\u2019t. By checking the chart below, you will find out the best club set-up for you. It is important to ensure you get the most out of your clubs. Buying new golf clubs is a big investment, and custom-fitting them correctly can improve your shot-making and create better scores.<\/p>\n<p><strong>Step One:-<\/strong> Once you have downloaded your Ping Colour Code Chart from Ping.com you can see that you have overall height measurements along the top and wrist-to-floor measurements down the side. If you want to use a metric scale, look at the bottom.<\/p>\n<p><strong>Step Two:-<\/strong> Firstly, you need to see if you suit a longer or shorter shaft. Find your overall height along the top, and immediately underneath, you will see any alteration if needed. For example, if you are between 5ft 7 inches and 6ft 1 inch, you should be a standard length, but if you are on either side of this, you will need to have shafts extended or decreased by the measurement recommended.<\/p>\n<p> <\/p>\n<p><strong>Step Three:-<\/strong> If you then intersect your overall height with your wrist-to-floor measurement, you will see the colour band that best suits your size. Currently, there are 12 colours ranging from maroon to gold.<\/p>\n<p>As a general rule, the taller you are, the more upright you will need your clubs, and the shorter you are, the flatter you will need to be. Your lie angle measurement is stated under the colour, which is also handy to know, especially if you already have a custom-fit set of clubs from other manufacturers and are trying to compare.<\/p>\n<p><strong>Step Four:-<\/strong> If you are bordering between two colour codes, according to Ping’s website, you should determine whether your ball flight with your irons is typically a fade, slice, hook or draw. If you want to reduce your fade or slice, choose a more upright colour code instead of reducing your hook or draw, which would require a flatter colour.<\/p>\n<p>Here at The Golf Shop Online, we acknowledge the importance of custom fitting and want to make sure you tailor your specification to your game and swing. We have a page just dedicated to <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping-custom-fit\/?&utm_source=blog&utm_medium=tour-alpha\">Ping Custom Fit Advice<\/a>, and if you wish to discuss any aspects of the Ping colour chart <span style=\"font-weight: 400;\">or have any queries about your recommendation, feel free to <\/span><a href=\"mailto:sales@thegolfshoponline.co.uk\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">contact us<\/span><\/a>,<span style=\"font-weight: 400;\"> and our team of staff and PGA professionals will do all they can to help.<\/span><\/p>\n<p><a href=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831.jpg\" rel=\"attachment wp-att-4348\"><img class=\"aligncenter wp-image-4348 size-large\" src=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-796x1024.jpg\" alt=\"New Ping Colour Code Chart\" width=\"620\" height=\"798\" srcset=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-796x1024.jpg 796w, https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-233x300.jpg 233w, https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-content\/uploads\/2017\/01\/download-new-ping-colour-code-chart_1831-768x987.jpg 768w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p>Click here to see our full range of <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping\/irons\/?&utm_source=blog&utm_medium=tour-alpha\" target=\"_blank\" rel=\"noopener noreferrer\">Ping Golf Irons<\/a>, which can all be custom-built to your specifications. Additionally, view our <a href=\"https:\/\/www.thegolfshoponline.co.uk\/blog\/ping-g430-drivers\/\">Ping G430 Drivers<\/a> blog post, click the link, look at the new <a href=\"https:\/\/www.thegolfshoponline.co.uk\/ping-g440\/\">Ping G440 Range <\/a>or visit the website to find a full array of golf equipment that includes <a href=\"https:\/\/www.thegolfshoponline.co.uk\/footjoy\/shoes\/\">Footjoy mens golf shoes<\/a>, Callaway drivers and much more<\/p>\n<div id=\"gso-widget-69ef8bd15c06e\" class=\"gso-widget-outer\">Loading widget...<\/div><script>loadGSOwidget(358, 'gso-widget-69ef8bd15c06e');<\/script>\n<p>To check your correct grip size, use the tool below<\/p>\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>PING Grip Size Finder<\/title>\r\n<\/head>\r\n<body style=\"margin:0;padding:0;background:#f5f5f5;\">\r\n\r\n<div id=\"pingGripTool\" style=\"max-width:680px;margin:0 auto;padding:0 16px 50px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;color:#333333;background:#ffffff;\">\r\n\r\n \r\n <div style=\"background:linear-gradient(135deg,#2d6600 0%,#398100 50%,#4a9e00 100%);margin:0 -16px 28px;padding:28px 28px 24px;position:relative;overflow:hidden;\">\r\n \r\n <div style=\"position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.06);\"><\/div>\r\n <div style=\"position:absolute;bottom:-30px;right:60px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.04);\"><\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px;\">\r\n \r\n <svg width=\"110\" height=\"28\" viewBox=\"0 0 88 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(0,0,0,0.25));\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23.6666 8.63456C23.6666 11.3915 21.4313 13.6266 18.6744 13.6266L4.99543 13.6222L4.99363 19.4974C4.99363 20.8759 3.8749 21.9934 2.49622 21.9934C1.11753 21.9934 0 20.8759 0 19.4974V2.52739C0 1.1489 1.11753 0.0311688 2.49622 0.0311688L18.6744 0.0369633C21.4313 0.0369633 23.6666 2.27183 23.6666 5.029V8.63456ZM18.6732 8.61737L18.6744 5.0274L4.99543 5.0258V8.61737H18.6732Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M28.2774 22C29.6559 22 30.7734 20.8825 30.7734 19.5038V2.53058C30.7734 1.1519 29.6559 0.0343665 28.2774 0.0343665C26.8989 0.0343665 25.7814 1.1519 25.7814 2.53058V19.5038C25.7814 20.8825 26.8989 22 28.2774 22Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M37.8641 19.4974C37.8641 20.8759 36.7449 21.9934 35.3666 21.9934C33.988 21.9934 32.8704 20.8759 32.8704 19.4974L32.8738 3.46649C32.8738 1.5709 34.4102 0.0343658 36.3055 0.0343658C37.1839 0.0343658 38.0623 0.369446 38.7322 1.03961L52.8372 14.9395L52.8406 2.52739C52.8406 1.1489 53.9567 0.0311688 55.3352 0.0311688C56.7139 0.0311688 57.8316 1.1489 57.8316 2.52739L57.8342 18.5643C57.8342 20.4597 56.2979 21.9964 54.4023 21.9964C53.5239 21.9964 52.6457 21.6613 51.9754 20.9912L37.8633 6.87104L37.8641 19.4974Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M64.929 21.9992C62.1718 21.9992 59.9372 19.7639 59.9372 17.0068V5.029C59.9372 2.27183 62.1718 0.0369633 64.929 0.0369633L80.8362 0.0311688C82.2147 0.0311688 83.3322 1.1489 83.3322 2.52739C83.3322 3.90567 82.2147 5.0242 80.8362 5.0242L64.9266 5.027L64.928 17.0068L79.7033 17.0048V13.5097L70.817 13.5093C69.4385 13.5093 68.3208 12.391 68.3208 11.0125C68.3208 9.63361 69.4385 8.51607 70.817 8.51607L79.6977 8.53066C82.4549 8.53066 84.6899 10.7655 84.6899 13.5227V17.0068C84.6899 19.7639 82.4549 21.9992 79.6977 21.9992H64.929Z\" fill=\"white\"\/>\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M85.4278 0C86.1174 0 86.6952 0.54428 86.6952 1.2578C86.6952 1.98431 86.1174 2.52859 85.4278 2.52859C84.7347 2.52859 84.1533 1.98431 84.1533 1.2578C84.1533 0.54428 84.7347 0 85.4278 0ZM85.4278 2.34276C86.0123 2.34276 86.4654 1.87601 86.4654 1.2578C86.4654 0.652577 86.0123 0.186022 85.4278 0.186022C84.836 0.186022 84.383 0.652577 84.383 1.2578C84.383 1.87601 84.836 2.34276 85.4278 2.34276ZM84.9341 0.5241H85.5052C85.857 0.5241 86.0227 0.662567 86.0227 0.946696C86.0227 1.21364 85.8538 1.32514 85.6338 1.34891L86.0564 2.00129H85.8099L85.4073 1.3659H85.1637V2.00129H84.9341V0.5241ZM85.1637 1.17987H85.4041C85.6067 1.17987 85.7927 1.16948 85.7927 0.936306C85.7927 0.740293 85.6239 0.710122 85.4684 0.710122H85.1637V1.17987Z\" fill=\"white\"\/>\r\n <\/svg>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:8px;flex-shrink:0;\">\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C0392B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Red<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#1A6DB5;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Blue<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D96B25;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Orange<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#C8A84B;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Gold<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#D5D8DF;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">White<\/span>\r\n <\/div>\r\n \r\n <div style=\"display:flex;flex-direction:column;align-items:center;gap:4px;\">\r\n <div style=\"width:32px;height:32px;border-radius:50%;background:#00A89D;border:2.5px solid rgba(255,255,255,0.6);box-shadow:0 2px 6px rgba(0,0,0,0.3);\"><\/div>\r\n <span style=\"font-size:9px;color:rgba(255,255,255,0.85);font-weight:bold;letter-spacing:0.3px;text-transform:uppercase;\">Aqua<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <h2 style=\"color:#ffffff;font-size:28px;font-weight:bold;margin:0 0 5px 0;padding:0;letter-spacing:-0.5px;text-shadow:0 1px 3px rgba(0,0,0,0.2);\">Grip Size Finder<\/h2>\r\n <p style=\"color:rgba(255,255,255,0.82);font-size:14px;margin:0;padding:0;\">Find your recommended grip size using your hand measurements<\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#f0f7ff;border-left:5px solid #398100;padding:16px 18px;border-radius:5px;margin-bottom:24px;\">\r\n <p style=\"margin:0 0 10px 0;font-size:14px;color:#333333;line-height:1.7;\">\r\n <strong style=\"color:#398100;\">How to measure your hand:<\/strong>\r\n <\/p>\r\n <p style=\"margin:0 0 6px 0;font-size:14px;color:#333333;line-height:1.7;\">\r\n <strong>A \u2013 Longest Finger Length:<\/strong> Measure from the tip of your longest finger (usually middle finger) down to the wrist crease at the base of your hand.\r\n <\/p>\r\n <p style=\"margin:0;font-size:14px;color:#333333;line-height:1.7;\">\r\n <strong>B \u2013 Overall Hand Length:<\/strong> Measure from the tip of your longest finger down to the bottom of your palm (base of little finger side).\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;\">\r\n <span style=\"font-size:13px;font-weight:bold;color:#555555;text-transform:uppercase;letter-spacing:0.5px;\">Units:<\/span>\r\n <div style=\"display:flex;border:1px solid #dddddd;border-radius:5px;overflow:hidden;\">\r\n <button id=\"gripBtnInch\" onclick=\"gripSetUnit('imperial')\" style=\"background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;\">Inches<\/button>\r\n <button id=\"gripBtnCm\" onclick=\"gripSetUnit('metric')\" style=\"background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;\">Centimetres<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;\">\r\n <div>\r\n <label for=\"gripSelFinger\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">A \u2013 Longest Finger Length<\/label>\r\n <select id=\"gripSelFinger\" onchange=\"gripCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select measurement...<\/option>\r\n <\/select>\r\n <\/div>\r\n <div>\r\n <label for=\"gripSelHand\" style=\"display:block;font-size:13px;font-weight:bold;color:#333333;margin-bottom:6px;\">B \u2013 Overall Hand Length<\/label>\r\n <select id=\"gripSelHand\" onchange=\"gripCalculate()\" style=\"width:100%;background:linear-gradient(135deg,#edf7e3 0%,#f3faea 100%);border:1.5px solid #7fba23;border-radius:5px;color:#2d6600;font-size:14px;padding:10px 12px;cursor:pointer;font-family:Arial,sans-serif;font-weight:600;\">\r\n <option value=\"\">Select measurement...<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"gripResultCard\" style=\"border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:28px;\">\r\n\r\n \r\n <div style=\"background:#f8f9fa;padding:20px 22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #e0e0e0;min-height:90px;flex-wrap:wrap;\">\r\n <div id=\"gripDotWrap\" style=\"width:62px;height:62px;flex-shrink:0;position:relative;\">\r\n <svg id=\"gripDotPlaceholder\" viewBox=\"0 0 62 62\" width=\"62\" height=\"62\" style=\"display:block;position:absolute;top:0;left:0;\">\r\n <defs><clipPath id=\"gripCircleClip\"><circle cx=\"31\" cy=\"31\" r=\"28\"\/><\/clipPath><\/defs>\r\n <g clip-path=\"url(#gripCircleClip)\">\r\n <path d=\"M31,31 L31,3 A28,28 0 0,1 55.24,17 Z\" fill=\"#1A6DB5\"\/>\r\n <path d=\"M31,31 L55.24,17 A28,28 0 0,1 55.24,45 Z\" fill=\"#C0392B\"\/>\r\n <path d=\"M31,31 L55.24,45 A28,28 0 0,1 31,59 Z\" fill=\"#00A89D\"\/>\r\n <path d=\"M31,31 L31,59 A28,28 0 0,1 6.76,45 Z\" fill=\"#D5D8DF\"\/>\r\n <path d=\"M31,31 L6.76,45 A28,28 0 0,1 6.76,17 Z\" fill=\"#C8A84B\"\/>\r\n <path d=\"M31,31 L6.76,17 A28,28 0 0,1 31,3 Z\" fill=\"#D96B25\"\/>\r\n <\/g>\r\n <circle cx=\"31\" cy=\"31\" r=\"28\" fill=\"none\" stroke=\"rgba(0,0,0,0.15)\" stroke-width=\"2.5\"\/>\r\n <\/svg>\r\n <div id=\"gripResultDot\" style=\"display:none;width:62px;height:62px;border-radius:50%;border:3px solid rgba(0,0,0,0.12);box-sizing:border-box;position:absolute;top:0;left:0;\"><\/div>\r\n <\/div>\r\n\r\n <div style=\"flex:1;\">\r\n <p id=\"gripResultPlaceholder\" style=\"font-size:14px;color:#999999;font-style:italic;margin:0;padding:0;\">Select both hand measurements above to see your recommended grip size.<\/p>\r\n <h3 id=\"gripResultColour\" style=\"display:none;color:#333333;font-size:20px;margin:0 0 2px 0;padding:0;border:none;\"><\/h3>\r\n <p id=\"gripResultSizeLabel\" style=\"display:none;font-size:13px;color:#555555;margin:0 0 12px 0;padding:0;\"><\/p>\r\n \r\n <a id=\"gripBuyNowBtn\" href=\"#\" target=\"_blank\" style=\"display:none;background:#398100;color:#ffffff;text-decoration:none;font-size:13px;font-weight:bold;padding:8px 20px;border-radius:4px;letter-spacing:0.3px;font-family:Arial,sans-serif;\">Buy Now \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"gripResultStats\" style=\"display:none;grid-template-columns:1fr 1fr;background:#ffffff;\">\r\n <div style=\"padding:14px 12px;text-align:center;border-right:1px solid #e0e0e0;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Grip Size<\/div>\r\n <div id=\"gripStatSize\" style=\"font-size:16px;font-weight:bold;color:#398100;\"><\/div>\r\n <\/div>\r\n <div style=\"padding:14px 12px;text-align:center;\">\r\n <div style=\"font-size:11px;text-transform:uppercase;letter-spacing:0.8px;color:#999999;font-weight:bold;margin-bottom:4px;\">Adjustment<\/div>\r\n <div id=\"gripStatAdj\" style=\"font-size:16px;font-weight:bold;color:#333333;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div style=\"margin-top:10px;\">\r\n <h3 style=\"color:#398100;font-size:16px;border-bottom:2px solid #398100;padding-bottom:8px;margin:0 0 12px 0;\">PING Grip Size Colour Codes<\/h3>\r\n <table style=\"width:100%;border-collapse:collapse;font-size:14px;\">\r\n <thead>\r\n <tr style=\"background:#398100;color:#ffffff;\">\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Colour Code<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Grip Size<\/th>\r\n <th style=\"padding:10px 12px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;border:1px solid #2d6600;\">Adjustment<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody id=\"gripColourTableBody\"><\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n \r\n <div style=\"background:#fff8e1;border-left:5px solid #7fba23;padding:14px 18px;border-radius:5px;margin-top:24px;font-size:13px;color:#555555;line-height:1.7;\">\r\n <strong style=\"color:#333333;\">Please note:<\/strong> This tool provides static fitting recommendations based on the official PING Grip Size Chart. For a full dynamic fitting session, speak with one of our PGA professionals in store or call us free on <strong style=\"color:#333333;\">0800 3681097<\/strong>.\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n\r\n var GRIP_COLOURS = [\r\n { id:'blue', name:'Blue', size:'Junior \/ Undersize', adj:'-1\/16\"', hex:'#1A6DB5', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping\/accessories\/grips\/' },\r\n { id:'red', name:'Red', size:'Undersize', adj:'-1\/32\"', hex:'#C0392B', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/?option=red-undersize-1-32-inch' },\r\n { id:'aqua', name:'Aqua', size:'Standard (small)', adj:'-1\/64\"', hex:'#00A89D', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/?option=aqua-undersize-1-64-inch' },\r\n { id:'white', name:'White', size:'Standard', adj:'Standard',hex:'#D5D8DF', border:'#aaaaaa', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/?option=white-standard-size' },\r\n { id:'gold', name:'Gold', size:'Midsize', adj:'+1\/32\"', hex:'#C8A84B', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping\/accessories\/grips\/' },\r\n { id:'orange', name:'Orange', size:'Jumbo', adj:'+1\/16\"', hex:'#D96B25', border:'rgba(0,0,0,0.15)', url:'https:\/\/www.thegolfshoponline.co.uk\/ping-5l-golf-club-grip\/' }\r\n ];\r\n\r\n var BOUNDARIES = [\r\n { id:'blue', intercept:12.60, slope:0.40 },\r\n { id:'red', intercept:14.70, slope:0.30 },\r\n { id:'aqua', intercept:15.00, slope:0.50 },\r\n { id:'white', intercept:17.50, slope:0.50 },\r\n { id:'gold', intercept:19.70, slope:0.30 },\r\n { id:'orange', intercept:99.00, slope:0.00 }\r\n ];\r\n\r\n function getColour(A_cm, B_cm) {\r\n for (var i = 0; i < BOUNDARIES.length; i++) {\r\n if (B_cm <= BOUNDARIES[i].intercept + BOUNDARIES[i].slope * A_cm) {\r\n return GRIP_COLOURS[i];\r\n }\r\n }\r\n return GRIP_COLOURS[GRIP_COLOURS.length - 1];\r\n }\r\n\r\n var FINGER_A_MET = [];\r\n for (var a = 60; a <= 110; a += 5) {\r\n FINGER_A_MET.push({ label: (a\/10).toFixed(1) + ' cm', A: a\/10 });\r\n }\r\n var HAND_B_MET = [];\r\n for (var b = 150; b <= 230; b += 5) {\r\n HAND_B_MET.push({ label: (b\/10).toFixed(1) + ' cm', B: b\/10 });\r\n }\r\n\r\n var FINGER_A_IMP = [];\r\n [2.50,2.75,3.00,3.25,3.50,3.75,4.00].forEach(function(v) {\r\n FINGER_A_IMP.push({ label: v.toFixed(2)+'\"', A: v*2.54 });\r\n });\r\n var HAND_B_IMP = [];\r\n for (var bi = 60; bi <= 90; bi += 5) {\r\n var bInch = bi\/10;\r\n HAND_B_IMP.push({ label: bInch.toFixed(1)+'\"', B: bInch*2.54 });\r\n }\r\n\r\n var currentUnit = 'imperial';\r\n\r\n \/\/ Build reference table\r\n var tbody = document.getElementById('gripColourTableBody');\r\n GRIP_COLOURS.forEach(function(c, k) {\r\n var rowBg = (k % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n var tr = document.createElement('tr');\r\n tr.id = 'gripRow-' + c.id;\r\n tr.style.background = rowBg;\r\n tr.innerHTML =\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;vertical-align:middle;\">' +\r\n '<span style=\"display:inline-flex;align-items:center;gap:10px;\">' +\r\n '<span style=\"display:inline-block;width:20px;height:20px;border-radius:50%;background:'+c.hex+';border:2px solid '+c.border+';flex-shrink:0;\"><\/span>' +\r\n '<strong>'+c.name+'<\/strong>' +\r\n '<\/span>' +\r\n '<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.size+'<\/td>' +\r\n '<td style=\"padding:9px 12px;border:1px solid #dddddd;\">'+c.adj+'<\/td>';\r\n tbody.appendChild(tr);\r\n });\r\n\r\n function populateSelects() {\r\n var fingers = currentUnit === 'imperial' ? FINGER_A_IMP : FINGER_A_MET;\r\n var hands = currentUnit === 'imperial' ? HAND_B_IMP : HAND_B_MET;\r\n var fSel = document.getElementById('gripSelFinger');\r\n var hSel = document.getElementById('gripSelHand');\r\n fSel.innerHTML = '<option value=\"\">Select measurement...<\/option>';\r\n hSel.innerHTML = '<option value=\"\">Select measurement...<\/option>';\r\n fingers.forEach(function(o, i) { fSel.innerHTML += '<option value=\"'+i+'\">'+o.label+'<\/option>'; });\r\n hands.forEach(function(o, i) { hSel.innerHTML += '<option value=\"'+i+'\">'+o.label+'<\/option>'; });\r\n }\r\n\r\n window.gripSetUnit = function(unit) {\r\n currentUnit = unit;\r\n var btnInch = document.getElementById('gripBtnInch');\r\n var btnCm = document.getElementById('gripBtnCm');\r\n if (unit === 'imperial') {\r\n btnInch.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n btnCm.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n } else {\r\n btnCm.style.cssText = 'background:#398100;border:none;color:#ffffff;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;font-family:Arial,sans-serif;';\r\n btnInch.style.cssText = 'background:#f8f9fa;border:none;color:#555555;font-size:13px;font-weight:bold;padding:7px 20px;cursor:pointer;border-right:1px solid #dddddd;font-family:Arial,sans-serif;';\r\n }\r\n populateSelects();\r\n gripClearResult();\r\n };\r\n\r\n window.gripCalculate = function() {\r\n var aVal = document.getElementById('gripSelFinger').value;\r\n var bVal = document.getElementById('gripSelHand').value;\r\n if (aVal === '' || bVal === '') { gripClearResult(); return; }\r\n\r\n var fingers = currentUnit === 'imperial' ? FINGER_A_IMP : FINGER_A_MET;\r\n var hands = currentUnit === 'imperial' ? HAND_B_IMP : HAND_B_MET;\r\n var A_cm = fingers[parseInt(aVal)].A;\r\n var B_cm = hands[parseInt(bVal)].B;\r\n\r\n var colour = getColour(A_cm, B_cm);\r\n var isStd = colour.adj === 'Standard';\r\n\r\n document.getElementById('gripResultCard').style.border = '2px solid #398100';\r\n\r\n document.getElementById('gripDotPlaceholder').style.display = 'none';\r\n var dot = document.getElementById('gripResultDot');\r\n dot.style.display = 'block';\r\n dot.style.background = colour.hex;\r\n dot.style.borderColor = colour.border;\r\n dot.style.boxShadow = '0 2px 10px rgba(0,0,0,0.25)';\r\n\r\n document.getElementById('gripResultPlaceholder').style.display = 'none';\r\n\r\n var colEl = document.getElementById('gripResultColour');\r\n colEl.style.display = 'block';\r\n colEl.textContent = colour.name + ' \u2013 ' + colour.size;\r\n\r\n var sizeEl = document.getElementById('gripResultSizeLabel');\r\n sizeEl.style.display = 'block';\r\n sizeEl.innerHTML = 'Grip adjustment: <strong style=\"color:#398100;\">'+colour.adj+'<\/strong>';\r\n\r\n \/\/ Buy Now button\r\n var btn = document.getElementById('gripBuyNowBtn');\r\n btn.href = colour.url;\r\n btn.style.display = 'inline-block';\r\n\r\n var statsEl = document.getElementById('gripResultStats');\r\n statsEl.style.display = 'grid';\r\n document.getElementById('gripStatSize').textContent = colour.size;\r\n var adjEl = document.getElementById('gripStatAdj');\r\n adjEl.textContent = colour.adj;\r\n adjEl.style.color = isStd ? '#333333' : '#398100';\r\n\r\n GRIP_COLOURS.forEach(function(c, m) {\r\n var row = document.getElementById('gripRow-' + c.id);\r\n if (!row) return;\r\n var rowBg = (m % 2 === 0) ? '#f8f9fa' : '#ffffff';\r\n row.style.cssText = c.id === colour.id\r\n ? 'background:#e8f5e9;outline:2px solid #398100;'\r\n : 'background:'+rowBg+';opacity:0.35;';\r\n });\r\n };\r\n\r\n function gripClearResult() {\r\n document.getElementById('gripResultCard').style.border = '2px solid #e0e0e0';\r\n document.getElementById('gripDotPlaceholder').style.display = 'block';\r\n document.getElementById('gripResultDot').style.display = 'none';\r\n document.getElementById('gripResultPlaceholder').style.display = 'block';\r\n document.getElementById('gripResultColour').style.display = 'none';\r\n document.getElementById('gripResultSizeLabel').style.display = 'none';\r\n document.getElementById('gripResultStats').style.display = 'none';\r\n document.getElementById('gripBuyNowBtn').style.display = 'none';\r\n GRIP_COLOURS.forEach(function(c, m) {\r\n var row = document.getElementById('gripRow-' + c.id);\r\n if (!row) return;\r\n row.style.cssText = 'background:' + ((m % 2 === 0) ? '#f8f9fa' : '#ffffff') + ';opacity:1;';\r\n });\r\n }\r\n\r\n window.gripClearResult = gripClearResult;\r\n populateSelects();\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p> Ping Colour Chart – can you understand it? Are you looking for a new set of Ping golf clubs? Understanding the Ping colour chart and colour code system used by Ping will enable you to select a set that best suits your game. Ping’s unique colour code refers to the lie angle, which is […]<\/p>\n","protected":false},"author":2,"featured_media":4348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[31,5,7,128,16,130],"tags":[228,240],"_links":{"self":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts\/657"}],"collection":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/comments?post=657"}],"version-history":[{"count":54,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts\/657\/revisions"}],"predecessor-version":[{"id":10733,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/posts\/657\/revisions\/10733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/media\/4348"}],"wp:attachment":[{"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/media?parent=657"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/categories?post=657"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thegolfshoponline.co.uk\/blog\/wp-json\/\/wp\/v2\/tags?post=657"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}