{"id":6039,"date":"2026-03-12T02:52:47","date_gmt":"2026-03-12T06:52:47","guid":{"rendered":"https:\/\/www.visionpros.com\/pro\/?p=6039"},"modified":"2026-07-06T21:33:53","modified_gmt":"2026-07-07T01:33:53","slug":"sunglasses-size-guide-how-to-choose-the-right-fit","status":"publish","type":"post","link":"https:\/\/www.visionpros.com\/pro\/sunglasses-size-guide-how-to-choose-the-right-fit\/","title":{"rendered":"Sunglasses Size Guide: How To Choose The Right Fit"},"content":{"rendered":"\n<div style=\"max-width: 1200px; margin: 0 auto; padding: 0 24px;\">\n\n\n\n<p class=\"wp-block-paragraph\">Most people, maybe even you, notice the numbers printed inside a pair of sunglasses and ignore them. Fair enough, because 52-18-145 does not exactly explain itself. But once you understand what those figures mean, shopping for sunglasses or eyeglasses gets easier and a lot less hit or miss.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What Do The Numbers On Sunglasses Mean?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Those numbers are meant to show the frame\u2019s measurements. They help you understand how wide the lenses are, how the frame sits on your nose, and how long the arms are. Let\u2019s go through them one by one.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1024\" height=\"768\" data-src=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/What-Do-The-Numbers-On-Sunglasses-Mean.png?wsr\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Measurement numbers inside a frame with arrows to determine which is lens width, bridge width, and temple length\" class=\"wp-image-6046 lazyload\" style=\"aspect-ratio:16\/9;object-fit:contain;width:800px\"\/><noscript><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/What-Do-The-Numbers-On-Sunglasses-Mean.png?wsr\" alt=\"Measurement numbers inside a frame with arrows to determine which is lens width, bridge width, and temple length\" class=\"wp-image-6046\" style=\"aspect-ratio:16\/9;object-fit:contain;width:800px\" srcset=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/What-Do-The-Numbers-On-Sunglasses-Mean.png 1024w, https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/What-Do-The-Numbers-On-Sunglasses-Mean-300x225.png 300w, https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/What-Do-The-Numbers-On-Sunglasses-Mean-768x576.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Lens Width<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lens width is the horizontal width of one lens, usually measured in millimeters. It is often the first number you will see in a size marking. So if your sunglasses say 52-18-145, the 52 is the lens width. This number helps you get a rough idea of how wide the sunglasses will look and feel on your face.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bridge Width<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bridge width is the space between the two lenses, right where the frame sits on your nose. In 52-18-145, the 18 is the bridge width. It\u2019s a small detail, but when it comes to comfort, this is important. A bridge that is too narrow can feel snug, while a wider one can make sunglasses sit lower or move around more easily.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Temple Length<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Temple length refers to the length of the arms that extend from the front of the frame to behind your ears. In a size like 52-18-145, the 145 is the temple length, usually measured in millimeters. This part helps the sunglasses stay in place, so if the arms are too short or too long, the fit can feel off even when the front of the frame looks right.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Other Sunglasses Dimensions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">These are not usually printed on your frames, but if you want to get a pair that looks and sits just right on your face, these two are a factor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" width=\"1398\" height=\"651\" data-src=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/Other-sunglasses-dimensions-modified-1.png?wsr\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"A picture of a sunglasses frame with labels indicating which is lens width, bridge width, temple length, frame width, and lens height.\" class=\"wp-image-6053 lazyload\" style=\"aspect-ratio:16\/9;object-fit:contain;width:800px\"\/><noscript><img decoding=\"async\" width=\"1398\" height=\"651\" src=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/Other-sunglasses-dimensions-modified-1.png?wsr\" alt=\"A picture of a sunglasses frame with labels indicating which is lens width, bridge width, temple length, frame width, and lens height.\" class=\"wp-image-6053\" style=\"aspect-ratio:16\/9;object-fit:contain;width:800px\" srcset=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/Other-sunglasses-dimensions-modified-1.png 1398w, https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/Other-sunglasses-dimensions-modified-1-300x140.png 300w, https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/Other-sunglasses-dimensions-modified-1-1024x477.png 1024w, https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/Other-sunglasses-dimensions-modified-1-768x358.png 768w\" sizes=\"(max-width: 1398px) 100vw, 1398px\" \/><\/noscript><\/figure>\n<\/div>\n\n\n<h4 class=\"wp-block-heading\">Frame Width<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This is the overall width of the front of the sunglasses from one side to the other. A frame that is too wide can slide around or look oversized in an unbalanced way, while one that is too narrow can feel tight and sit awkwardly on the face.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Lens Height<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Lens height is the vertical height of one lens from top to bottom. It helps explain why two sunglasses with a similar lens width can still look very different once they are on. For example, one pair might have a taller lens for more coverage, while another might have a shorter lens that gives the sunglasses a smaller or flatter look.<\/p>\n\n\n\n<!-- VisionPros: Quick Tip Callout \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-qt-wrap {\n  font-family: Arial, Helvetica, sans-serif;\n  max-width: 1080px;\n  margin: 0 auto;\n  background: #0e4773;\n  border-radius: 16px;\n  padding: 28px 32px;\n  display: flex;\n  align-items: flex-start;\n  gap: 22px;\n  box-shadow: 0 8px 32px rgba(14,71,115,0.22);\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n\n\/* ICON BADGE *\/\n.vp-qt-icon {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  background: #3176b4;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  flex-shrink: 0;\n  margin-top: 2px;\n}\n\n\/* CONTENT *\/\n.vp-qt-content { flex: 1; }\n.vp-qt-eyebrow {\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 2.5px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 5px;\n}\n.vp-qt-title {\n  font-family: Georgia, serif;\n  font-size: 17px;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 8px;\n  line-height: 1.3;\n}\n.vp-qt-body {\n  font-size: 13px;\n  color: rgba(255,255,255,0.75);\n  line-height: 1.65;\n  margin-bottom: 18px;\n}\n.vp-qt-body strong { color: #fff; }\n\n\/* SIZE TAGS *\/\n.vp-qt-tags {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n.vp-qt-tag {\n  background: rgba(255,255,255,0.1);\n  border: 1.5px solid rgba(255,255,255,0.2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  font-size: 11px;\n  font-weight: 700;\n  color: #fff;\n}\n\n\/* DIVIDER *\/\n.vp-qt-divider {\n  height: 1px;\n  background: rgba(255,255,255,0.12);\n  margin-bottom: 14px;\n}\n\n\/* EXTRAS LABEL *\/\n.vp-qt-extras-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 10px;\n}\n\n\/* ACCORDION *\/\n.vp-qt-acc-item {\n  border: 1.5px solid rgba(255,255,255,0.15);\n  border-radius: 8px;\n  margin-bottom: 7px;\n  overflow: hidden;\n  transition: border-color 0.2s;\n}\n.vp-qt-acc-item.open { border-color: rgba(255,255,255,0.4); }\n\n.vp-qt-acc-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  cursor: pointer;\n  background: rgba(255,255,255,0.05);\n  transition: background 0.15s;\n  user-select: none;\n  -webkit-user-select: none;\n}\n.vp-qt-acc-trigger:hover { background: rgba(255,255,255,0.1); }\n\n.vp-qt-acc-left { display: flex; align-items: center; gap: 10px; }\n.vp-qt-acc-icon {\n  width: 26px;\n  height: 26px;\n  border-radius: 6px;\n  background: rgba(255,255,255,0.12);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  flex-shrink: 0;\n  color: #fff;\n  font-weight: 700;\n}\n.vp-qt-acc-name { font-size: 13px; font-weight: 700; color: #fff; }\n.vp-qt-acc-arrow {\n  font-size: 10px;\n  color: #7ba9d1;\n  transition: transform 0.25s;\n}\n.vp-qt-acc-item.open .vp-qt-acc-arrow { transform: rotate(180deg); }\n\n.vp-qt-acc-body {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s cubic-bezier(0.4,0,0.2,1);\n}\n.vp-qt-acc-body-inner {\n  padding: 10px 14px 12px;\n  font-size: 12.5px;\n  color: rgba(255,255,255,0.7);\n  line-height: 1.65;\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n@media (max-width: 480px) {\n  .vp-qt-wrap { flex-direction: column; gap: 14px; padding: 22px 20px; }\n}\n<\/style>\n\n<div class=\"vp-qt-wrap\">\n\n  <div class=\"vp-qt-icon\">\ud83d\udca1<\/div>\n\n  <div class=\"vp-qt-content\">\n    <div class=\"vp-qt-eyebrow\">Good to Know<\/div>\n    <div class=\"vp-qt-title\">Seeing More Than 3 Numbers?<\/div>\n    <p class=\"vp-qt-body\">\n      Most sunglasses list <strong>three main measurements:<\/strong> lens width, bridge width, and temple length. But some frames, especially designer styles, include extras.\n    <\/p>\n\n    <div class=\"vp-qt-divider\"><\/div>\n    <div class=\"vp-qt-extras-label\">The extras. Tap to learn more<\/div>\n\n    <div class=\"vp-qt-acc-item\" id=\"vpQtA0\">\n      <div class=\"vp-qt-acc-trigger\" onclick=\"vpQtToggle(0)\">\n        <div class=\"vp-qt-acc-left\">\n          <div class=\"vp-qt-acc-icon\">#<\/div>\n          <div class=\"vp-qt-acc-name\">Model Code<\/div>\n        <\/div>\n        <div class=\"vp-qt-acc-arrow\">\u25bc<\/div>\n      <\/div>\n      <div class=\"vp-qt-acc-body\" id=\"vpQtB0\">\n        <div class=\"vp-qt-acc-body-inner\">A unique identifier for the specific frame style. Useful when searching for the same model or ordering a replacement. Not a measurement.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"vp-qt-acc-item\" id=\"vpQtA1\">\n      <div class=\"vp-qt-acc-trigger\" onclick=\"vpQtToggle(1)\">\n        <div class=\"vp-qt-acc-left\">\n          <div class=\"vp-qt-acc-icon\">\ud83c\udfa8<\/div>\n          <div class=\"vp-qt-acc-name\">Color Code<\/div>\n        <\/div>\n        <div class=\"vp-qt-acc-arrow\">\u25bc<\/div>\n      <\/div>\n      <div class=\"vp-qt-acc-body\" id=\"vpQtB1\">\n        <div class=\"vp-qt-acc-body-inner\">Refers to the specific colorway of the frame or lens like tortoise, black, or gradient grey. Each brand uses its own coding system for this.<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"vp-qt-acc-item\" id=\"vpQtA2\">\n      <div class=\"vp-qt-acc-trigger\" onclick=\"vpQtToggle(2)\">\n        <div class=\"vp-qt-acc-left\">\n          <div class=\"vp-qt-acc-icon\">\u2195<\/div>\n          <div class=\"vp-qt-acc-name\">Lens Height<\/div>\n        <\/div>\n        <div class=\"vp-qt-acc-arrow\">\u25bc<\/div>\n      <\/div>\n      <div class=\"vp-qt-acc-body\" id=\"vpQtB2\">\n        <div class=\"vp-qt-acc-body-inner\">The vertical measurement of the lens from top to bottom. Particularly helpful for taller face shapes, and for bifocal or progressive lens wearers.<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n  window.vpQtToggle = function(idx) {\n    var item = document.getElementById('vpQtA' + idx);\n    var body = document.getElementById('vpQtB' + idx);\n    var isOpen = item.classList.contains('open');\n    for (var i = 0; i < 3; i++) {\n      document.getElementById('vpQtB' + i).style.maxHeight = '0px';\n      document.getElementById('vpQtA' + i).classList.remove('open');\n    }\n    if (!isOpen) {\n      item.classList.add('open');\n      body.style.maxHeight = body.scrollHeight + 'px';\n    }\n  };\n})();\n<\/script>\n\n\n\n<div style=\"height:99px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Tell If Your Current Sunglasses Fit Well<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A pair of sunglasses can have the right measurements on paper and still feel wrong once you put them on. Take a look at how your current pair sits on your face. If it feels comfortable, stays in place, and looks balanced, that pair can be a useful reference when you shop for your next one.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">They Sit Evenly On Your Face<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Good-fitting sunglasses should rest evenly across your face without tilting to one side or sitting crooked. If one side looks higher than the other, the frame might be bent, or the fit might not suit your face shape as well as it should.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">They Stay In Place Without Sliding<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Your sunglasses should feel secure when you walk, talk, or look down. If they keep slipping down your nose, the bridge might be too wide, the frame might be too heavy, or the overall fit could be too loose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">They Feel Comfortable At The Temples And Ears<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The arms should rest comfortably over your ears without pressing too hard at the sides of your head. If you notice tightness, pressure, or soreness after wearing them for a while, the frame could be too narrow or the temple length might not be right for you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Lenses Do Not Touch Your Cheeks<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you smile, your cheeks should not push up against the lenses. If they do, the sunglasses might be sitting too low, or the frame shape may not work well with your features.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The Width Looks Balanced On Your Face<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A well-fitting pair should look proportionate, not too narrow and not overly wide. If the frame looks cramped, it can feel tight and give less coverage. If it stretches too far past the sides of your face, it can look oversized in a way that feels awkward rather than intentional.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Measure Face Width With A Credit Card<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are different types of frame sizes. The most common being narrow, medium, and wide. If you want to know which frame size you belong to, let\u2019s start by using your credit or debit card.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Take out your credit\/debit card and hold it vertically. Align one side to the center of your nose and the other with the outer edge of your eye.<\/p>\n\n\n<div  class=\"wp-block-ultimate-post-image ultp-block-b6480b aligncenter\"><div class=\"ultp-block-wrapper\"><figure class=\"ultp-image-block-wrapper\"><div class=\"ultp-image-block ultp-image-block-none\"><img decoding=\"async\" data-src=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/How-To-Measure-Face-Width-With-A-Credit-Card.png?wsr\"  class=\"ultp-image lazyload\"  alt=\"A girl uses her credit card to determine which frame size is suitable for her\"  src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" \/><noscript><img decoding=\"async\" class=\"ultp-image\" alt=\"A girl uses her credit card to determine which frame size is suitable for her\" src=\"https:\/\/www.visionpros.com\/pro\/wp-content\/uploads\/2026\/03\/How-To-Measure-Face-Width-With-A-Credit-Card.png?wsr\"><\/noscript><\/div><\/figure><\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\">This method, in itself, doesn\u2019t account for things like bridge fit, frame shape, or how curved or oversized a pair might be. Still, it is a helpful first step. After, you can compare it with actual frame measurements before making a final choice.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you figure out which one you belong to, you can use our sunglasses size chart to see where your pair falls, from narrow to wide. It\u2019s a simple way to compare sizes at a glance and get a better idea of what might suit your face best.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center\">Sunglasses Frame Size Chart<\/h3>\n\n\n\n<!-- VisionPros Sunglasses Size Chart \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-chart-wrap{font-family:Georgia,\"Times New Roman\",serif;background:#fff;max-width:1080px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(14,71,115,0.13)}\n.vp-chart-header{background:linear-gradient(120deg,#0e4773 0%,#3176b4 100%);padding:32px 36px 26px;position:relative;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}\n.vp-chart-header::after{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,0.05);pointer-events:none}\n.vp-brand-tag{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#7ba9d1;margin-bottom:6px}\n.vp-chart-title{font-family:Georgia,\"Times New Roman\",serif;font-size:26px;font-weight:700;color:#fff;line-height:1.2;margin:0 0 8px 0;padding:0;border:none}\n.vp-chart-title em{font-style:italic;color:#7ba9d1;font-weight:400}\n.vp-header-sub{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:rgba(255,255,255,0.62);margin:0}\n.vp-table-wrap{background:#fff;overflow-x:auto}\n.vp-chart-table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif}\n.vp-chart-table thead tr{background:#ebf4fd;border-bottom:2px solid #c8def2;-webkit-print-color-adjust:exact;print-color-adjust:exact}\n.vp-chart-table thead th{padding:13px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#0e4773;white-space:nowrap}\n.vp-chart-table thead th:first-child{padding-left:32px}\n.vp-chart-table thead th:last-child{padding-right:32px}\n.vp-chart-table tbody tr{border-bottom:1px solid #e8f1f9}\n.vp-chart-table tbody tr:last-child{border-bottom:none}\n.vp-chart-table tbody td{padding:20px 16px;font-size:14px;color:#3a5a72;vertical-align:middle}\n.vp-chart-table tbody td:first-child{padding-left:32px}\n.vp-chart-table tbody td:last-child{padding-right:32px;font-size:13px}\n.vp-cat-cell{display:flex;align-items:center;gap:10px}\n.vp-cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}\n.vp-dot-narrow{background:#0e4773}\n.vp-dot-medium{background:#3176b4}\n.vp-dot-wide{background:#7ba9d1}\n.vp-cat-name{font-weight:700;font-size:15px;color:#0e2a40}\n.vp-val{display:inline-block;background:#ebf4fd;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;color:#0e4773;-webkit-print-color-adjust:exact;print-color-adjust:exact}\n.vp-chart-footer{padding:16px 32px 22px;border-top:1px solid #e8f1f9;display:flex;align-items:flex-start;gap:8px;background:#fff}\n.vp-footnote-icon{color:#7ba9d1;font-size:14px;flex-shrink:0;margin-top:1px;font-family:Arial,sans-serif}\n.vp-footnote{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#3a5a72;font-style:italic;line-height:1.6;margin:0}\n.vp-bottom-bar{padding:13px 32px;background:#0e4773;display:flex;align-items:center;justify-content:space-between;-webkit-print-color-adjust:exact;print-color-adjust:exact}\n.vp-wordmark{font-family:Georgia,serif;font-size:15px;font-weight:700;color:#fff}\n.vp-wordmark span{color:#7ba9d1}\n.vp-bottom-url{font-family:Arial,sans-serif;font-size:11px;color:rgba(255,255,255,0.38)}\n.vp-btn-wrap{text-align:center;margin-top:24px}\n.vp-print-btn{display:inline-flex;align-items:center;gap:9px;background:#0e4773;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:600;padding:13px 28px;border-radius:40px;border:none;cursor:pointer;text-decoration:none;box-shadow:0 6px 24px rgba(14,71,115,0.28);transition:background 0.2s,transform 0.18s}\n.vp-print-btn:hover{background:#3176b4;transform:translateY(-2px);color:#fff;text-decoration:none}\n@media print{\n  .vp-btn-wrap{display:none!important}\n  .vp-chart-wrap{box-shadow:none!important;border-radius:0!important;max-width:100%!important}\n}\n<\/style>\n\n<div class=\"vp-chart-wrap\">\n  <div class=\"vp-chart-header\">\n    <div class=\"vp-brand-tag\">VisionPros &middot; Buying Guide<\/div>\n    <p class=\"vp-chart-title\">Sunglasses <em>Size Chart<\/em><\/p>\n    <p class=\"vp-header-sub\">Use these measurements to find your perfect fit.<\/p>\n  <\/div>\n\n  <div class=\"vp-table-wrap\">\n    <table class=\"vp-chart-table\">\n      <thead>\n        <tr>\n          <th>Fit Category<\/th>\n          <th>Lens Width<\/th>\n          <th>Bridge Width<\/th>\n          <th>Temple Length<\/th>\n          <th>Best For<\/th>\n        <\/tr>\n      <\/thead>\n      <tbody>\n        <tr>\n          <td><div class=\"vp-cat-cell\"><div class=\"vp-cat-dot vp-dot-narrow\"><\/div><span class=\"vp-cat-name\">Narrow<\/span><\/div><\/td>\n          <td><span class=\"vp-val\">48&ndash;50 mm<\/span><\/td>\n          <td><span class=\"vp-val\">19&ndash;22 mm<\/span><\/td>\n          <td><span class=\"vp-val\">140&ndash;145 mm<\/span><\/td>\n          <td>Smaller faces or closer fit<\/td>\n        <\/tr>\n        <tr>\n          <td><div class=\"vp-cat-cell\"><div class=\"vp-cat-dot vp-dot-medium\"><\/div><span class=\"vp-cat-name\">Medium<\/span><\/div><\/td>\n          <td><span class=\"vp-val\">51&ndash;55 mm<\/span><\/td>\n          <td><span class=\"vp-val\">17&ndash;20 mm<\/span><\/td>\n          <td><span class=\"vp-val\">140&ndash;145 mm<\/span><\/td>\n          <td>Most face sizes<\/td>\n        <\/tr>\n        <tr>\n          <td><div class=\"vp-cat-cell\"><div class=\"vp-cat-dot vp-dot-wide\"><\/div><span class=\"vp-cat-name\">Wide<\/span><\/div><\/td>\n          <td><span class=\"vp-val\">56&ndash;59 mm<\/span><\/td>\n          <td><span class=\"vp-val\">16&ndash;19 mm<\/span><\/td>\n          <td><span class=\"vp-val\">140&ndash;145 mm<\/span><\/td>\n          <td>Broader faces or more coverage<\/td>\n        <\/tr>\n      <\/tbody>\n    <\/table>\n  <\/div>\n\n  <div class=\"vp-chart-footer\">\n    <span class=\"vp-footnote-icon\">&#x24D8;<\/span>\n    <p class=\"vp-footnote\">These ranges are a general guide based on common sunglasses measurements and selected VisionPros styles. Exact fit can still vary by frame shape, bridge design, and lens height.<\/p>\n  <\/div>\n\n  <div class=\"vp-bottom-bar\">\n    <div class=\"vp-wordmark\">Vision<span>Pros<\/span><\/div>\n    <div class=\"vp-bottom-url\">visionpros.com<\/div>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Measure Your Sunglasses By Hand<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to get into specifics, you can still get a good idea of your sizes by measuring the frame yourself. For this part, you will need a small ruler or tape measure with millimeter markings (since most sunglasses measurements are listed in millimeters).<\/p>\n\n\n\n<!-- VisionPros: How To Measure Your Sunglasses By Hand \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-measure-wrap {\n  font-family: Arial, Helvetica, sans-serif;\n  background: #fff;\n  max-width: 1080px;\n  margin: 0 auto;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(14,71,115,0.13);\n}\n\n\/* HEADER *\/\n.vp-meas-header {\n  background: linear-gradient(120deg, #0e4773 0%, #3176b4 100%);\n  padding: 28px 36px 24px;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-meas-brand {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 5px;\n}\n.vp-meas-title {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 22px;\n  font-weight: 700;\n  color: #fff;\n  margin: 0;\n  padding: 0;\n  border: none;\n  line-height: 1.2;\n}\n.vp-meas-title em {\n  font-style: italic;\n  color: #7ba9d1;\n  font-weight: 400;\n}\n.vp-meas-sub {\n  font-size: 12px;\n  color: rgba(255,255,255,0.6);\n  margin-top: 6px;\n}\n\n\/* PROGRESS STEPS *\/\n.vp-steps-bar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0;\n  padding: 20px 36px 0;\n  background: #fff;\n}\n.vp-step-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  flex: 1;\n  position: relative;\n}\n.vp-step-item::after {\n  content: '';\n  position: absolute;\n  top: 14px;\n  left: 50%;\n  width: 100%;\n  height: 2px;\n  background: #e0edf7;\n  z-index: 0;\n}\n.vp-step-item:last-child::after { display: none; }\n.vp-step-num {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  background: #e0edf7;\n  color: #7ba9d1;\n  font-size: 12px;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  transition: background 0.3s, color 0.3s;\n  flex-shrink: 0;\n}\n.vp-step-label {\n  font-size: 10px;\n  color: #7ba9d1;\n  font-weight: 600;\n  letter-spacing: 0.5px;\n  text-align: center;\n  transition: color 0.3s;\n  white-space: nowrap;\n}\n.vp-step-item.active .vp-step-num {\n  background: #3176b4;\n  color: #fff;\n}\n.vp-step-item.active .vp-step-label { color: #0e4773; }\n.vp-step-item.done .vp-step-num {\n  background: #0e4773;\n  color: #fff;\n}\n.vp-step-item.done .vp-step-label { color: #0e4773; }\n\n\/* PROGRESS BAR *\/\n.vp-progress-track {\n  height: 3px;\n  background: #e0edf7;\n  margin: 16px 36px 0;\n  border-radius: 2px;\n  overflow: hidden;\n}\n.vp-progress-fill {\n  height: 100%;\n  background: linear-gradient(90deg, #0e4773, #3176b4);\n  border-radius: 2px;\n  width: 0%;\n  transition: width 0.1s linear;\n}\n\n\/* STAGE *\/\n.vp-stage {\n  padding: 28px 36px 20px;\n  background: #fff;\n  min-height: 320px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n\/* SVG illustration area *\/\n.vp-illus-wrap {\n  width: 100%;\n  max-width: 480px;\n  position: relative;\n}\n.vp-illus-wrap svg {\n  width: 100%;\n  height: auto;\n  overflow: visible;\n}\n\n\/* Step info *\/\n.vp-step-info {\n  text-align: center;\n  margin-top: 20px;\n  min-height: 70px;\n}\n.vp-step-tag {\n  display: inline-block;\n  background: #ebf4fd;\n  color: #0e4773;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  padding: 4px 12px;\n  border-radius: 20px;\n  margin-bottom: 8px;\n}\n.vp-step-heading {\n  font-family: Georgia, serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #0e4773;\n  margin-bottom: 6px;\n}\n.vp-step-desc {\n  font-size: 13px;\n  color: #3a5a72;\n  line-height: 1.6;\n  max-width: 420px;\n  margin: 0 auto;\n}\n\n\/* CONTROLS *\/\n.vp-controls {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 16px 36px 28px;\n  background: #fff;\n}\n.vp-ctrl-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  border: none;\n  cursor: pointer;\n  border-radius: 40px;\n  font-family: Arial, sans-serif;\n  font-weight: 600;\n  font-size: 12px;\n  transition: background 0.18s, transform 0.15s;\n  padding: 10px 20px;\n  text-decoration: none;\n}\n.vp-btn-prev {\n  background: #ebf4fd;\n  color: #0e4773;\n}\n.vp-btn-prev:hover { background: #d6e9f8; transform: translateX(-1px); }\n.vp-btn-play {\n  background: #0e4773;\n  color: #fff;\n  padding: 10px 24px;\n  font-size: 13px;\n}\n.vp-btn-play:hover { background: #3176b4; }\n.vp-btn-next {\n  background: #ebf4fd;\n  color: #0e4773;\n}\n.vp-btn-next:hover { background: #d6e9f8; transform: translateX(1px); }\n.vp-ctrl-btn:disabled {\n  opacity: 0.35;\n  cursor: default;\n  transform: none !important;\n}\n\n\/* BOTTOM BAR *\/\n.vp-meas-bottom {\n  padding: 12px 32px;\n  background: #0e4773;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-meas-wordmark {\n  font-family: Georgia, serif;\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n}\n.vp-meas-wordmark span { color: #7ba9d1; }\n.vp-meas-url { font-size: 10px; color: rgba(255,255,255,0.35); }\n\n\/* \u2500\u2500 ANIMATION CLASSES \u2500\u2500 *\/\n\n\/* Measurement line *\/\n.vp-mline {\n  stroke-dasharray: 300;\n  stroke-dashoffset: 300;\n  transition: stroke-dashoffset 0s;\n}\n.vp-mline.animate {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 0.9s cubic-bezier(0.4,0,0.2,1) 0.3s;\n}\n\n\/* Arrow heads *\/\n.vp-arrow {\n  opacity: 0;\n  transition: opacity 0s;\n}\n.vp-arrow.animate {\n  opacity: 1;\n  transition: opacity 0.3s ease 1.1s;\n}\n\n\/* Highlight fill *\/\n.vp-highlight {\n  opacity: 0;\n  transition: opacity 0s;\n}\n.vp-highlight.animate {\n  opacity: 1;\n  transition: opacity 0.4s ease 0.2s;\n}\n\n\/* Label pop *\/\n.vp-label {\n  opacity: 0;\n  transform: translateY(4px);\n  transition: opacity 0s, transform 0s;\n}\n.vp-label.animate {\n  opacity: 1;\n  transform: translateY(0);\n  transition: opacity 0.35s ease 1.2s, transform 0.35s ease 1.2s;\n}\n\n\/* Trace path (temple) *\/\n.vp-trace {\n  stroke-dasharray: 500;\n  stroke-dashoffset: 500;\n  transition: stroke-dashoffset 0s;\n}\n.vp-trace.animate {\n  stroke-dashoffset: 0;\n  transition: stroke-dashoffset 1.2s cubic-bezier(0.4,0,0.2,1) 0.3s;\n}\n<\/style>\n\n<div class=\"vp-measure-wrap\">\n\n  <!-- HEADER -->\n  <div class=\"vp-meas-header\">\n    <div class=\"vp-meas-brand\">VisionPros &middot; Fit Guide<\/div>\n    <p class=\"vp-meas-title\">How To Measure Your Sunglasses <em>By Hand<\/em><\/p>\n    <p class=\"vp-meas-sub\">You'll need a ruler or tape measure with millimeter markings.<\/p>\n  <\/div>\n\n  <!-- STEP PROGRESS -->\n  <div class=\"vp-steps-bar\" id=\"vpStepsBar\">\n    <div class=\"vp-step-item active\" onclick=\"vpGoTo(0)\">\n      <div class=\"vp-step-num\">1<\/div>\n      <div class=\"vp-step-label\">Lens Width<\/div>\n    <\/div>\n    <div class=\"vp-step-item\" onclick=\"vpGoTo(1)\">\n      <div class=\"vp-step-num\">2<\/div>\n      <div class=\"vp-step-label\">Bridge Width<\/div>\n    <\/div>\n    <div class=\"vp-step-item\" onclick=\"vpGoTo(2)\">\n      <div class=\"vp-step-num\">3<\/div>\n      <div class=\"vp-step-label\">Temple Length<\/div>\n    <\/div>\n    <div class=\"vp-step-item\" onclick=\"vpGoTo(3)\">\n      <div class=\"vp-step-num\">4<\/div>\n      <div class=\"vp-step-label\">Frame Width<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PROGRESS FILL BAR -->\n  <div class=\"vp-progress-track\">\n    <div class=\"vp-progress-fill\" id=\"vpProgressFill\"><\/div>\n  <\/div>\n\n  <!-- STAGE -->\n  <div class=\"vp-stage\">\n    <div class=\"vp-illus-wrap\">\n\n      <!-- \u2550\u2550 STEP 1: LENS WIDTH \u2550\u2550 -->\n      <svg id=\"vpSvg0\" viewBox=\"0 0 480 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <!-- Left lens -->\n        <rect x=\"60\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"3\"\/>\n        <!-- Right lens -->\n        <rect x=\"280\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"3\"\/>\n        <!-- Bridge -->\n        <path d=\"M200 100 Q240 88 280 100\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <!-- Left temple -->\n        <path d=\"M60 90 Q30 90 20 110\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <!-- Right temple -->\n        <path d=\"M420 90 Q450 90 460 110\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n\n        <!-- HIGHLIGHT: left lens -->\n        <rect class=\"vp-highlight\" id=\"h0\" x=\"60\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#3176b4\" fill-opacity=\"0.12\"\/>\n\n        <!-- MEASURE LINE: across left lens -->\n        <line class=\"vp-mline\" id=\"ml0\" x1=\"60\" y1=\"170\" x2=\"200\" y2=\"170\" stroke=\"#0e4773\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <!-- Arrow left -->\n        <polygon class=\"vp-arrow\" id=\"a0l\" points=\"60,170 70,165 70,175\" fill=\"#0e4773\"\/>\n        <!-- Arrow right -->\n        <polygon class=\"vp-arrow\" id=\"a0r\" points=\"200,170 190,165 190,175\" fill=\"#0e4773\"\/>\n        <!-- Tick marks -->\n        <line class=\"vp-arrow\" id=\"t0l\" x1=\"60\" y1=\"163\" x2=\"60\" y2=\"177\" stroke=\"#0e4773\" stroke-width=\"2\"\/>\n        <line class=\"vp-arrow\" id=\"t0r\" x1=\"200\" y1=\"163\" x2=\"200\" y2=\"177\" stroke=\"#0e4773\" stroke-width=\"2\"\/>\n\n        <!-- Label -->\n        <g class=\"vp-label\" id=\"lb0\">\n          <rect x=\"96\" y=\"178\" width=\"68\" height=\"20\" rx=\"4\" fill=\"#0e4773\"\/>\n          <text x=\"130\" y=\"192\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"11\" font-weight=\"700\" fill=\"white\">48\u201359 mm<\/text>\n        <\/g>\n\n        <!-- Dotted drop lines -->\n        <line class=\"vp-arrow\" id=\"d0l\" x1=\"60\" y1=\"150\" x2=\"60\" y2=\"163\" stroke=\"#0e4773\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/>\n        <line class=\"vp-arrow\" id=\"d0r\" x1=\"200\" y1=\"150\" x2=\"200\" y2=\"163\" stroke=\"#0e4773\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/>\n      <\/svg>\n\n      <!-- \u2550\u2550 STEP 2: BRIDGE WIDTH \u2550\u2550 -->\n      <svg id=\"vpSvg1\" viewBox=\"0 0 480 200\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\n        <rect x=\"60\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"3\"\/>\n        <rect x=\"280\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"3\"\/>\n        <path d=\"M200 100 Q240 88 280 100\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <path d=\"M60 90 Q30 90 20 110\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <path d=\"M420 90 Q450 90 460 110\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n\n        <!-- Highlight bridge area -->\n        <path class=\"vp-highlight\" id=\"h1\" d=\"M200 70 Q240 58 280 70 L280 130 Q240 118 200 130Z\" fill=\"#3176b4\" fill-opacity=\"0.12\"\/>\n\n        <!-- Measure line across bridge -->\n        <line class=\"vp-mline\" id=\"ml1\" x1=\"200\" y1=\"170\" x2=\"280\" y2=\"170\" stroke=\"#0e4773\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <polygon class=\"vp-arrow\" id=\"a1l\" points=\"200,170 210,165 210,175\" fill=\"#0e4773\"\/>\n        <polygon class=\"vp-arrow\" id=\"a1r\" points=\"280,170 270,165 270,175\" fill=\"#0e4773\"\/>\n        <line class=\"vp-arrow\" id=\"t1l\" x1=\"200\" y1=\"163\" x2=\"200\" y2=\"177\" stroke=\"#0e4773\" stroke-width=\"2\"\/>\n        <line class=\"vp-arrow\" id=\"t1r\" x1=\"280\" y1=\"163\" x2=\"280\" y2=\"177\" stroke=\"#0e4773\" stroke-width=\"2\"\/>\n\n        <g class=\"vp-label\" id=\"lb1\">\n          <rect x=\"207\" y=\"178\" width=\"66\" height=\"20\" rx=\"4\" fill=\"#0e4773\"\/>\n          <text x=\"240\" y=\"192\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"11\" font-weight=\"700\" fill=\"white\">16\u201322 mm<\/text>\n        <\/g>\n        <line class=\"vp-arrow\" id=\"d1l\" x1=\"200\" y1=\"152\" x2=\"200\" y2=\"163\" stroke=\"#0e4773\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/>\n        <line class=\"vp-arrow\" id=\"d1r\" x1=\"280\" y1=\"152\" x2=\"280\" y2=\"163\" stroke=\"#0e4773\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/>\n      <\/svg>\n\n      <!-- \u2550\u2550 STEP 3: TEMPLE LENGTH \u2014 flat lay, arm styled to match glasses \u2550\u2550 -->\n      <svg id=\"vpSvg2\" viewBox=\"0 0 520 210\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\n\n        <!-- \u2500\u2500 RULER \u2500\u2500 -->\n        <rect x=\"30\" y=\"155\" width=\"440\" height=\"24\" rx=\"4\" fill=\"#ebf4fd\" stroke=\"#c5d9ea\" stroke-width=\"1.5\"\/>\n        <line x1=\"30\"  y1=\"155\" x2=\"30\"  y2=\"179\" stroke=\"#7ba9d1\" stroke-width=\"2\"\/>\n        <line x1=\"74\"  y1=\"161\" x2=\"74\"  y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"118\" y1=\"161\" x2=\"118\" y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"162\" y1=\"161\" x2=\"162\" y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"206\" y1=\"158\" x2=\"206\" y2=\"176\" stroke=\"#7ba9d1\" stroke-width=\"1.5\"\/>\n        <line x1=\"250\" y1=\"161\" x2=\"250\" y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"294\" y1=\"161\" x2=\"294\" y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"338\" y1=\"161\" x2=\"338\" y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"382\" y1=\"158\" x2=\"382\" y2=\"176\" stroke=\"#7ba9d1\" stroke-width=\"1.5\"\/>\n        <line x1=\"426\" y1=\"161\" x2=\"426\" y2=\"173\" stroke=\"#7ba9d1\" stroke-width=\"1\"\/>\n        <line x1=\"470\" y1=\"155\" x2=\"470\" y2=\"179\" stroke=\"#7ba9d1\" stroke-width=\"2\"\/>\n        <text x=\"30\"  y=\"152\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"9\" fill=\"#7ba9d1\">0<\/text>\n        <text x=\"206\" y=\"152\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"9\" fill=\"#7ba9d1\">100<\/text>\n        <text x=\"382\" y=\"152\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"9\" fill=\"#7ba9d1\">mm<\/text>\n\n        <!-- \u2500\u2500 TEMPLE ARM \u2014 thick, rounded, matches glasses style \u2500\u2500 -->\n        <!-- Hinge block \u2014 taller rounded rect resembling the lens\/frame end -->\n        <rect x=\"16\" y=\"58\" width=\"36\" height=\"72\" rx=\"14\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"2.5\"\/>\n        <!-- Straight segment: tall enough to look like a real arm -->\n        <rect x=\"48\" y=\"78\" width=\"292\" height=\"32\" rx=\"12\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"2.5\"\/>\n        <!-- Curved tip: Q-curve matching temples in steps 1 & 2 -->\n        <path d=\"M340 78 Q368 78 376 92 Q386 110 374 136 L358 136 Q368 112 360 98 Q354 86 340 110 L340 78Z\"\n              fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\/>\n\n        <!-- \u2500\u2500 ANIMATED ELEMENTS \u2500\u2500 -->\n        <rect class=\"vp-highlight\" id=\"h2a\" x=\"48\" y=\"78\" width=\"292\" height=\"32\" rx=\"12\" fill=\"#3176b4\" fill-opacity=\"0.13\"\/>\n        <line class=\"vp-mline\" id=\"tr2a\" x1=\"50\" y1=\"66\" x2=\"340\" y2=\"66\" stroke=\"#0e4773\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\n        <path class=\"vp-highlight\" id=\"h2b\"\n              d=\"M340 78 Q368 78 376 92 Q386 110 374 136 L358 136 Q368 112 360 98 Q354 86 340 110 L340 78Z\"\n              fill=\"#3176b4\" fill-opacity=\"0.18\"\/>\n        <path class=\"vp-trace\" id=\"tr2b\"\n              d=\"M340 66 Q374 64 384 88 Q394 114 372 138\"\n              stroke=\"#3176b4\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\n\n        <circle class=\"vp-arrow\" id=\"h2c\"  cx=\"50\"  cy=\"66\" r=\"5\" fill=\"#0e4773\"\/>\n        <circle class=\"vp-arrow\" id=\"lb2d\" cx=\"340\" cy=\"66\" r=\"5\" fill=\"#3176b4\"\/>\n        <circle class=\"vp-arrow\" id=\"lb2e\" cx=\"372\" cy=\"138\" r=\"5\" fill=\"#7ba9d1\"\/>\n\n        <line class=\"vp-arrow\" id=\"tk2a\" x1=\"50\"  y1=\"56\" x2=\"50\"  y2=\"65\" stroke=\"#0e4773\" stroke-width=\"1.5\"\/>\n        <line class=\"vp-arrow\" id=\"tk2b\" x1=\"340\" y1=\"56\" x2=\"340\" y2=\"65\" stroke=\"#0e4773\" stroke-width=\"1.5\"\/>\n\n        <g class=\"vp-label\" id=\"lb2a\">\n          <rect x=\"160\" y=\"40\" width=\"74\" height=\"20\" rx=\"4\" fill=\"#0e4773\"\/>\n          <text x=\"197\" y=\"54\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"11\" font-weight=\"700\" fill=\"white\">Segment 1<\/text>\n        <\/g>\n        <g class=\"vp-label\" id=\"lb2b\">\n          <rect x=\"384\" y=\"98\" width=\"74\" height=\"20\" rx=\"4\" fill=\"#3176b4\"\/>\n          <text x=\"421\" y=\"112\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"11\" font-weight=\"700\" fill=\"white\">Segment 2<\/text>\n        <\/g>\n        <g class=\"vp-label\" id=\"lb2c\">\n          <text x=\"50\"  y=\"34\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"10\" font-weight=\"700\" fill=\"#0e4773\">Hinge<\/text>\n          <text x=\"340\" y=\"34\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"10\" font-weight=\"700\" fill=\"#3176b4\">Bend<\/text>\n          <text x=\"372\" y=\"156\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"10\" font-weight=\"700\" fill=\"#7ba9d1\">Tip<\/text>\n        <\/g>\n        <g class=\"vp-label\" id=\"lb2f\">\n          <rect x=\"145\" y=\"183\" width=\"190\" height=\"20\" rx=\"5\" fill=\"#0e4773\"\/>\n          <text x=\"240\" y=\"197\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"11\" font-weight=\"700\" fill=\"white\">Segment 1 + Segment 2 = Total<\/text>\n        <\/g>\n      <\/svg>\n\n      <!-- \u2550\u2550 STEP 4: FRAME WIDTH \u2014 same glasses style as steps 1 & 2 \u2550\u2550 -->\n      <svg id=\"vpSvg3\" viewBox=\"0 0 480 210\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display:none\">\n        <!-- Left lens \u2014 identical rx\/size to steps 1 & 2 -->\n        <rect x=\"60\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"3\"\/>\n        <!-- Right lens -->\n        <rect x=\"280\" y=\"60\" width=\"140\" height=\"90\" rx=\"30\" fill=\"#ebf4fd\" stroke=\"#3176b4\" stroke-width=\"3\"\/>\n        <!-- Bridge \u2014 Q-curve matching steps 1 & 2 -->\n        <path d=\"M200 100 Q240 88 280 100\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <!-- Left temple \u2014 Q-curve matching steps 1 & 2 -->\n        <path d=\"M60 90 Q30 90 20 110\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n        <!-- Right temple \u2014 Q-curve matching steps 1 & 2 -->\n        <path d=\"M420 90 Q450 90 460 110\" stroke=\"#3176b4\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\"\/>\n\n        <!-- Full width highlight -->\n        <rect class=\"vp-highlight\" id=\"h3\" x=\"60\" y=\"60\" width=\"360\" height=\"90\" rx=\"30\" fill=\"#3176b4\" fill-opacity=\"0.10\"\/>\n\n        <!-- Remove defs\/markers, use simple polygons with perfectly aligned line -->\n        <!-- Left arrowhead tip at x=60, right arrowhead tip at x=420 -->\n        <!-- Line runs between the arrowhead bases: x=74 to x=406 -->\n        <polygon class=\"vp-arrow\" id=\"a3l\" points=\"60,170 74,163 74,177\" fill=\"#0e4773\"\/>\n        <polygon class=\"vp-arrow\" id=\"a3r\" points=\"420,170 406,163 406,177\" fill=\"#0e4773\"\/>\n        <line class=\"vp-mline\" id=\"ml3\" x1=\"74\" y1=\"170\" x2=\"406\" y2=\"170\" stroke=\"#0e4773\" stroke-width=\"2.5\" stroke-linecap=\"butt\"\/>\n        <!-- Tick marks -->\n        <line class=\"vp-arrow\" id=\"t3l\" x1=\"60\"  y1=\"162\" x2=\"60\"  y2=\"178\" stroke=\"#0e4773\" stroke-width=\"2\"\/>\n        <line class=\"vp-arrow\" id=\"t3r\" x1=\"420\" y1=\"162\" x2=\"420\" y2=\"178\" stroke=\"#0e4773\" stroke-width=\"2\"\/>\n        <!-- Drop lines -->\n        <line class=\"vp-arrow\" id=\"d3l\" x1=\"60\"  y1=\"152\" x2=\"60\"  y2=\"161\" stroke=\"#0e4773\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/>\n        <line class=\"vp-arrow\" id=\"d3r\" x1=\"420\" y1=\"152\" x2=\"420\" y2=\"161\" stroke=\"#0e4773\" stroke-width=\"1.5\" stroke-dasharray=\"3,3\"\/>\n\n        <g class=\"vp-label\" id=\"lb3\">\n          <rect x=\"196\" y=\"178\" width=\"88\" height=\"22\" rx=\"5\" fill=\"#0e4773\"\/>\n          <text x=\"240\" y=\"193\" text-anchor=\"middle\" font-family=\"Arial\" font-size=\"12\" font-weight=\"700\" fill=\"white\">Full front width<\/text>\n        <\/g>\n      <\/svg>\n\n    <\/div>\n\n    <!-- Step info text -->\n    <div class=\"vp-step-info\">\n      <div class=\"vp-step-tag\" id=\"vpStepTag\">Step 1 of 4<\/div>\n      <div class=\"vp-step-heading\" id=\"vpStepHeading\">Lens Width<\/div>\n      <div class=\"vp-step-desc\" id=\"vpStepDesc\">Measure straight across the widest point of one lens only \u2014 do not include the frame edge. This is usually the first number in a standard size marking.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CONTROLS -->\n  <div class=\"vp-controls\">\n    <button class=\"vp-ctrl-btn vp-btn-prev\" id=\"vpPrev\" onclick=\"vpPrev()\" disabled>\n      &#8592; Prev\n    <\/button>\n    <button class=\"vp-ctrl-btn vp-btn-play\" id=\"vpPlay\" onclick=\"vpTogglePlay()\">\n      &#9646;&#9646; Pause\n    <\/button>\n    <button class=\"vp-ctrl-btn vp-btn-next\" id=\"vpNext\" onclick=\"vpNext()\">\n      Next &#8594;\n    <\/button>\n  <\/div>\n\n  <!-- BOTTOM BAR -->\n  <div class=\"vp-meas-bottom\">\n    <div class=\"vp-meas-wordmark\">Vision<span>Pros<\/span><\/div>\n    <div class=\"vp-meas-url\">visionpros.com<\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function() {\n  var steps = [\n    {\n      tag: 'Step 1 of 4',\n      heading: 'Lens Width',\n      desc: 'Measure straight across the widest point of one lens only \u2014 do not include the frame edge. This is usually the first number in a standard size marking.',\n      svgId: 'vpSvg0',\n      animIds: ['h0','ml0','a0l','a0r','t0l','t0r','d0l','d0r','lb0']\n    },\n    {\n      tag: 'Step 2 of 4',\n      heading: 'Bridge Width',\n      desc: 'Measure the shortest distance between the inner edges of the two lenses, right over the nose area. This is the middle number in the size marking.',\n      svgId: 'vpSvg1',\n      animIds: ['h1','ml1','a1l','a1r','t1l','t1r','d1l','d1r','lb1']\n    },\n    {\n      tag: 'Step 3 of 4',\n      heading: 'Temple Length',\n      desc: 'Measure in two segments: hinge to bend, then bend to tip. Add the two numbers together for the total temple length \u2014 the last number in the size marking.',\n      svgId: 'vpSvg2',\n      animIds: ['h2a','tr2a','h2b','tr2b','h2c','lb2d','lb2e','tk2a','tk2b','lb2a','lb2b','lb2c','lb2f']\n    },\n    {\n      tag: 'Step 4 of 4',\n      heading: 'Frame Width',\n      desc: 'Lay the sunglasses flat and measure straight across the widest part of the entire front frame, from one outer edge to the other.',\n      svgId: 'vpSvg3',\n      animIds: ['h3','a3l','a3r','ml3','t3l','t3r','d3l','d3r','lb3']\n    }\n  ];\n\n  var current = 0;\n  var isPlaying = true;\n  var stepDuration = 4000; \/\/ ms per step\n  var progressInterval = null;\n  var progressStart = null;\n  var progressElapsed = 0;\n\n  function showStep(idx, animate) {\n    \/\/ Hide all SVGs\n    steps.forEach(function(s) {\n      var el = document.getElementById(s.svgId);\n      if (el) el.style.display = 'none';\n      \/\/ Reset animations\n      s.animIds.forEach(function(id) {\n        var el2 = document.getElementById(id);\n        if (el2) el2.classList.remove('animate');\n      });\n    });\n\n    \/\/ Show current SVG\n    var svg = document.getElementById(steps[idx].svgId);\n    if (svg) svg.style.display = 'block';\n\n    \/\/ Trigger animations after tiny delay (so transition resets)\n    if (animate !== false) {\n      setTimeout(function() {\n        steps[idx].animIds.forEach(function(id) {\n          var el = document.getElementById(id);\n          if (el) el.classList.add('animate');\n        });\n      }, 50);\n    }\n\n    \/\/ Update text\n    document.getElementById('vpStepTag').textContent     = steps[idx].tag;\n    document.getElementById('vpStepHeading').textContent = steps[idx].heading;\n    document.getElementById('vpStepDesc').textContent    = steps[idx].desc;\n\n    \/\/ Update step bar\n    var items = document.getElementById('vpStepsBar').querySelectorAll('.vp-step-item');\n    items.forEach(function(item, i) {\n      item.classList.remove('active', 'done');\n      if (i < idx) item.classList.add('done');\n      else if (i === idx) item.classList.add('active');\n    });\n\n    \/\/ Update buttons\n    document.getElementById('vpPrev').disabled = idx === 0;\n    document.getElementById('vpNext').disabled = idx === steps.length - 1;\n\n    current = idx;\n  }\n\n  function startProgress() {\n    stopProgress();\n    progressStart = Date.now() - progressElapsed;\n    progressInterval = setInterval(function() {\n      progressElapsed = Date.now() - progressStart;\n      var pct = Math.min((progressElapsed \/ stepDuration) * 100, 100);\n      document.getElementById('vpProgressFill').style.width = pct + '%';\n      if (progressElapsed >= stepDuration) {\n        progressElapsed = 0;\n        if (current < steps.length - 1) {\n          showStep(current + 1, true);\n          startProgress();\n        } else {\n          \/\/ Loop back to start\n          showStep(0, true);\n          startProgress();\n        }\n      }\n    }, 50);\n  }\n\n  function stopProgress() {\n    if (progressInterval) clearInterval(progressInterval);\n    progressInterval = null;\n  }\n\n  function resetProgress() {\n    progressElapsed = 0;\n    document.getElementById('vpProgressFill').style.width = '0%';\n  }\n\n  window.vpGoTo = function(idx) {\n    resetProgress();\n    showStep(idx, true);\n    if (isPlaying) startProgress();\n  };\n\n  window.vpPrev = function() {\n    if (current > 0) {\n      resetProgress();\n      showStep(current - 1, true);\n      if (isPlaying) startProgress();\n    }\n  };\n\n  window.vpNext = function() {\n    if (current < steps.length - 1) {\n      resetProgress();\n      showStep(current + 1, true);\n      if (isPlaying) startProgress();\n    }\n  };\n\n  window.vpTogglePlay = function() {\n    isPlaying = !isPlaying;\n    var btn = document.getElementById('vpPlay');\n    if (isPlaying) {\n      btn.innerHTML = '&#9646;&#9646; Pause';\n      startProgress();\n    } else {\n      btn.innerHTML = '&#9654; Play';\n      stopProgress();\n    }\n  };\n\n  \/\/ Init\n  showStep(0, true);\n  startProgress();\n})();\n<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Two Sunglasses With The Same Size Can Fit Differently<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This is normal. Two pairs can share the same lens width, bridge width, and temple length and still feel very different once you put them on. Aside from measurements, fit is also determined by frame material, front curve, bridge design, and lens shape.<\/p>\n\n\n\n<!-- VisionPros: Why Two Sunglasses With The Same Size Can Fit Differently \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-flip-wrap {\n  font-family: Arial, Helvetica, sans-serif;\n  background: #fff;\n  max-width: 1080px;\n  margin: 0 auto;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(14,71,115,0.13);\n}\n\n\/* HEADER *\/\n.vp-flip-header {\n  background: linear-gradient(120deg, #0e4773 0%, #3176b4 100%);\n  padding: 28px 36px 24px;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-flip-brand {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 6px;\n}\n.vp-flip-title {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 20px;\n  font-weight: 700;\n  color: #fff;\n  line-height: 1.3;\n  margin: 0 0 6px 0;\n  padding: 0;\n  border: none;\n}\n.vp-flip-title em {\n  font-style: italic;\n  color: #7ba9d1;\n  font-weight: 400;\n}\n.vp-flip-sub {\n  font-size: 12px;\n  color: rgba(255,255,255,0.6);\n  margin: 0;\n}\n\n\/* GRID *\/\n.vp-flip-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  padding: 28px 28px 32px;\n  background: #fff;\n}\n\n\/* CARD CONTAINER *\/\n.vp-flip-card {\n  height: 180px;\n  perspective: 1000px;\n  cursor: pointer;\n}\n\n\/* INNER \u2014 holds front + back *\/\n.vp-flip-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform-style: preserve-3d;\n  transition: transform 0.55s cubic-bezier(0.4, 0.2, 0.2, 1);\n}\n\n\/* Flipped state *\/\n.vp-flip-card.flipped .vp-flip-inner {\n  transform: rotateY(180deg);\n}\n\n\/* FRONT & BACK shared *\/\n.vp-flip-front,\n.vp-flip-back {\n  position: absolute;\n  inset: 0;\n  border-radius: 14px;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 18px;\n  text-align: center;\n}\n\n\/* FRONT *\/\n.vp-flip-front {\n  background: #0e4773;\n  color: #fff;\n}\n.vp-flip-front-icon {\n  font-size: 28px;\n  margin-bottom: 12px;\n  line-height: 1;\n}\n.vp-flip-front-title {\n  font-size: 13px;\n  font-weight: 700;\n  line-height: 1.4;\n  color: #fff;\n  margin-bottom: 10px;\n}\n.vp-flip-hint {\n  font-size: 10px;\n  color: rgba(255,255,255,0.45);\n  letter-spacing: 0.5px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.vp-flip-hint svg {\n  opacity: 0.5;\n}\n\n\/* BACK *\/\n.vp-flip-back {\n  background: #ebf4fd;\n  border: 2px solid #c8def2;\n  transform: rotateY(180deg);\n  justify-content: flex-start;\n  align-items: flex-start;\n  text-align: left;\n  padding: 18px 20px;\n}\n.vp-flip-back-tag {\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n  color: #3176b4;\n  margin-bottom: 8px;\n}\n.vp-flip-back-title {\n  font-family: Georgia, serif;\n  font-size: 13px;\n  font-weight: 700;\n  color: #0e4773;\n  margin-bottom: 8px;\n  line-height: 1.3;\n}\n.vp-flip-back-desc {\n  font-size: 12px;\n  color: #3a5a72;\n  line-height: 1.6;\n}\n.vp-flip-back-close {\n  position: absolute;\n  top: 10px;\n  right: 12px;\n  font-size: 16px;\n  color: #7ba9d1;\n  line-height: 1;\n  font-weight: 700;\n}\n\n\/* BOTTOM BAR *\/\n.vp-flip-bottom {\n  padding: 12px 28px;\n  background: #0e4773;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-flip-wordmark {\n  font-family: Georgia, serif;\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n}\n.vp-flip-wordmark span { color: #7ba9d1; }\n.vp-flip-url { font-size: 10px; color: rgba(255,255,255,0.35); }\n\n\/* Responsive *\/\n@media (max-width: 480px) {\n  .vp-flip-grid { grid-template-columns: 1fr; }\n  .vp-flip-card { height: 160px; }\n}\n<\/style>\n\n<div class=\"vp-flip-wrap\">\n\n  <!-- HEADER -->\n  <div class=\"vp-flip-header\">\n    <div class=\"vp-flip-brand\">VisionPros &middot; Fit Guide<\/div>\n    <p class=\"vp-flip-title\">Why Two Sunglasses With The Same Size<br><em>Can Fit Differently<\/em><\/p>\n    <p class=\"vp-flip-sub\">Tap any card to find out why measurements don&rsquo;t tell the whole story.<\/p>\n  <\/div>\n\n  <!-- CARDS GRID -->\n  <div class=\"vp-flip-grid\">\n\n    <!-- Card 1 -->\n    <div class=\"vp-flip-card\" onclick=\"this.classList.toggle('flipped')\">\n      <div class=\"vp-flip-inner\">\n        <div class=\"vp-flip-front\">\n          <div class=\"vp-flip-front-icon\">\ud83d\udd76\ufe0f<\/div>\n          <div class=\"vp-flip-front-title\">Thick Acetate vs.<br>Thin Metal<\/div>\n          <div class=\"vp-flip-hint\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Tap to reveal\n          <\/div>\n        <\/div>\n        <div class=\"vp-flip-back\">\n          <div class=\"vp-flip-back-close\">&#x2715;<\/div>\n          <div class=\"vp-flip-back-tag\">Material<\/div>\n          <div class=\"vp-flip-back-title\">Thick Acetate vs. Thin Metal<\/div>\n          <div class=\"vp-flip-back-desc\">Thick acetate frames feel fuller and more substantial on the face, while thin metal frames feel lighter and less bulky \u2014 even when the measurements are identical.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"vp-flip-card\" onclick=\"this.classList.toggle('flipped')\">\n      <div class=\"vp-flip-inner\">\n        <div class=\"vp-flip-front\">\n          <div class=\"vp-flip-front-icon\">\u21a9\ufe0f<\/div>\n          <div class=\"vp-flip-front-title\">Flatter Frames vs.<br>Wraparound Styles<\/div>\n          <div class=\"vp-flip-hint\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Tap to reveal\n          <\/div>\n        <\/div>\n        <div class=\"vp-flip-back\">\n          <div class=\"vp-flip-back-close\">&#x2715;<\/div>\n          <div class=\"vp-flip-back-tag\">Frame Curve<\/div>\n          <div class=\"vp-flip-back-title\">Flatter Frames vs. Wraparound Styles<\/div>\n          <div class=\"vp-flip-back-desc\">A wraparound frame curves inward at the sides, hugging your face more closely. A flat frame sits more open. Same size \u2014 completely different feel and coverage.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"vp-flip-card\" onclick=\"this.classList.toggle('flipped')\">\n      <div class=\"vp-flip-inner\">\n        <div class=\"vp-flip-front\">\n          <div class=\"vp-flip-front-icon\">\ud83d\udc43<\/div>\n          <div class=\"vp-flip-front-title\">Molded Bridges vs.<br>Nose Pads<\/div>\n          <div class=\"vp-flip-hint\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Tap to reveal\n          <\/div>\n        <\/div>\n        <div class=\"vp-flip-back\">\n          <div class=\"vp-flip-back-close\">&#x2715;<\/div>\n          <div class=\"vp-flip-back-tag\">Bridge Design<\/div>\n          <div class=\"vp-flip-back-title\">Molded Bridges vs. Nose Pads<\/div>\n          <div class=\"vp-flip-back-desc\">A molded bridge has a fixed shape \u2014 fit depends on how well it matches your nose. Frames with nose pads allow for adjustment, letting the sunglasses sit higher, lower, or more evenly.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 4 -->\n    <div class=\"vp-flip-card\" onclick=\"this.classList.toggle('flipped')\">\n      <div class=\"vp-flip-inner\">\n        <div class=\"vp-flip-front\">\n          <div class=\"vp-flip-front-icon\">\ud83d\udcd0<\/div>\n          <div class=\"vp-flip-front-title\">Oversized Styles vs.<br>Close-Fitting Styles<\/div>\n          <div class=\"vp-flip-hint\">\n            <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M2 6h8M6 2l4 4-4 4\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            Tap to reveal\n          <\/div>\n        <\/div>\n        <div class=\"vp-flip-back\">\n          <div class=\"vp-flip-back-close\">&#x2715;<\/div>\n          <div class=\"vp-flip-back-tag\">Intended Style<\/div>\n          <div class=\"vp-flip-back-title\">Oversized vs. Close-Fitting<\/div>\n          <div class=\"vp-flip-back-desc\">Some sunglasses are designed to give more coverage and a larger look, while others sit closer to the face. Two pairs can share measurements yet look and feel completely different once worn.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/grid -->\n\n  <!-- BOTTOM BAR -->\n  <div class=\"vp-flip-bottom\">\n    <div class=\"vp-flip-wordmark\">Vision<span>Pros<\/span><\/div>\n    <div class=\"vp-flip-url\">visionpros.com<\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<div style=\"height:81px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Choose The Right Sunglasses Size For Your Face<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once you understand the measurements, the next step is figuring out how they match what you want from a pair of sunglasses. It all comes down to your face and how you want the sunglasses to feel once they are on.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If You Have A Smaller Face<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your face is on the smaller side, look for sunglasses with a narrower frame width and smaller lens width. This usually helps the frame sit more proportionately instead of stretching too far past the sides of your face. A closer fit can also help prevent slipping and keep the sunglasses from feeling too heavy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If You Have A Wider Face<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your face is wider, a broader frame width usually gives a more balanced and comfortable fit. This can help prevent the temples from pressing too tightly at the sides of your head. Wider frames also tend to look more natural on broader features, rather than appearing too small or tight across the front.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If You Want More Coverage<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If your goal is more sun protection around the eyes, pay attention to both lens size and frame shape. Larger lenses and a wider frame front usually give more coverage, especially around the outer corners of the eyes. A taller lens height can also help block more light from above and below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If You Like An Oversized Look<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you like sunglasses that make more of a statement, you will probably want a larger lens width, a taller lens height, or a wider overall frame. Just make sure the oversized look still feels intentional. The frame should look bold, not like it is sliding off or swallowing your face.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If Your Sunglasses Always Slide Down<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If this happens often, the issue is not always the overall size. Sometimes the bridge fit is the real problem. A bridge that is too wide can make sunglasses sit lower and move around more, even if the lens width looks fine. In some cases, lighter frames or styles with nose pads can also help create a more secure fit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you're thinking of buying another pair or are curious to try out a new pair, you can always take a look at our selection. We got frames of different sizes fit for every face shape. Curious where to start? Start with our top choices!<\/p>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- VisionPros: Product Carousel by Brand \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-car-wrap {\n  font-family: Arial, Helvetica, sans-serif;\n  max-width: 1080px;\n  margin: 0 auto;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(14,71,115,0.13);\n  background: #fff;\n}\n\n\/* HEADER *\/\n.vp-car-header {\n  background: linear-gradient(120deg, #0e4773 0%, #3176b4 100%);\n  padding: 22px 28px 0;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-car-brand-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 4px;\n}\n.vp-car-title {\n  font-family: Georgia, serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #fff;\n  margin-bottom: 18px;\n}\n\n\/* BRAND TABS *\/\n.vp-car-tabs {\n  display: flex;\n  gap: 4px;\n}\n.vp-car-tab {\n  padding: 9px 20px;\n  font-size: 12px;\n  font-weight: 700;\n  color: rgba(255,255,255,0.6);\n  border-radius: 8px 8px 0 0;\n  cursor: pointer;\n  background: rgba(255,255,255,0.08);\n  transition: background 0.2s, color 0.2s;\n  user-select: none;\n  -webkit-user-select: none;\n  letter-spacing: 0.3px;\n}\n.vp-car-tab:hover { background: rgba(255,255,255,0.15); color: #fff; }\n.vp-car-tab.active {\n  background: #fff;\n  color: #0e4773;\n}\n\n\/* PANELS *\/\n.vp-car-panels { background: #fff; }\n.vp-car-panel { display: none; }\n.vp-car-panel.active { display: block; }\n\n\/* CAROUSEL TRACK *\/\n.vp-car-viewport {\n  overflow: hidden;\n  position: relative;\n  padding: 24px 0 8px;\n}\n.vp-car-track {\n  display: flex;\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: transform;\n}\n\n\/* PRODUCT CARD *\/\n.vp-car-card {\n  flex: 0 0 calc(33.333% - 12px);\n  margin: 0 6px;\n  border-radius: 12px;\n  overflow: hidden;\n  border: 1.5px solid #e0edf7;\n  text-decoration: none;\n  display: flex;\n  flex-direction: column;\n  transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;\n  background: #fff;\n}\n.vp-car-card:hover {\n  box-shadow: 0 8px 24px rgba(14,71,115,0.15);\n  transform: translateY(-3px);\n  border-color: #3176b4;\n  text-decoration: none;\n}\n.vp-car-img-wrap {\n  background: #f5f9fd;\n  aspect-ratio: 1 \/ 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 16px;\n}\n.vp-car-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  transition: transform 0.3s ease;\n}\n.vp-car-card:hover .vp-car-img-wrap img {\n  transform: scale(1.05);\n}\n.vp-car-card-body {\n  padding: 12px 14px 14px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.vp-car-card-brand {\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 3px;\n}\n.vp-car-card-name {\n  font-size: 12.5px;\n  font-weight: 700;\n  color: #0e4773;\n  line-height: 1.35;\n  margin-bottom: 10px;\n}\n.vp-car-card-cta {\n  font-size: 11px;\n  font-weight: 700;\n  color: #3176b4;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.vp-car-card-cta::after {\n  content: '\u2192';\n  transition: transform 0.2s;\n}\n.vp-car-card:hover .vp-car-card-cta::after {\n  transform: translateX(3px);\n}\n\n\/* NAV ARROWS + DOTS *\/\n.vp-car-nav {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 12px 0 22px;\n}\n.vp-car-arrow {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  background: #ebf4fd;\n  border: none;\n  cursor: pointer;\n  font-size: 14px;\n  color: #0e4773;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s;\n  flex-shrink: 0;\n}\n.vp-car-arrow:hover { background: #3176b4; color: #fff; }\n.vp-car-arrow:disabled { opacity: 0.3; cursor: default; }\n.vp-car-dots {\n  display: flex;\n  gap: 6px;\n}\n.vp-car-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #d0e5f7;\n  cursor: pointer;\n  transition: background 0.2s, transform 0.2s;\n}\n.vp-car-dot.active {\n  background: #0e4773;\n  transform: scale(1.2);\n}\n\n\/* BOTTOM BAR *\/\n.vp-car-bottom {\n  padding: 11px 28px;\n  background: #0e4773;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-car-wordmark { font-family: Georgia, serif; font-size: 14px; font-weight: 700; color: #fff; }\n.vp-car-wordmark span { color: #7ba9d1; }\n.vp-car-url { font-size: 10px; color: rgba(255,255,255,0.35); }\n<\/style>\n\n<div class=\"vp-car-wrap\">\n\n  <!-- HEADER + TABS -->\n  <div class=\"vp-car-header\">\n    <div class=\"vp-car-brand-label\">VisionPros \u00b7 Shop by Brand<\/div>\n    <div class=\"vp-car-title\">Top Sunglasses Picks<\/div>\n    <div class=\"vp-car-tabs\">\n      <div class=\"vp-car-tab active\" onclick=\"vpCarTab('rayban')\">Ray-Ban<\/div>\n      <div class=\"vp-car-tab\" onclick=\"vpCarTab('oakley')\">Oakley<\/div>\n      <div class=\"vp-car-tab\" onclick=\"vpCarTab('police')\">Police<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PANELS -->\n  <div class=\"vp-car-panels\">\n\n    <!-- \u2500\u2500 RAY-BAN \u2500\u2500 -->\n    <div class=\"vp-car-panel active\" id=\"vpPanel-rayban\">\n      <div class=\"vp-car-viewport\">\n        <div class=\"vp-car-track\" id=\"vpTrack-rayban\">\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/ray-ban-rb4246-clubround-134816\/black-901-2191245\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/675688-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Ray-Ban RB4246 Clubround\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/675688-angle.jpg\" alt=\"Ray-Ban RB4246 Clubround\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Ray-Ban<\/div>\n                <div class=\"vp-car-card-name\">RB4246 Clubround<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/ray-ban-rb3538-134873\/top-brown-on-gunmetal-2191563\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/676176-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Ray-Ban RB3538\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/676176-angle.jpg\" alt=\"Ray-Ban RB3538\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Ray-Ban<\/div>\n                <div class=\"vp-car-card-name\">RB3538<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/ray-ban-rb2447-66771\/black-2175522\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"http:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/651134-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Ray-Ban RB2447\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"http:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/651134-angle.jpg\" alt=\"Ray-Ban RB2447\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Ray-Ban<\/div>\n                <div class=\"vp-car-card-name\">RB2447<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div><!-- \/rayban panel -->\n\n    <!-- \u2500\u2500 OAKLEY \u2500\u2500 -->\n    <div class=\"vp-car-panel\" id=\"vpPanel-oakley\">\n      <div class=\"vp-car-viewport\">\n        <div class=\"vp-car-track\" id=\"vpTrack-oakley\">\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/oakley\/oo9264-926425-166453\/matte-black-3001698\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861291-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Oakley OO9264-926425\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861291-angle.jpg\" alt=\"Oakley OO9264-926425\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Oakley<\/div>\n                <div class=\"vp-car-card-name\">OO9264-926425<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/oakley-oo9013-135838\/frogskin-red-9013a7-1390032\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/786906-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Oakley OO9013\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/786906-angle.jpg\" alt=\"Oakley OO9013\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Oakley<\/div>\n                <div class=\"vp-car-card-name\">OO9013 Frogskins<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/oakley-oo4124-146579\/matte-lead-1390028\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/759985-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Oakley OO4124\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/759985-angle.jpg\" alt=\"Oakley OO4124\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Oakley<\/div>\n                <div class=\"vp-car-card-name\">OO4124<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div><!-- \/oakley panel -->\n\n    <!-- \u2500\u2500 POLICE \u2500\u2500 -->\n    <div class=\"vp-car-panel\" id=\"vpPanel-police\">\n      <div class=\"vp-car-viewport\">\n        <div class=\"vp-car-track\" id=\"vpTrack-police\">\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/police\/spl474-166429\/black-700f-3001644\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861237-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Police SPL474\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861237-angle.jpg\" alt=\"Police SPL474\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Police<\/div>\n                <div class=\"vp-car-card-name\">SPL474<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/police\/spl643-166442\/blue-0n05-3001677\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861270-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Police SPL643\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861270-angle.jpg\" alt=\"Police SPL643\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Police<\/div>\n                <div class=\"vp-car-card-name\">SPL643<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n          <a class=\"vp-car-card\" href=\"https:\/\/www.visionpros.com\/sunglasses\/police\/spl725-166444\/black-01ep-3001682\/\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"vp-car-img-wrap\"><img decoding=\"async\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861275-angle.jpg\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Police SPL725\" loading=\"lazy\"\/><noscript><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/visionpros\/v3\/products\/frames\/861275-angle.jpg\" alt=\"Police SPL725\" loading=\"lazy\"><\/noscript><\/div>\n            <div class=\"vp-car-card-body\">\n              <div>\n                <div class=\"vp-car-card-brand\">Police<\/div>\n                <div class=\"vp-car-card-name\">SPL725<\/div>\n              <\/div>\n              <div class=\"vp-car-card-cta\">Shop this frame<\/div>\n            <\/div>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div><!-- \/police panel -->\n\n  <\/div><!-- \/panels -->\n\n  <!-- SINGLE SHARED NAV -->\n  <div class=\"vp-car-nav\">\n    <button class=\"vp-car-arrow\" onclick=\"vpCarMove(-1)\" id=\"vpPrev-global\">&#8592;<\/button>\n    <div class=\"vp-car-dots\" id=\"vpDots-global\"><\/div>\n    <button class=\"vp-car-arrow\" onclick=\"vpCarMove(1)\" id=\"vpNext-global\">&#8594;<\/button>\n  <\/div>\n\n  <!-- BOTTOM BAR -->\n  <div class=\"vp-car-bottom\">\n    <div class=\"vp-car-wordmark\">Vision<span>Pros<\/span><\/div>\n    <div class=\"vp-car-url\">visionpros.com<\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function() {\n  var brands = ['rayban', 'oakley', 'police'];\n  var current = 0;\n\n  function vpCarRender() {\n    \/\/ Switch panels and tabs\n    brands.forEach(function(b, i) {\n      document.getElementById('vpPanel-' + b).classList.toggle('active', i === current);\n      document.querySelectorAll('.vp-car-tab')[i].classList.toggle('active', i === current);\n    });\n\n    \/\/ Dots\n    var dotsWrap = document.getElementById('vpDots-global');\n    dotsWrap.innerHTML = '';\n    brands.forEach(function(b, i) {\n      var dot = document.createElement('div');\n      dot.className = 'vp-car-dot' + (i === current ? ' active' : '');\n      dot.onclick = function() { current = i; vpCarRender(); };\n      dotsWrap.appendChild(dot);\n    });\n\n    \/\/ Arrows\n    document.getElementById('vpPrev-global').disabled = current === 0;\n    document.getElementById('vpNext-global').disabled = current === brands.length - 1;\n  }\n\n  window.vpCarTab = function(brand) {\n    current = brands.indexOf(brand);\n    vpCarRender();\n  };\n\n  window.vpCarMove = function(dir) {\n    current = Math.max(0, Math.min(brands.length - 1, current + dir));\n    vpCarRender();\n  };\n\n  \/\/ Init\n  vpCarRender();\n})();\n<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Signs Your Sunglasses Are Too Small Or Too Big<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Even if a pair looks good at first glance, the fit can still be off. Knowing what to look for can help you spot sizing issues faster and choose a pair that feels more comfortable on your face.<\/p>\n\n\n\n<center>\n\n\n\n<!-- VisionPros: Signs Too Small \/ Too Big \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-signs-wrap {\n  font-family: Arial, Helvetica, sans-serif;\n  max-width: 980px;\n  border-radius: 18px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(14,71,115,0.13);\n}\n\n\/* TWO COLUMNS *\/\n.vp-signs-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n\/* EACH COLUMN *\/\n.vp-signs-col {\n  padding: 28px 24px 32px;\n}\n.vp-signs-col-small {\n  background: #fff5f5;\n  border-right: 1px solid #f0dada;\n}\n.vp-signs-col-big {\n  background: #f0f7ff;\n}\n\n\/* COLUMN HEADER *\/\n.vp-signs-col-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  padding-bottom: 14px;\n}\n.vp-signs-col-small .vp-signs-col-head {\n  border-bottom: 2px solid #f5c0c0;\n}\n.vp-signs-col-big .vp-signs-col-head {\n  border-bottom: 2px solid #b8d6f0;\n}\n\n.vp-signs-icon-wrap {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  flex-shrink: 0;\n}\n.vp-signs-col-small .vp-signs-icon-wrap {\n  background: #fde8e8;\n}\n.vp-signs-col-big .vp-signs-icon-wrap {\n  background: #d6eaf8;\n}\n\n.vp-signs-col-label {\n  font-family: Georgia, serif;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n.vp-signs-col-small .vp-signs-col-label { color: #c0392b; }\n.vp-signs-col-big  .vp-signs-col-label { color: #0e4773; }\n\n\/* ITEMS *\/\n.vp-signs-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.vp-signs-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 12.5px;\n  line-height: 1.5;\n}\n.vp-signs-dot {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  margin-top: 1px;\n  font-size: 11px;\n  font-weight: 700;\n}\n.vp-signs-col-small .vp-signs-dot {\n  background: #fde8e8;\n  color: #c0392b;\n}\n.vp-signs-col-big .vp-signs-dot {\n  background: #d6eaf8;\n  color: #0e4773;\n}\n.vp-signs-col-small .vp-signs-item-text { color: #5a2a2a; }\n.vp-signs-col-big  .vp-signs-item-text { color: #1a3a52; }\n\n\/* BOTTOM BAR *\/\n.vp-signs-bottom {\n  padding: 12px 28px;\n  background: #0e4773;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-signs-wordmark {\n  font-family: Georgia, serif;\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n}\n.vp-signs-wordmark span { color: #7ba9d1; }\n.vp-signs-url { font-size: 10px; color: rgba(255,255,255,0.35); }\n\n@media (max-width: 480px) {\n  .vp-signs-grid { grid-template-columns: 1fr; }\n  .vp-signs-col-small { border-right: none; border-bottom: 1px solid #f0dada; }\n}\n<\/style>\n\n<div class=\"vp-signs-wrap\">\n  <div class=\"vp-signs-grid\">\n\n    <!-- TOO SMALL -->\n    <div class=\"vp-signs-col vp-signs-col-small\">\n      <div class=\"vp-signs-col-head\">\n        <div class=\"vp-signs-icon-wrap\">\ud83d\ude23<\/div>\n        <div class=\"vp-signs-col-label\">Signs They're Too Small<\/div>\n      <\/div>\n      <div class=\"vp-signs-list\">\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">Pressure at the temples or behind the ears<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">Lenses that do not give enough eye coverage<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">Cheeks touching the bottom of the lenses when you smile<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">A frame that looks too narrow across your face<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">A fit that feels tight or cramped after wearing them for a while<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- TOO BIG -->\n    <div class=\"vp-signs-col vp-signs-col-big\">\n      <div class=\"vp-signs-col-head\">\n        <div class=\"vp-signs-icon-wrap\">\ud83d\ude35<\/div>\n        <div class=\"vp-signs-col-label\">Signs They're Too Big<\/div>\n      <\/div>\n      <div class=\"vp-signs-list\">\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">Sunglasses that slide down your nose<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">Gaps around the bridge or outer sides of the frame<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">A fit that shifts around when you move<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">A frame that extends too far past the sides of your face<\/div>\n        <\/div>\n        <div class=\"vp-signs-item\">\n          <div class=\"vp-signs-dot\">\u2715<\/div>\n          <div class=\"vp-signs-item-text\">A look that feels oversized in an awkward rather than intentional way<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- BOTTOM BAR -->\n  <div class=\"vp-signs-bottom\">\n    <div class=\"vp-signs-wordmark\">Vision<span>Pros<\/span><\/div>\n    <div class=\"vp-signs-url\">visionpros.com<\/div>\n  <\/div>\n<\/div>\n\n\n\n<\/center>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>A Quick Checklist Before You Buy Sunglasses Online<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you place an order, take a minute to check a couple things that tend to affect its fit the most.<\/p>\n\n\n\n<!-- VisionPros: Pre-Purchase Checklist \u2014 WordPress Custom HTML Block -->\n\n<style>\n.vp-chk-wrap {\n  font-family: Arial, Helvetica, sans-serif;\n  max-width: 980px;\n  margin: 0 auto;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(14,71,115,0.13);\n}\n\n\/* HEADER *\/\n.vp-chk-header {\n  background: linear-gradient(120deg, #0e4773 0%, #3176b4 100%);\n  padding: 24px 32px 20px;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-chk-brand {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: #7ba9d1;\n  margin-bottom: 5px;\n}\n.vp-chk-title {\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #fff;\n  margin: 0 0 4px 0;\n  padding: 0;\n  border: none;\n  line-height: 1.3;\n}\n.vp-chk-title em {\n  font-style: italic;\n  color: #7ba9d1;\n  font-weight: 400;\n}\n\n\/* PROGRESS AREA *\/\n.vp-chk-progress-area {\n  background: #fff;\n  padding: 20px 32px 0;\n}\n.vp-chk-progress-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n.vp-chk-progress-label {\n  font-size: 11px;\n  font-weight: 700;\n  color: #0e4773;\n  letter-spacing: 0.5px;\n}\n.vp-chk-progress-count {\n  font-size: 11px;\n  color: #7ba9d1;\n  font-weight: 600;\n}\n.vp-chk-track {\n  height: 6px;\n  background: #e0edf7;\n  border-radius: 4px;\n  overflow: hidden;\n}\n.vp-chk-fill {\n  height: 100%;\n  width: 0%;\n  background: linear-gradient(90deg, #0e4773, #3176b4);\n  border-radius: 4px;\n  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\/* ALL DONE banner \u2014 hidden until complete *\/\n.vp-chk-done {\n  display: none;\n  background: #e8f5e9;\n  border: 1.5px solid #a5d6a7;\n  border-radius: 10px;\n  margin: 16px 32px 0;\n  padding: 10px 16px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #2e7d32;\n  text-align: center;\n  letter-spacing: 0.3px;\n}\n.vp-chk-done.visible { display: block; }\n\n\/* LIST *\/\n.vp-chk-list {\n  padding: 16px 32px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  background: #fff;\n}\n\n\/* ITEM *\/\n.vp-chk-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 13px 0;\n  border-bottom: 1px solid #eaf2fb;\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-select: none;\n  transition: background 0.15s;\n  border-radius: 8px;\n  padding-left: 8px;\n  padding-right: 8px;\n}\n.vp-chk-item:last-child { border-bottom: none; }\n.vp-chk-item:hover { background: #f5faff; }\n\n\/* CHECKBOX BOX *\/\n.vp-chk-box {\n  width: 22px;\n  height: 22px;\n  border-radius: 6px;\n  border: 2px solid #b8d4ec;\n  background: #fff;\n  flex-shrink: 0;\n  margin-top: 1px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.2s, border-color 0.2s;\n  position: relative;\n}\n.vp-chk-box svg {\n  opacity: 0;\n  transform: scale(0.5);\n  transition: opacity 0.2s, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n\/* CHECKED STATE *\/\n.vp-chk-item.checked .vp-chk-box {\n  background: #0e4773;\n  border-color: #0e4773;\n}\n.vp-chk-item.checked .vp-chk-box svg {\n  opacity: 1;\n  transform: scale(1);\n}\n.vp-chk-item.checked .vp-chk-text {\n  color: #7ba9d1;\n  text-decoration: line-through;\n  text-decoration-color: #b8d4ec;\n}\n\n\/* TEXT *\/\n.vp-chk-text {\n  font-size: 13.5px;\n  color: #1a3a52;\n  line-height: 1.55;\n  transition: color 0.2s;\n  flex: 1;\n}\n\n\/* BOTTOM BAR *\/\n.vp-chk-bottom {\n  padding: 12px 28px;\n  background: #0e4773;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.vp-chk-wordmark {\n  font-family: Georgia, serif;\n  font-size: 14px;\n  font-weight: 700;\n  color: #fff;\n}\n.vp-chk-wordmark span { color: #7ba9d1; }\n.vp-chk-url { font-size: 10px; color: rgba(255,255,255,0.35); }\n<\/style>\n\n<div class=\"vp-chk-wrap\">\n\n  <!-- HEADER -->\n  <div class=\"vp-chk-header\">\n    <div class=\"vp-chk-brand\">VisionPros &middot; Fit Guide<\/div>\n    <p class=\"vp-chk-title\">A Quick Checklist <em>Before You Buy<\/em><\/p>\n  <\/div>\n\n  <!-- PROGRESS -->\n  <div class=\"vp-chk-progress-area\">\n    <div class=\"vp-chk-progress-row\">\n      <span class=\"vp-chk-progress-label\">YOUR PROGRESS<\/span>\n      <span class=\"vp-chk-progress-count\" id=\"vpChkCount\">0 \/ 5 checked<\/span>\n    <\/div>\n    <div class=\"vp-chk-track\">\n      <div class=\"vp-chk-fill\" id=\"vpChkFill\"><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ALL DONE -->\n  <div class=\"vp-chk-done\" id=\"vpChkDone\">\n    \u2713 &nbsp;You&rsquo;re all set \u2014 happy shopping!\n  <\/div>\n\n  <!-- CHECKLIST -->\n  <div class=\"vp-chk-list\" id=\"vpChkList\">\n\n    <div class=\"vp-chk-item\" onclick=\"vpChkToggle(this)\">\n      <div class=\"vp-chk-box\">\n        <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n          <path d=\"M1 5l3.5 3.5L11 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"vp-chk-text\">Check the size numbers listed on the frame or product page<\/div>\n    <\/div>\n\n    <div class=\"vp-chk-item\" onclick=\"vpChkToggle(this)\">\n      <div class=\"vp-chk-box\">\n        <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n          <path d=\"M1 5l3.5 3.5L11 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"vp-chk-text\">Compare those measurements with a pair you already like<\/div>\n    <\/div>\n\n    <div class=\"vp-chk-item\" onclick=\"vpChkToggle(this)\">\n      <div class=\"vp-chk-box\">\n        <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n          <path d=\"M1 5l3.5 3.5L11 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"vp-chk-text\">Pay attention to bridge fit, especially if sunglasses tend to slide down your nose<\/div>\n    <\/div>\n\n    <div class=\"vp-chk-item\" onclick=\"vpChkToggle(this)\">\n      <div class=\"vp-chk-box\">\n        <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n          <path d=\"M1 5l3.5 3.5L11 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"vp-chk-text\">Look at the overall frame width, not just the lens width<\/div>\n    <\/div>\n\n    <div class=\"vp-chk-item\" onclick=\"vpChkToggle(this)\">\n      <div class=\"vp-chk-box\">\n        <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\">\n          <path d=\"M1 5l3.5 3.5L11 1\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"vp-chk-text\">Remember that frame shape and style can change how the same size feels<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- BOTTOM BAR -->\n  <div class=\"vp-chk-bottom\">\n    <div class=\"vp-chk-wordmark\">Vision<span>Pros<\/span><\/div>\n    <div class=\"vp-chk-url\">visionpros.com<\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function() {\n  var total = 5;\n\n  window.vpChkToggle = function(item) {\n    item.classList.toggle('checked');\n    var checked = document.querySelectorAll('#vpChkList .vp-chk-item.checked').length;\n    var pct = (checked \/ total) * 100;\n    document.getElementById('vpChkFill').style.width = pct + '%';\n    document.getElementById('vpChkCount').textContent = checked + ' \/ ' + total + ' checked';\n    var done = document.getElementById('vpChkDone');\n    if (checked === total) {\n      done.classList.add('visible');\n    } else {\n      done.classList.remove('visible');\n    }\n  };\n})();\n<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Get The Right Sunglasses Size For You At VisionPros<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once you have a better idea of the size and fit you want, the next step is finding a pair that checks those boxes. VisionPros carries a wide selection of sunglasses from trusted brands, so it is easier to compare different shapes, sizes, and styles in one place. You can shop well-known names at discounted prices and narrow down a pair that feels right for both your look and your budget.<\/p>\n\n\n\n<\/div>\n\n\n\n<div style=\"height:46px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"wp-block-themeisle-blocks-advanced-columns-678cc482\" class=\"wp-block-themeisle-blocks-advanced-columns alignfull has-1-columns has-desktop-equal-layout has-tablet-equal-layout has-mobile-collapsedRows-layout has-reverse-columns-mobile has-vertical-bottom ticss-c00aadba\"><div class=\"wp-block-themeisle-blocks-advanced-columns-overlay\"><\/div><div class=\"innerblocks-wrap\">\n<div id=\"wp-block-themeisle-blocks-advanced-column-4d412c51\" class=\"wp-block-themeisle-blocks-advanced-column\">\n<h2 id=\"wp-block-themeisle-blocks-advanced-heading-fb3c7a39\" class=\"wp-block-themeisle-blocks-advanced-heading wp-block-themeisle-blocks-advanced-heading-fb3c7a39\"><strong>Shop Sunglasses At a Discount!<\/strong><\/h2>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900\" \/>\n<p class=\"has-text-align-center has-text-color wp-block-paragraph\" style=\"color:#fefefe; ;font-family:&#039;Roboto&#039; !important\" style=\"color:#fefefe\">Get your brand new trusted frames at VisionPros.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\"><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900\" \/>\n<div class=\"wp-block-button is-style-primary\" style=\"font-family:&#039;Roboto&#039; !important\"><a class=\"wp-block-button__link has-vivid-cyan-blue-background-color has-background wp-element-button\" href=\"https:\/\/www.visionpros.com\/sunglasses\/\">Shop Now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Frequently Asked Questions About Sunglasses Sizes<\/strong><\/h2>\n\n\n\n<!-- WRAPPER TO SCOPE STYLES -->\n<div id=\"vp-faq-sunglasses-size-numbers\">\n\n  <style>\n  #vp-faq-sunglasses-size-numbers{\n    font:20px\/1.8 Arial, Helvetica, sans-serif;\n    color:#333;\n    margin:2rem 0;\n  }\n  #vp-faq-sunglasses-size-numbers details{\n    background:#fff;\n    border:1px solid #e3e8ee;\n    border-radius:8px;\n    margin-bottom:1rem;\n    box-shadow:0 1px 3px rgba(0,0,0,0.06);\n    transition:background .2s ease;\n  }\n  #vp-faq-sunglasses-size-numbers details:hover{\n    background:#f8fafc;\n  }\n  #vp-faq-sunglasses-size-numbers summary{\n    cursor:pointer;\n    font-weight:600;\n    color:#264e8c;\n    padding:1.1rem 1.3rem;\n    list-style:none;\n  }\n  #vp-faq-sunglasses-size-numbers summary::-webkit-details-marker{\n    display:none;\n  }\n  #vp-faq-sunglasses-size-numbers details[open] summary{\n    border-bottom:1px solid #e3e8ee;\n  }\n  #vp-faq-sunglasses-size-numbers p{\n    margin:0;\n    padding:1rem 1.3rem 1.3rem;\n    color:#444;\n  }\n  <\/style>\n\n  <details>\n    <summary>1. What do the numbers on sunglasses mean?<\/summary>\n    <p>The numbers printed inside sunglasses usually refer to lens width, bridge width, and temple length. They help show how the frame is sized and how it might fit.<\/p>\n  <\/details>\n\n  <details>\n    <summary>2. How do I know if my sunglasses are the right size?<\/summary>\n    <p>A good fit should feel comfortable, stay in place, and look balanced on your face. They should not pinch at the temples, slide down your nose, or touch your cheeks too much when you smile.<\/p>\n  <\/details>\n\n  <details>\n    <summary>3. Can two sunglasses with the same size fit differently?<\/summary>\n    <p>Yes. Frame material, bridge design, lens height, and frame shape can all change how a pair feels, even if the printed measurements are the same.<\/p>\n  <\/details>\n\n  <details>\n    <summary>4. What if I cannot find the size printed on my sunglasses?<\/summary>\n    <p>You can measure them by hand using a ruler with millimeter markings. Focus on lens width, bridge width, temple length, and overall frame width.<\/p>\n  <\/details>\n\n  <details>\n    <summary>5. Is the credit card trick accurate?<\/summary>\n    <p>It is helpful as a quick estimate, but it is not exact. It gives you a rough idea of whether you might need a smaller, standard, or wider frame.<\/p>\n  <\/details>\n\n  <details>\n    <summary>6. Should I size up or down when buying sunglasses online?<\/summary>\n    <p>That depends on how you want the sunglasses to fit. If you want more coverage or like oversized styles, a larger frame may suit you better. If you prefer a closer fit, a smaller size can feel more comfortable.<\/p>\n  <\/details>\n\n  <details>\n    <summary>7. Does face shape affect sunglasses size?<\/summary>\n    <p>Face shape can affect how a frame looks on you, while size affects how it fits. Both matter, but size plays a bigger part in comfort and wear.<\/p>\n  <\/details>\n\n  <details>\n    <summary>8. What should I check before buying sunglasses online?<\/summary>\n    <p>Look at the size numbers, compare them with a pair you already like, check the bridge fit, and pay attention to overall frame width. It also helps to remember that frame style can change how the fit feels.<\/p>\n  <\/details>\n\n<\/div>\n\n\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-1&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-1-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-1\" type=\"button\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">References<\/span><span class=\"wp-block-accordion-heading__toggle-icon\" aria-hidden=\"true\">+<\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-1\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-1-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li>Glasses frame sizes explained. All About Vision. https:\/\/www.allaboutvision.com\/eyewear\/eyeglasses\/styles\/glasses-frame-size\/. Date Accessed March 11, 2026.<\/li>\n\n\n\n<li>What the Numbers on Glasses Mean, According to an Optometrist. Reader's Digest. https:\/\/www.rd.com\/article\/what-the-numbers-on-your-glasses-mean\/. Date Accessed March 11, 2026.<\/li>\n\n\n\n<li>Glass Frame Size Explained. Eye Health Central. https:\/\/www.contactlenses.co.uk\/education\/glasses-frame-sizes. Date Accessed March 11, 2026.<\/li>\n\n\n\n<li>Meaning of Numbers: Inside the Eyeglasses Frames. Eye Mantra. https:\/\/eyemantra.in\/eyeglasses\/inside-eyeglasses-frame\/. Date Accessed March 11, 2026.<\/li>\n\n\n\n<li>How to Read Glasses Measurements &amp; Pick the Right Size. WikiHow. https:\/\/www.wikihow.com\/Read-Eyeglasses-Size. Date Accessed March 11, 2026.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Most people, maybe even you, notice the numbers printed inside a pair of sunglasses and ignore them. Fair enough, because 52-18-145 does not exactly explain itself. But once you understand what those figures mean, shopping for sunglasses or eyeglasses gets easier and a lot less hit or miss. What Do The Numbers On Sunglasses Mean? [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":6040,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[7],"tags":[],"semantictags":[],"class_list":["post-6039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-center"],"_links":{"self":[{"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/posts\/6039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/comments?post=6039"}],"version-history":[{"count":30,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/posts\/6039\/revisions"}],"predecessor-version":[{"id":6765,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/posts\/6039\/revisions\/6765"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/media\/6040"}],"wp:attachment":[{"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/media?parent=6039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/categories?post=6039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/tags?post=6039"},{"taxonomy":"semantictags","embeddable":true,"href":"https:\/\/www.visionpros.com\/pro\/wp-json\/wp\/v2\/semantictags?post=6039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}