{"product_id":"clear-lens-s0","title":"CLEAR LENS S0","description":"\u003cstyle\u003e\n  .range-lenses-use {\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto;\n    font-family: Inter, Helvetica, sans-serif;\n    color: #333;\n    box-sizing: border-box;\n  }\n\n  .range-lenses-use *,\n  .range-lenses-use *::before,\n  .range-lenses-use *::after {\n    box-sizing: border-box;\n  }\n\n  \/* =========================\n     TITLE\n     ========================= *\/\n\n.range-lenses-title {\n  font-size: clamp(19px, 2.4vw, 27px);\n  font-weight: 700;\n  letter-spacing: 1px;\n  line-height: 1;\n  margin: 0 0 28px 0;\n  color: #303030;\n}\n\n  \/* =========================\n     CHART\n     ========================= *\/\n\n  .lens-chart {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 800 \/ 513;\n    overflow: hidden;\n  }\n\n  \/* =========================\n     WEATHER ICONS\n     ========================= *\/\n\n  .weather-icon {\n    position: absolute;\n    top: 2.5%;\n    transform: translateX(-50%);\n    width: 25px;\n    height: 25px;\n    z-index: 1;\n  }\n\n  .weather-icon svg {\n    width: 100%;\n    height: 100%;\n    display: block;\n  }\n\n  .weather-sunny {\n    left: 22.2%;\n  }\n\n  .weather-partly {\n    left: 51%;\n  }\n\n  .weather-cloudy {\n    left: 79.7%;\n  }\n\n  \/* =========================\n     MAIN RANGE BAR\n     ========================= *\/\n\n  .range-bar {\n    position: absolute;\n    top: 17%;\n    left: 4%;\n    width: 92%;\n    height: 6px;\n    background: #bdbdbd;\n    border-radius: 10px;\n    z-index: 2;\n  }\n\n  .range-tick {\n    position: absolute;\n    top: -2px;\n    width: 1px;\n    height: 10px;\n    background: #777;\n  }\n\n  .tick-1 { left: 7%; }\n  .tick-2 { left: 14%; }\n  .tick-3 { left: 21%; }\n  .tick-4 { left: 28%; }\n  .tick-5 { left: 35%; }\n  .tick-6 { left: 42%; }\n  .tick-7 { left: 49%; }\n  .tick-8 { left: 56%; }\n  .tick-9 { left: 63%; }\n  .tick-10 { left: 70%; }\n  .tick-11 { left: 77%; }\n  .tick-12 { left: 84%; }\n  .tick-13 { left: 91%; }\n\n  \/* =========================\n     VLT LABELS\n     ========================= *\/\n\n  .vlt-range {\n    position: absolute;\n    top: 22.5%;\n    font-size: clamp(7px, 1vw, 11px);\n    font-weight: 600;\n    white-space: nowrap;\n    color: #444;\n  }\n\n  .vlt-fc2 {\n    left: 4.5%;\n  }\n\n  .vlt-fc1 {\n    left: 46%;\n    transform: translateX(-50%);\n  }\n\n  .vlt-fc0 {\n    right: 4%;\n  }\n\n.vlt-subtitle {\n  position: absolute;\n  top: 26%;\n  left: 4.5%;\n  font-size: clamp(4px, .45vw, 5px);\n  color: #666;\n  letter-spacing: .15px;\n}\n\n  \/* =========================\n     LENS RANGE BARS\n     ========================= *\/\n\n  .lens-range {\n    position: absolute;\n    height: 6px;\n    background: #858585;\n    border-radius: 8px;\n    z-index: 3;\n  }\n\n  .lens-range-label {\n    position: absolute;\n    top: -22px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: clamp(8px, 1.1vw, 12px);\n    font-weight: 500;\n    color: #555;\n    white-space: nowrap;\n  }\n\n  \/* =========================\n     LENS IMAGES\n     ========================= *\/\n\n  .lens-image {\n    position: absolute;\n    object-fit: contain;\n    display: block;\n    z-index: 1;\n  }\n\n  \/* =========================\n     S0 CLEAR\n     POSIZIONE COME FOTO\n     ========================= *\/\n\n  .range-s0 {\n    left: 51.7%;\n    width: 44.3%;\n    top: 48.7%;\n  }\n\n  .s0-lens-1 {\n    left: 65.5%;\n    top: 50.2%;\n    width: 11%;\n    height: auto;\n  }\n\n  .s0-lens-2 {\n    left: 76.2%;\n    top: 50.2%;\n    width: 11%;\n    height: auto;\n  }\n\n  \/* =========================\n     S1 SMOKE\n     POSIZIONE COME FOTO\n     ========================= *\/\n\n  .range-s1 {\n    left: 31.5%;\n    width: 47.4%;\n    top: 66.6%;\n  }\n\n  .s1-lens-1 {\n    left: 42.3%;\n    top: 68.8%;\n    width: 11%;\n    height: auto;\n  }\n\n  .s1-lens-2 {\n    left: 54.5%;\n    top: 68.8%;\n    width: 11%;\n    height: auto;\n  }\n\n  \/* =========================\n     S2 MIRROR\n     POSIZIONE COME FOTO\n     ========================= *\/\n\n  .range-s2 {\n    left: 4%;\n    width: 47.5%;\n    top: 86.4%;\n  }\n\n  .s2-lens-1 {\n    left: 4.7%;\n    top: 88.7%;\n    width: 11%;\n    height: auto;\n  }\n\n  .s2-lens-2 {\n    left: 15.8%;\n    top: 88.7%;\n    width: 11%;\n    height: auto;\n  }\n\n  .s2-lens-3 {\n    left: 26.8%;\n    top: 88.7%;\n    width: 11%;\n    height: auto;\n  }\n\n  .s2-lens-4 {\n    left: 37.7%;\n    top: 88.7%;\n    width: 11%;\n    height: auto;\n  }\n\n  \/* =========================\n     MOBILE\n     ========================= *\/\n\n  @media screen and (max-width: 600px) {\n\n    .range-lenses-use {\n      padding: 0 8px;\n    }\n\n    .range-lenses-title {\n      font-size: 21px;\n      margin-bottom: 22px;\n      letter-spacing: .8px;\n    }\n\n    .range-bar,\n    .lens-range {\n      height: 4px;\n    }\n\n    .weather-icon {\n      width: 20px;\n      height: 20px;\n    }\n\n    .lens-range-label {\n      top: -17px;\n    }\n\n    .vlt-subtitle {\n      top: 27%;\n    }\n\n    \/*\n      IMPORTANTE:\n      le posizioni delle immagini rimangono\n      identiche alla versione desktop\n    *\/\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"range-lenses-use\"\u003e\n\n  \u003ch2 class=\"range-lenses-title\"\u003e\n    RANGE LENSES USE\n  \u003c\/h2\u003e\n\n  \u003cdiv class=\"lens-chart\"\u003e\n\n    \u003c!-- =========================\n         WEATHER ICONS\n         ========================= --\u003e\n\n    \u003cdiv class=\"weather-icon weather-sunny\"\u003e\n      \u003csvg viewbox=\"0 0 40 40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003ccircle cx=\"20\" cy=\"20\" r=\"7\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/circle\u003e\n        \u003cline x1=\"20\" y1=\"3\" x2=\"20\" y2=\"9\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"20\" y1=\"31\" x2=\"20\" y2=\"37\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"3\" y1=\"20\" x2=\"9\" y2=\"20\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"31\" y1=\"20\" x2=\"37\" y2=\"20\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"8\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"28\" y1=\"28\" x2=\"32\" y2=\"32\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"8\" y1=\"32\" x2=\"12\" y2=\"28\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"28\" y1=\"12\" x2=\"32\" y2=\"8\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/line\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"weather-icon weather-partly\"\u003e\n      \u003csvg viewbox=\"0 0 50 40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003ccircle cx=\"18\" cy=\"14\" r=\"6\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.7\"\u003e\u003c\/circle\u003e\n        \u003cline x1=\"18\" y1=\"3\" x2=\"18\" y2=\"7\" stroke=\"#555\" stroke-width=\"1.7\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"7\" y1=\"14\" x2=\"11\" y2=\"14\" stroke=\"#555\" stroke-width=\"1.7\"\u003e\u003c\/line\u003e\n        \u003cline x1=\"25\" y1=\"7\" x2=\"28\" y2=\"4\" stroke=\"#555\" stroke-width=\"1.7\"\u003e\u003c\/line\u003e\n        \u003cpath d=\"M14 30h24c5 0 8-3 8-7s-4-7-8-7c-1-6-5-9-10-9-6 0-10 4-10 10-4 0-7 3-7 7s3 6 3 6z\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.7\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"weather-icon weather-cloudy\"\u003e\n      \u003csvg viewbox=\"0 0 50 40\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n        \u003cpath d=\"M10 30h29c5 0 8-3 8-7s-4-7-8-7c-1-6-5-9-11-9-6 0-10 4-10 10-5 0-8 3-8 7s3 6 0 6z\" fill=\"none\" stroke=\"#555\" stroke-width=\"1.8\"\u003e\u003c\/path\u003e\n      \u003c\/svg\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         MAIN RANGE BAR\n         ========================= --\u003e\n\n    \u003cdiv class=\"range-bar\"\u003e\n      \u003cspan class=\"range-tick tick-1\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-2\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-3\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-4\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-5\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-6\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-7\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-8\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-9\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-10\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-11\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-12\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"range-tick tick-13\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         VLT\n         ========================= --\u003e\n\n    \u003cdiv class=\"vlt-range vlt-fc2\"\u003e\n      FC2 19-42% VLT*\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vlt-range vlt-fc1\"\u003e\n      FC1 43-79% VLT*\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vlt-range vlt-fc0\"\u003e\n      FC0 80-100% VLT*\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"vlt-subtitle\"\u003e\n      *VISIBLE LIGHT TRANSMISSION\n    \u003c\/div\u003e\n\n\n    \u003c!-- =========================\n         S0 CLEAR\n         ========================= --\u003e\n\n    \u003cdiv class=\"lens-range range-s0\"\u003e\n      \u003cdiv class=\"lens-range-label\"\u003e\n        S0 CLEAR\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cimg class=\"lens-image s0-lens-1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRCLEARLENSCLEAR.png?v=1791300569\" alt=\"S0 Clear lens\"\u003e\n\n    \u003cimg class=\"lens-image s0-lens-2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRCLEARLENSOTG.png?v=1791359118\" alt=\"S0 Clear OTG lens\"\u003e\n\n\n    \u003c!-- =========================\n         S1 SMOKE\n         ========================= --\u003e\n\n    \u003cdiv class=\"lens-range range-s1\"\u003e\n      \u003cdiv class=\"lens-range-label\"\u003e\n        S1 SMOKE\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cimg class=\"lens-image s1-lens-1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRSMOKELENSGREY.png?v=1791359286\" alt=\"S1 Smoke Grey lens\"\u003e\n\n    \u003cimg class=\"lens-image s1-lens-2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRSMOKELENSOTGGREY.png?v=1791359286\" alt=\"S1 Smoke OTG Grey lens\"\u003e\n\n\n    \u003c!-- =========================\n         S2 MIRROR\n         ========================= --\u003e\n\n    \u003cdiv class=\"lens-range range-s2\"\u003e\n      \u003cdiv class=\"lens-range-label\"\u003e\n        S2 MIRROR\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cimg class=\"lens-image s2-lens-1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRMIRLENSPINK.png?v=1791359286\" alt=\"S2 Mirror Pink lens\"\u003e\n\n    \u003cimg class=\"lens-image s2-lens-2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRMIRLENSRED.png?v=1791359287\" alt=\"S2 Mirror Red lens\"\u003e\n\n    \u003cimg class=\"lens-image s2-lens-3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRMIRLENSGOLD.png?v=1791359286\" alt=\"S2 Mirror Gold lens\"\u003e\n\n    \u003cimg class=\"lens-image s2-lens-4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRMIRLENSSILVER.png?v=1791359287\" alt=\"S2 Mirror Silver lens\"\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Sidi Sport Srl","offers":[{"title":"clear \/ ONE SIZE","offer_id":56490042982779,"sku":"8017732935397","price":25.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0644\/7221\/9842\/files\/000MRCLEARLENSCLEAR.png?v=1791300569","url":"https:\/\/sidi.com\/en-au\/products\/clear-lens-s0","provider":"Sidi Sport Srl","version":"1.0","type":"link"}