{
  "action": "Product-SizeChart",
  "queryString": "cid=womens-footwear",
  "locale": "en_NZ",
  "success": true,
  "content": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Size Guide - Women's Shoes</title>\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            padding: 16px;\r\n            max-width: 100%;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        .page-header {\r\n            margin-bottom: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        h1 {\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            color: #333;\r\n        }\r\n\r\n        .size-section {\r\n            margin-bottom: 30px;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 18px;\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n            padding: 8px 0;\r\n            background-color: #f8f8f8;\r\n            border-radius: 4px;\r\n            text-align: center;\r\n        }\r\n\r\n        .table-wrapper {\r\n            overflow-x: auto;\r\n            -webkit-overflow-scrolling: touch;\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n        }\r\n        \r\n        .scroll-hint {\r\n            font-size: 14px;\r\n            color: #666;\r\n            margin-bottom: 10px;\r\n            text-align: center;\r\n            /* Hide the element by default */\r\n            display: none; \r\n        }\r\n\r\n        /* Show the element only when the screen width is 1397 or less */\r\n        @media (max-width: 1500px) {\r\n            .scroll-hint {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            font-size: 14px;\r\n        }\r\n\r\n        th, td {\r\n            padding: 10px 8px;\r\n            text-align: center;\r\n            border: 1px solid #ddd;\r\n        }\r\n\r\n        th {\r\n            background-color: #f5f5f5;\r\n            font-weight: 600;\r\n        }\r\n\r\n        /* Apply alternating colors to the table body rows */\r\n        table tbody tr:nth-child(odd) {\r\n            background-color: #f2f2f2; /* Light grey */\r\n        }\r\n\r\n        table tbody tr:nth-child(even) {\r\n            background-color: #ffffff; /* White */\r\n        }\r\n\r\n        .size-converter {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .measurement-type {\r\n            font-weight: 600;\r\n            text-align: left;\r\n            padding-left: 12px;\r\n        }\r\n\r\n        /* Accordion style for mobile optimization */\r\n        .accordion {\r\n            background-color: #f1f1f1;\r\n            color: #333;\r\n            cursor: pointer;\r\n            padding: 15px;\r\n            width: 100%;\r\n            text-align: left;\r\n            border: none;\r\n            outline: none;\r\n            font-size: 16px;\r\n            font-weight: 600;\r\n            transition: 0.3s;\r\n            border-radius: 4px;\r\n            margin-bottom: 8px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .accordion:after {\r\n            content: '\\002B';\r\n            font-weight: bold;\r\n            float: right;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .accordion.active:after {\r\n            content: \"\\2212\";\r\n        }\r\n\r\n        .panel {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.2s ease-out;\r\n        }\r\n\r\n        .selector-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .style-selector {\r\n            padding: 10px;\r\n            font-size: 16px;\r\n            border-radius: 4px;\r\n            border: 1px solid #ddd;\r\n            width: 100%;\r\n            max-width: 300px;\r\n        }\r\n\r\n        .inseam-highlight {\r\n            background-color: #e6f7ff;\r\n            font-weight: 500;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .desktop-table {\r\n                display: none;\r\n            }\r\n\r\n            .mobile-tiles {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 769px) {\r\n            .desktop-table {\r\n                display: block;\r\n            }\r\n\r\n            .mobile-tiles {\r\n                display: none;\r\n            }\r\n        }\r\n\r\n        .size-tile {\r\n            border: 1px solid #ddd;\r\n            border-radius: 8px;\r\n            margin-bottom: 16px;\r\n            padding: 12px;\r\n            background-color: white;\r\n        }\r\n\r\n        .size-tile h3 {\r\n            text-align: center;\r\n            font-size: 18px;\r\n            margin-bottom: 12px;\r\n            padding-bottom: 8px;\r\n            border-bottom: 1px solid #eee;\r\n        }\r\n\r\n        .size-data {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            margin-bottom: 8px;\r\n            padding: 4px 0;\r\n            border-bottom: 1px dashed #eee;\r\n        }\r\n\r\n        .data-label {\r\n            font-weight: 500;\r\n        }\r\n\r\n        /* Styles for \"Doesn't Fit?\" section */\r\n        .nofit {\r\n            margin-top: 0px; /* Add some top margin to separate it from the table */\r\n            text-align: left; /* Make the entire section content left-aligned */\r\n        }\r\n\r\n        .nofit h2 {\r\n            font-size: 24px; /* Matches h1 font-size */\r\n            font-weight: 600; /* Matches h1 font-weight */\r\n            color: #333; /* Matches h1 color */\r\n            margin-bottom: 12px; /* Keep consistent spacing below heading */\r\n            padding: 0; /* Remove extra padding */\r\n        }\r\n\r\n        .nofit p {\r\n            margin-bottom: 10px;\r\n            font-size: 14px;\r\n            line-height: 20px; /* Set line height to 20px */\r\n        }\r\n\r\n        .nofit p strong {\r\n            display: block; /* Ensure strong tag behaves as a block for better spacing */\r\n            margin-top: 15px; /* Add space above the bold question */\r\n        }\r\n\r\n        .nofit a {\r\n            color: #007BFF;\r\n            text-decoration: underline;\r\n        }\r\n    </style>\r\n</head>\r\n<body>\r\n    <div class=\"container\">\r\n        <div class=\"page-header\">\r\n            <br>\r\n\t\t\t<h1>Size Guide - Women's Shoes</h1>\r\n        </div>\r\n        <div class=\"size-section\">\r\n            <div id=\"sizeConversion\" class=\"table-wrapper\">\r\n                <table>\r\n                    <thead>\r\n                        </thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td class=\"measurement-type\">NZ/US</td>\r\n\t\t\t\t\t\t\t<td>4</td>\r\n                            <td>5</td>\r\n                            <td>6</td>\r\n                            <td>7</td>\r\n                            <td>8</td>\r\n                            <td>9</td>\r\n                            <td>10</td>\r\n\t\t\t\t\t\t\t<td>11</td>\r\n                        </tr>\r\n                        \r\n                        <tr>\r\n                            <td class=\"measurement-type\">UK</td>\r\n\t\t\t\t\t\t\t<td>2</td>\r\n                            <td>3</td>\r\n                            <td>4</td>\r\n                            <td>5</td>\r\n                            <td>6</td>\r\n                            <td>7</td>\r\n                            <td>8</td>\r\n\t\t\t\t\t\t\t<td>9</td>\r\n                        </tr>\r\n                        \r\n                        <tr>\r\n                            <td class=\"measurement-type\">EU</td>\r\n                            <td>35</td>\r\n\t\t\t\t\t\t\t<td>36</td>\r\n                            <td>37</td>\r\n                            <td>38</td>\r\n                            <td>39</td>\r\n                            <td>40</td>\r\n                            <td>41</td>\r\n                            <td>42</td>\r\n                        </tr>\r\n                    \r\n                        <tr>\r\n                            <td class=\"measurement-type\">Foot Length (mm) </td>\r\n\t\t\t\t\t\t\t<td>212</td>\r\n                            <td>220</td>\r\n                            <td>229</td>\r\n                            <td>237</td>\r\n                            <td>246</td>\r\n                            <td>254</td>\r\n                            <td>262</td>\r\n                            <td>270</td>\r\n                         \r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n                <br>\r\n                <p class=\"scroll-hint\">Swipe horizontally to see all sizes →</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</body>\r\n</html>",
  "__mccEvents": [
    [
      "setUserInfo",
      {
        "email": "ablRMRk9FtpRdso9euwj1vqtwP"
      }
    ],
    [
      "trackPageView"
    ]
  ]
}