{"product_id":"rinsivo-varifocal-photochromic-eyeglasses-vision-sync-style-unisex-rectangular-frame","title":"Rinsivo Varifocal Photochromic Eyeglasses – Vision Sync Style, Unisex Rectangular Frame","description":"\u003cstyle\u003e\n\/* ==========================================================================\n   RINSIVO VISION SYNC — LUXURY PRODUCT EXPERIENCE\n   Clean, premium, responsive styling engineered for high conversion\n   ========================================================================== *\/\n.rinsivo-pdp {\n  --rv-ink: #111418;\n  --rv-sub: #4b535e;\n  --rv-muted: #6f7885;\n  --rv-accent: #ff6a00;\n  --rv-accent-dark: #e05800;\n  --rv-accent-soft: #fff3eb;\n  --rv-accent-border: #ffd7be;\n  --rv-bg-surface: #ffffff;\n  --rv-bg-subtle: #f8f9fa;\n  --rv-bg-dark: #0f1216;\n  --rv-line: #e7eaee;\n  --rv-line-subtle: #f0f2f5;\n  --rv-radius-sm: 8px;\n  --rv-radius-md: 14px;\n  --rv-radius-lg: 20px;\n  --rv-shadow-sm: 0 2px 8px rgba(17, 20, 24, 0.04);\n  --rv-shadow-md: 0 8px 24px -4px rgba(17, 20, 24, 0.07);\n  --rv-shadow-lg: 0 16px 40px -8px rgba(17, 20, 24, 0.12);\n\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  color: var(--rv-ink);\n  background: var(--rv-bg-surface);\n  line-height: 1.55;\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.rinsivo-pdp * {\n  box-sizing: border-box;\n}\n\n.rinsivo-pdp .rv-title {\n  font-size: clamp(26px, 3.2vw, 42px);\n  font-weight: 850;\n  line-height: 1.18;\n  letter-spacing: -0.028em;\n  color: var(--rv-ink);\n  margin: 0 0 12px 0;\n}\n\n.rinsivo-pdp .rv-title-accent {\n  color: var(--rv-accent);\n  background: linear-gradient(135deg, #ff6a00 0%, #ff8c33 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n\n.rinsivo-pdp .rv-desc {\n  font-size: 15px;\n  line-height: 1.65;\n  color: var(--rv-sub);\n  max-width: 660px;\n  margin: 0 auto;\n}\n\n\/* Section Wrapper *\/\n.rinsivo-pdp .rv-section {\n  padding: clamp(36px, 5vw, 64px) 16px;\n  border-bottom: 1px solid var(--rv-line);\n}\n\n.rinsivo-pdp .rv-section.rv-bg-alt {\n  background: var(--rv-bg-subtle);\n}\n\n.rinsivo-pdp .rv-header {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 32px auto;\n}\n\n\/* Media Containers *\/\n.rinsivo-pdp .rv-media-card {\n  max-width: 820px;\n  margin: 0 auto 28px auto;\n  border-radius: var(--rv-radius-lg);\n  overflow: hidden;\n  background: #f3f4f6;\n  border: 1px solid var(--rv-line);\n  box-shadow: var(--rv-shadow-md);\n  position: relative;\n}\n\n.rinsivo-pdp .rv-media-card img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  max-height: 720px !important;\n  object-fit: cover !important;\n  margin: 0 !important;\n  border: 0 !important;\n}\n\n\/* 2-Column Grid on Desktop *\/\n.rinsivo-pdp .rv-feature-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 16px;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.rinsivo-pdp .rv-feature-card {\n  background: #ffffff;\n  border: 1px solid var(--rv-line);\n  border-radius: var(--rv-radius-md);\n  padding: 20px 18px;\n  box-shadow: var(--rv-shadow-sm);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n}\n\n.rinsivo-pdp .rv-feature-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--rv-shadow-md);\n  border-color: var(--rv-accent-border);\n}\n\n.rinsivo-pdp .rv-feature-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 10px;\n  background: var(--rv-accent-soft);\n  color: var(--rv-accent-dark);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.rinsivo-pdp .rv-feature-icon svg {\n  width: 20px;\n  height: 20px;\n  stroke: var(--rv-accent-dark);\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.rinsivo-pdp .rv-feature-text {\n  flex: 1;\n}\n\n.rinsivo-pdp .rv-feature-card b {\n  font-size: 14px;\n  font-weight: 800;\n  color: var(--rv-ink);\n  letter-spacing: -0.01em;\n  margin-bottom: 4px;\n  display: block;\n}\n\n.rinsivo-pdp .rv-feature-card span {\n  font-size: 13px;\n  color: var(--rv-muted);\n  line-height: 1.45;\n  display: block;\n}\n\n\/* Luxury Highlight Strip *\/\n.rinsivo-pdp .rv-dark-strip {\n  background: linear-gradient(135deg, #12151a 0%, #1c2128 100%);\n  color: #ffffff;\n  padding: 24px 16px;\n  text-align: center;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.rinsivo-pdp .rv-dark-strip-inner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 16px 28px;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.rinsivo-pdp .rv-dark-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12.5px;\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: #e6e9ee;\n}\n\n.rinsivo-pdp .rv-dark-pill span.dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #ff7628;\n  box-shadow: 0 0 8px #ff7628;\n}\n\n\/* Motion \/ Video Showcase Card *\/\n.rinsivo-pdp .rv-motion-card {\n  max-width: 440px;\n  margin: 0 auto 24px auto;\n  border-radius: var(--rv-radius-lg);\n  overflow: hidden;\n  background: #f5f5f7;\n  border: 1px solid var(--rv-line);\n  box-shadow: var(--rv-shadow-md);\n  position: relative;\n}\n\n.rinsivo-pdp .rv-motion-card img {\n  display: block !important;\n  width: 100% !important;\n  height: auto !important;\n  margin: 0 auto !important;\n  object-fit: contain !important;\n}\n\n.rinsivo-pdp .rv-motion-badge {\n  position: absolute;\n  top: 14px;\n  right: 14px;\n  background: rgba(17, 20, 24, 0.72);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  font-size: 11px;\n  font-weight: 750;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 4px 10px;\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n\n.rinsivo-pdp .rv-motion-badge::before {\n  content: \"\";\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: #22c55e;\n  animation: rvPulse 1.8s infinite ease-in-out;\n}\n\n@keyframes rvPulse {\n  0% { opacity: 0.4; transform: scale(0.9); }\n  50% { opacity: 1; transform: scale(1.2); }\n  100% { opacity: 0.4; transform: scale(0.9); }\n}\n\n\/* 3-Distance Vision Sync Matrix *\/\n.rinsivo-pdp .rv-distance-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 14px;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.rinsivo-pdp .rv-distance-card {\n  background: #ffffff;\n  border: 1px solid var(--rv-line);\n  border-radius: var(--rv-radius-md);\n  padding: 20px 16px;\n  box-shadow: var(--rv-shadow-sm);\n  position: relative;\n  overflow: hidden;\n}\n\n.rinsivo-pdp .rv-distance-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  background: linear-gradient(90deg, #ff6a00, #ff9f43);\n}\n\n.rinsivo-pdp .rv-distance-range {\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.1em;\n  color: var(--rv-accent-dark);\n  text-transform: uppercase;\n  margin-bottom: 6px;\n  display: block;\n}\n\n.rinsivo-pdp .rv-distance-title {\n  font-size: 16px;\n  font-weight: 800;\n  color: var(--rv-ink);\n  margin-bottom: 8px;\n}\n\n.rinsivo-pdp .rv-distance-desc {\n  font-size: 13px;\n  color: var(--rv-sub);\n  line-height: 1.5;\n  margin: 0;\n}\n\n\/* Color Swatches Grid *\/\n.rinsivo-pdp .rv-swatches-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.rinsivo-pdp .rv-swatch-box {\n  background: #ffffff;\n  border: 1px solid var(--rv-line);\n  border-radius: var(--rv-radius-md);\n  padding: 14px 16px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  box-shadow: var(--rv-shadow-sm);\n  transition: all 0.2s ease;\n}\n\n.rinsivo-pdp .rv-swatch-box:hover {\n  border-color: var(--rv-accent);\n  transform: translateY(-2px);\n  box-shadow: var(--rv-shadow-md);\n}\n\n.rinsivo-pdp .rv-swatch-circle {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  border: 2px solid #ffffff;\n  box-shadow: 0 0 0 1px #d5d9df;\n}\n\n.rinsivo-pdp .rv-swatch-info b {\n  font-size: 13.5px;\n  font-weight: 750;\n  color: var(--rv-ink);\n  display: block;\n}\n\n.rinsivo-pdp .rv-swatch-info span {\n  font-size: 11.5px;\n  color: var(--rv-muted);\n  display: block;\n}\n\n\/* ==========================================================================\n   INTERACTIVE BEFORE \u0026 AFTER SLIDER (BASED ON TEMPLATE\/COMPARISON\/SIMPLE.HTML)\n   ========================================================================== *\/\n.rinsivo-pdp .section-results {\n  --ba-bg: #f8f9fa;\n  --ba-text-main: #111418;\n  --ba-text-accent: #e05800;\n  --ba-text-muted: #5a6472;\n  --ba-badge-bg: rgba(17, 20, 24, 0.78);\n  --ba-border: #e2e6eb;\n  --ba-accent-light: #fff3eb;\n\n  width: 100%;\n  margin: 0;\n  padding: clamp(38px, 5.5vw, 68px) 16px;\n  background-color: var(--ba-bg);\n  border-bottom: 1px solid var(--rv-line);\n  box-sizing: border-box;\n}\n\n.rinsivo-pdp .ba-header {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto 30px auto;\n  padding: 0 8px;\n}\n\n.rinsivo-pdp .ba-card-wrapper {\n  max-width: 820px;\n  margin: 0 auto;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 18px 44px -8px rgba(17, 20, 24, 0.14);\n  position: relative;\n  background: #e5e8ed;\n  --pos: 50%;\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: pan-y;\n  border: 1px solid var(--ba-border);\n}\n\n.rinsivo-pdp .ba-container {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 11;\n  max-height: 520px;\n  overflow: hidden;\n  border-radius: 20px;\n}\n\n.rinsivo-pdp .ba-img-after-wrap {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  clip-path: polygon(var(--pos) 0, 100% 0, 100% 100%, var(--pos) 100%);\n  -webkit-clip-path: polygon(var(--pos) 0, 100% 0, 100% 100%, var(--pos) 100%);\n  will-change: clip-path;\n}\n\n.rinsivo-pdp .ba-img-after {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: opacity 0.25s ease;\n}\n\n.rinsivo-pdp .ba-img-before-wrap {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  clip-path: polygon(0 0, var(--pos) 0, var(--pos) 100%, 0 100%);\n  -webkit-clip-path: polygon(0 0, var(--pos) 0, var(--pos) 100%, 0 100%);\n  will-change: clip-path;\n}\n\n.rinsivo-pdp .ba-img-before {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: opacity 0.25s ease;\n}\n\n.rinsivo-pdp .ba-img-badge {\n  position: absolute;\n  bottom: 18px;\n  padding: 6px 16px;\n  background: var(--ba-badge-bg);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  font-size: 12.5px;\n  font-weight: 750;\n  border-radius: 30px;\n  letter-spacing: 0.04em;\n  pointer-events: none;\n  z-index: 4;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  transition: all 0.2s ease;\n}\n\n.rinsivo-pdp .ba-badge-before {\n  left: 18px;\n}\n\n.rinsivo-pdp .ba-badge-after {\n  right: 18px;\n  background: rgba(224, 88, 0, 0.88);\n}\n\n.rinsivo-pdp .ba-divider {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: var(--pos);\n  width: 3px;\n  background: #ffffff;\n  transform: translateX(-50%);\n  pointer-events: none;\n  z-index: 5;\n  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);\n}\n\n.rinsivo-pdp .ba-handle-btn {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 44px;\n  height: 44px;\n  background: #ffffff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);\n  color: #111418;\n  cursor: grab;\n  border: 1.5px solid rgba(255, 255, 255, 0.9);\n}\n\n.rinsivo-pdp .ba-handle-icon {\n  width: 20px;\n  height: 20px;\n  display: block;\n}\n\n.rinsivo-pdp .ba-range-input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  cursor: ew-resize;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n\/* Multi-Surface Thumbnails Navigation *\/\n.rinsivo-pdp .ba-thumbs-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  max-width: 680px;\n  margin: 24px auto 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.rinsivo-pdp .ba-thumb-nav-btn {\n  flex: 0 0 38px;\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 1.5px solid var(--ba-border);\n  color: var(--ba-text-main);\n  font-size: 22px;\n  line-height: 1;\n  font-weight: 700;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: 0 2px 6px rgba(17, 20, 24, 0.06);\n  transition: all 0.15s ease;\n  outline: none;\n  user-select: none;\n}\n\n.rinsivo-pdp .ba-thumb-nav-btn:hover {\n  border-color: var(--ba-text-accent);\n  color: var(--ba-text-accent);\n  transform: scale(1.08);\n  box-shadow: 0 4px 12px rgba(224, 88, 0, 0.18);\n}\n\n.rinsivo-pdp .ba-thumbs-track {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  overflow-x: auto;\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  padding: 4px;\n  min-width: 0;\n}\n\n.rinsivo-pdp .ba-thumbs-track::-webkit-scrollbar {\n  display: none;\n}\n\n.rinsivo-pdp .ba-thumb-item {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  background: transparent !important;\n  border: none !important;\n  padding: 0;\n  cursor: pointer;\n  transition: transform 0.18s ease, opacity 0.18s ease;\n  opacity: 0.65;\n  outline: none;\n  font-family: inherit;\n}\n\n.rinsivo-pdp .ba-thumb-item:hover {\n  opacity: 0.95;\n  transform: translateY(-2px);\n}\n\n.rinsivo-pdp .ba-thumb-item.active {\n  opacity: 1;\n}\n\n.rinsivo-pdp .ba-thumb-item img {\n  width: 66px;\n  height: 66px;\n  aspect-ratio: 1 \/ 1;\n  object-fit: cover;\n  border-radius: 12px;\n  display: block;\n  border: 2.5px solid transparent;\n  box-sizing: border-box;\n  transition: border-color 0.18s ease, box-shadow 0.18s ease;\n  background: #ffffff;\n}\n\n.rinsivo-pdp .ba-thumb-item.active img {\n  border-color: var(--ba-text-accent) !important;\n  box-shadow: 0 4px 14px rgba(224, 88, 0, 0.28);\n}\n\n.rinsivo-pdp .ba-thumb-item span {\n  font-size: 12.5px;\n  font-weight: 650;\n  color: var(--ba-text-main);\n  line-height: 1.2;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.rinsivo-pdp .ba-thumb-item.active span {\n  color: var(--ba-text-accent);\n  font-weight: 750;\n}\n\n\/* ==========================================================================\n   CONFIDENCE \u0026 TRUST BADGES — 2 COLUMNS ON DESKTOP \u0026 MOBILE\n   ========================================================================== *\/\n.rinsivo-pdp .rv-trust-strip {\n  background: #ffffff;\n  padding: 24px 16px;\n  border-bottom: 1px solid var(--rv-line);\n}\n\n.rinsivo-pdp .rv-trust-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n  max-width: 820px;\n  margin: 0 auto;\n}\n\n.rinsivo-pdp .rv-trust-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: var(--rv-radius-md);\n  background: var(--rv-bg-subtle);\n  border: 1px solid var(--rv-line-subtle);\n}\n\n.rinsivo-pdp .rv-trust-icon {\n  width: 36px;\n  height: 36px;\n  border-radius: 8px;\n  background: #ffffff;\n  border: 1px solid var(--rv-line);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.rinsivo-pdp .rv-trust-icon svg {\n  width: 18px;\n  height: 18px;\n  stroke: var(--rv-accent-dark);\n  fill: none;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.rinsivo-pdp .rv-trust-text b {\n  font-size: 13px;\n  font-weight: 750;\n  color: var(--rv-ink);\n  display: block;\n  line-height: 1.25;\n}\n\n.rinsivo-pdp .rv-trust-text span {\n  font-size: 11.5px;\n  color: var(--rv-muted);\n  display: block;\n}\n\n\/* Specifications Matrix *\/\n.rinsivo-pdp .rv-specs-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n  max-width: 820px;\n  margin: 0 auto 28px auto;\n}\n\n.rinsivo-pdp .rv-spec-card {\n  background: #ffffff;\n  border: 1px solid var(--rv-line);\n  border-radius: var(--rv-radius-md);\n  padding: 18px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 14px;\n}\n\n.rinsivo-pdp .rv-spec-label {\n  font-size: 11.5px;\n  font-weight: 800;\n  text-transform: uppercase;\n  letter-spacing: 0.1em;\n  color: var(--rv-accent-dark);\n  margin-bottom: 4px;\n  display: block;\n}\n\n.rinsivo-pdp .rv-spec-value {\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--rv-ink);\n  line-height: 1.35;\n  display: block;\n}\n\n\/* FAQ Modern Accordion *\/\n.rinsivo-pdp .rv-faq-list {\n  max-width: 820px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rinsivo-pdp details.rv-faq-item {\n  background: #ffffff;\n  border: 1px solid var(--rv-line);\n  border-radius: var(--rv-radius-md);\n  overflow: hidden;\n  transition: all 0.2s ease;\n}\n\n.rinsivo-pdp details.rv-faq-item[open] {\n  border-color: var(--rv-accent-border);\n  box-shadow: var(--rv-shadow-sm);\n}\n\n.rinsivo-pdp details.rv-faq-item summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 18px 20px;\n  font-weight: 750;\n  font-size: 14.5px;\n  color: var(--rv-ink);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  user-select: none;\n}\n\n.rinsivo-pdp details.rv-faq-item summary::-webkit-details-marker {\n  display: none;\n}\n\n.rinsivo-pdp details.rv-faq-item summary::after {\n  content: \"+\";\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--rv-accent);\n  transition: transform 0.2s ease;\n  flex-shrink: 0;\n  margin-left: 12px;\n}\n\n.rinsivo-pdp details.rv-faq-item[open] summary::after {\n  content: \"−\";\n  color: var(--rv-accent-dark);\n}\n\n.rinsivo-pdp details.rv-faq-item p {\n  padding: 0 20px 18px 20px;\n  margin: 0;\n  font-size: 13.5px;\n  color: var(--rv-sub);\n  line-height: 1.6;\n}\n\n.rinsivo-pdp .rv-disclaimer {\n  font-size: 12px;\n  color: var(--rv-muted);\n  text-align: center;\n  max-width: 680px;\n  margin: 24px auto 0 auto;\n  line-height: 1.5;\n}\n\n\/* Mobile Responsiveness *\/\n@media (max-width: 768px) {\n  .rinsivo-pdp .rv-section {\n    padding: 32px 14px;\n  }\n\n  .rinsivo-pdp .rv-title {\n    font-size: 24px;\n  }\n\n  .rinsivo-pdp .rv-desc {\n    font-size: 14px;\n  }\n\n  .rinsivo-pdp .rv-feature-grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .rinsivo-pdp .rv-distance-grid {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n\n  .rinsivo-pdp .rv-swatches-grid {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .rinsivo-pdp .rv-trust-grid {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .rinsivo-pdp .rv-specs-grid {\n    grid-template-columns: 1fr;\n    gap: 8px;\n  }\n\n  .rinsivo-pdp .section-results {\n    padding: 32px 12px;\n  }\n\n  .rinsivo-pdp .ba-container {\n    aspect-ratio: 4 \/ 3;\n    border-radius: 16px;\n  }\n\n  .rinsivo-pdp .ba-card-wrapper {\n    border-radius: 16px;\n  }\n\n  .rinsivo-pdp .ba-img-badge {\n    bottom: 12px;\n    padding: 4px 12px;\n    font-size: 11px;\n  }\n\n  .rinsivo-pdp .ba-badge-before {\n    left: 12px;\n  }\n\n  .rinsivo-pdp .ba-badge-after {\n    right: 12px;\n  }\n\n  .rinsivo-pdp .ba-handle-btn {\n    width: 36px;\n    height: 36px;\n  }\n\n  .rinsivo-pdp .ba-thumbs-wrapper {\n    margin-top: 16px;\n    gap: 6px;\n  }\n\n  .rinsivo-pdp .ba-thumb-nav-btn {\n    flex: 0 0 32px;\n    width: 32px;\n    height: 32px;\n    font-size: 18px;\n  }\n\n  .rinsivo-pdp .ba-thumb-item img {\n    width: 52px;\n    height: 52px;\n    border-radius: 8px;\n  }\n\n  .rinsivo-pdp .ba-thumb-item span {\n    font-size: 11px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"rinsivo-pdp\"\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 1: HERO OVERVIEW \u0026 KEY PILLARS\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eA Modern Frame.\u003cbr\u003e\u003cspan class=\"rv-title-accent\"\u003eA Sharper Perspective.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eEngineered for everyday versatility. Featuring an ultra-durable unisex rectangular full-rim architecture, flexible two-tone temples, and light-adaptive optical comfort.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-media-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-description-hero.webp?v=1791447895\" alt=\"Rinsivo rectangular glasses with contrasting orange temples in high-end studio lighting\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-feature-grid\"\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"6\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M10 12h4\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12h0.5M21.5 12h0.5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eFull-Rim Rectangle\u003c\/b\u003e\n          \u003cspan\u003eErgonomically contoured to suit all face shapes naturally.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eLight-Adaptive Tint\u003c\/b\u003e\n          \u003cspan\u003eChanges from clear indoors to protective dark in sunlight.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 3v2M12 19v2M3 12h2M19 12h2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eVision Sync Concept\u003c\/b\u003e\n          \u003cspan\u003eMulti-distance geometry designed for book, laptop and distance.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 3a9 9 0 0 1 9 9 9 9 0 0 1-9 9V3z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003e6 Dynamic Colours\u003c\/b\u003e\n          \u003cspan\u003eFrom timeless obsidian black to vibrant contrast finishes.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SHOWCASE STRIP: LIVE MOTION FIT (GIF 1)\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section rv-bg-alt\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eDynamic All-Angle \u003cspan class=\"rv-title-accent\"\u003eComfort Fit\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eNotice the balanced flex joints and contouring designed to eliminate temple pinching and bridge slipping during long working hours.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-motion-card\"\u003e\n      \u003cspan class=\"rv-motion-badge\"\u003e360° Fit\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/d49109346b291996e3d531ba63bad317daf91b26.gif?v=1791457654\" width=\"360\" height=\"480\" loading=\"lazy\" decoding=\"async\" alt=\"Live demonstration of glasses frame flex and fit\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       DARK ACCENT STRIP: 3 PILLARS\n       ==================================================================== --\u003e\n  \u003cdiv class=\"rv-dark-strip\"\u003e\n    \u003cdiv class=\"rv-dark-strip-inner\"\u003e\n      \u003cdiv class=\"rv-dark-pill\"\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e Smart Photochromic Response\u003c\/div\u003e\n      \u003cdiv class=\"rv-dark-pill\"\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e Vision Sync Multi-Distance Design\u003c\/div\u003e\n      \u003cdiv class=\"rv-dark-pill\"\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e 6 Signature Colorways\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 2: PHOTOCHROMIC LIGHT TRANSITION\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eFrom Desk to Daylight.\u003cbr\u003e\u003cspan class=\"rv-title-accent\"\u003eSeamless Optical Transition.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eNo need to juggle between indoor reading glasses and sunglasses. Photochromic technology responds dynamically to ambient UV light, shifting smoothly from crystal-clear to protective sunglass tint.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-media-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-description-lens.webp?v=1791447908\" alt=\"Photochromic lens visual demonstrating light indoor to dark outdoor tint\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-feature-grid\"\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 22 9 12 15 12 15 22\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eIndoor Clarity\u003c\/b\u003e\n          \u003cspan\u003eHigh-transparency clear appearance under indoor \u0026amp; screen lighting.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\u003e\u003c\/line\u003e\u003cline x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\u003e\u003c\/line\u003e\u003cline x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eOutdoor Dark Tint\u003c\/b\u003e\n          \u003cspan\u003eDeepens automatically when exposed to direct sunlight \u0026amp; UV.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eRapid Response\u003c\/b\u003e\n          \u003cspan\u003eAdapts smoothly with ambient temperature and light conditions.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eUV Glare Defense\u003c\/b\u003e\n          \u003cspan\u003eHelps shield eyes from harsh reflections and midday brightness.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SHOWCASE STRIP: LENS TRANSITION IN ACTION (GIF 2)\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section rv-bg-alt\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eLight-Responsive \u003cspan class=\"rv-title-accent\"\u003eDarkening Effect\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eWatch how the lenses react as sunlight hits the surface, providing effortless transition without swapping frames.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-motion-card\"\u003e\n      \u003cspan class=\"rv-motion-badge\"\u003eUV Response\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/8bed637d2262b290bc42fac46cf1ee8ad12b2091.gif?v=1791457681\" width=\"360\" height=\"480\" loading=\"lazy\" decoding=\"async\" alt=\"Photochromic lens reacting to ultraviolet light\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 3: VISION SYNC MULTI-DISTANCE GEOMETRY\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eOne Design.\u003cbr\u003e\u003cspan class=\"rv-title-accent\"\u003eEvery Distance Covered.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eThe Vision Sync concept is engineered to accommodate natural eye movements across three primary visual zones throughout your day.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-media-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-catalog-09.webp?v=1791447859\" alt=\"Male model wearing Rinsivo varifocal glasses comfortably at work\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-distance-grid\"\u003e\n      \u003cdiv class=\"rv-distance-card\"\u003e\n        \u003cspan class=\"rv-distance-range\"\u003e30 – 40 CM\u003c\/span\u003e\n        \u003cdiv class=\"rv-distance-title\"\u003eNear Zone\u003c\/div\u003e\n        \u003cp class=\"rv-distance-desc\"\u003eOptimized for reading fine print, scrolling on your smartphone, and examining close-up paperwork with ease.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-distance-card\"\u003e\n        \u003cspan class=\"rv-distance-range\"\u003e50 – 70 CM\u003c\/span\u003e\n        \u003cdiv class=\"rv-distance-title\"\u003eMid Zone\u003c\/div\u003e\n        \u003cp class=\"rv-distance-desc\"\u003eCrafted for laptop screens, desktop monitors, Zoom calls, and desktop workspaces without eye strain.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-distance-card\"\u003e\n        \u003cspan class=\"rv-distance-range\"\u003eBEYOND 1 M\u003c\/span\u003e\n        \u003cdiv class=\"rv-distance-title\"\u003eDistance Zone\u003c\/div\u003e\n        \u003cp class=\"rv-distance-desc\"\u003eDelivers natural perspective for driving, walking, conversational meetings, and open outdoor environments.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SHOWCASE STRIP: FOCUS DEMO (GIF 3)\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section rv-bg-alt\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eMulti-Zone Focus \u003cspan class=\"rv-title-accent\"\u003eIn Motion\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eA progressive demonstration showing balanced optical transition across different focal points.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-motion-card\" style=\"max-width: 500px;\"\u003e\n      \u003cspan class=\"rv-motion-badge\"\u003eVision Sync\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/99c4ebdf8f66dcdb7cdb0a5c36b6d41899c349ad.gif?v=179147716\" width=\"480\" height=\"270\" loading=\"lazy\" decoding=\"async\" alt=\"Multi-distance lens demonstration showing focus zones\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 4: FRAME CRAFTSMANSHIP \u0026 DETAILS\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eBuilt For Daily Life.\u003cbr\u003e\u003cspan class=\"rv-title-accent\"\u003eCrafted In Every Detail.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eConstructed from lightweight, impact-resistant materials with sculptured dual-tone temple arms and ergonomic nose support.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-media-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-description-frame.webp?v=1791447901\" alt=\"Close detail view of Rinsivo frame finish and contrasting temple arm\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-feature-grid\"\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolygon points=\"12 2 2 7 12 12 22 7 12 2\"\u003e\u003c\/polygon\u003e\u003cpolyline points=\"2 17 12 22 22 17\"\u003e\u003c\/polyline\u003e\u003cpolyline points=\"2 12 12 17 22 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eDurable Poly-Structure\u003c\/b\u003e\n          \u003cspan\u003eHigh-tensile frame construction built to endure everyday knocks.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5z\"\u003e\u003c\/path\u003e\u003cline x1=\"16\" y1=\"8\" x2=\"2\" y2=\"22\"\u003e\u003c\/line\u003e\u003cline x1=\"17.5\" y1=\"15\" x2=\"9\" y2=\"15\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eFeatherlight 22g\u003c\/b\u003e\n          \u003cspan\u003eMinimalist weight balance prevents temple pressure and bridge marks.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eDual-Tone Temples\u003c\/b\u003e\n          \u003cspan\u003eDistinctive contrast accent delivers a sporty, high-end profile.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-feature-card\"\u003e\n        \u003cdiv class=\"rv-feature-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-feature-text\"\u003e\n          \u003cb\u003eEasy-Clean Finish\u003c\/b\u003e\n          \u003cspan\u003eSmudge and sweat resistant coating makes wiping grease effortless.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SHOWCASE STRIP: TEMPLE FLEXIBILITY (GIF 4)\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section rv-bg-alt\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eFlexible Temples \u003cspan class=\"rv-title-accent\"\u003eEngineered To Last\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eDesigned to gently hug your head without snapping, pinching, or losing their original contour over time.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-motion-card\"\u003e\n      \u003cspan class=\"rv-motion-badge\"\u003eDurability\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/db8a5373019b9c6e213484c4e4547cfbaefc2ac7.gif?v=1791457737\" width=\"400\" height=\"400\" loading=\"lazy\" decoding=\"async\" alt=\"Demonstration of flexible temple arms\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 5: 6 SIGNATURE COLORWAYS — 2 COLUMNS ON DESKTOP\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eYour Style.\u003cbr\u003e\u003cspan class=\"rv-title-accent\"\u003eYour Signature Color.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eChoose from 6 distinctive colorways sharing the same refined rectangular silhouette. Match your mood, workplace dress code, or active weekend style.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-media-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-catalog-08.webp?v=1791447852\" alt=\"Six available frame colors: black, gray, orange, clear white, red and blue\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-swatches-grid\"\u003e\n      \u003cdiv class=\"rv-swatch-box\"\u003e\n        \u003cdiv class=\"rv-swatch-circle\" style=\"background: #1a1a1a;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"rv-swatch-info\"\u003e\n          \u003cb\u003eObsidian Black\u003c\/b\u003e\n          \u003cspan\u003eClassic \u0026amp; Professional\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-swatch-box\"\u003e\n        \u003cdiv class=\"rv-swatch-circle\" style=\"background: #75797f;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"rv-swatch-info\"\u003e\n          \u003cb\u003eSlate Gray\u003c\/b\u003e\n          \u003cspan\u003eRefined \u0026amp; Understated\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-swatch-box\"\u003e\n        \u003cdiv class=\"rv-swatch-circle\" style=\"background: #ff6a00;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"rv-swatch-info\"\u003e\n          \u003cb\u003eBlaze Orange\u003c\/b\u003e\n          \u003cspan\u003eBold Sport Accent\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-swatch-box\"\u003e\n        \u003cdiv class=\"rv-swatch-circle\" style=\"background: #eef1f5; border-color: #cbd5e1;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"rv-swatch-info\"\u003e\n          \u003cb\u003eGlacier Clear\u003c\/b\u003e\n          \u003cspan\u003eMinimalist Modern\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-swatch-box\"\u003e\n        \u003cdiv class=\"rv-swatch-circle\" style=\"background: #dc2626;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"rv-swatch-info\"\u003e\n          \u003cb\u003eCrimson Red\u003c\/b\u003e\n          \u003cspan\u003eSharp \u0026amp; Distinct\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-swatch-box\"\u003e\n        \u003cdiv class=\"rv-swatch-circle\" style=\"background: #1d4ed8;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"rv-swatch-info\"\u003e\n          \u003cb\u003ePacific Blue\u003c\/b\u003e\n          \u003cspan\u003eCool Contemporary\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 6: INTERACTIVE BEFORE \u0026 AFTER SLIDER (MULTI-VIEW)\n       100% Functional, Touch \u0026 Drag Optimized with Real Eyewear Scenarios\n       ==================================================================== --\u003e\n  \u003csection class=\"section-results\" id=\"rinsivo-interactive-comparison\"\u003e\n    \u003cdiv class=\"ba-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eReal Results \u003cspan class=\"rv-title-accent\"\u003eYou Can Experience\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eDrag the slider horizontally to compare before and after. Tap the tabs below to switch between Photochromic Light Transition, Men's Styling, and Women's Profile.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ba-card-wrapper\" id=\"rvBaWrapper\"\u003e\n      \u003cdiv class=\"ba-container\" id=\"rvBaContainer\"\u003e\n        \u003c!-- After Image --\u003e\n        \u003cdiv class=\"ba-img-after-wrap\"\u003e\n          \u003cimg id=\"ba-img-after\" class=\"ba-img-after\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-compare-after.webp?v=1791447926\" alt=\"Outdoor dark photochromic lens appearance\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"ba-img-badge ba-badge-after\" id=\"ba-badge-after\"\u003eOutdoor Tint\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Before Image --\u003e\n        \u003cdiv class=\"ba-img-before-wrap\"\u003e\n          \u003cimg id=\"ba-img-before\" class=\"ba-img-before\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-compare-before.webp?v=1791447920\" alt=\"Indoor clear photochromic lens appearance\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan class=\"ba-img-badge ba-badge-before\" id=\"ba-badge-before\"\u003eIndoor Clear\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Divider Line \u0026 Handle --\u003e\n        \u003cdiv class=\"ba-divider\"\u003e\n          \u003cdiv class=\"ba-handle-btn\" aria-hidden=\"true\"\u003e\n            \u003csvg class=\"ba-handle-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cline x1=\"8\" y1=\"5\" x2=\"8\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"16\" y1=\"5\" x2=\"16\" y2=\"19\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Range Input for Native \u0026 Touch Accessibility --\u003e\n        \u003cinput type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"ba-range-input\" id=\"rvBaRange\" aria-label=\"Slide to compare Before and After transformation\" oninput=\"document.getElementById('rvBaWrapper').style.setProperty('--pos', this.value + '%')\"\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Multi-View Selector Row --\u003e\n    \u003cdiv class=\"ba-thumbs-wrapper\"\u003e\n      \u003cbutton type=\"button\" class=\"ba-thumb-nav-btn prev-btn\" onclick=\"stepEyewearSurface(-1)\" aria-label=\"Previous view\"\u003e‹\u003c\/button\u003e\n      \u003cdiv class=\"ba-thumbs-track\" id=\"baThumbsTrack\" role=\"tablist\" aria-label=\"Select comparison scenario\"\u003e\n        \u003cbutton type=\"button\" class=\"ba-thumb-item active\" role=\"tab\" aria-selected=\"true\" onclick=\"selectEyewearSurface(0)\" aria-label=\"Lens Tint Transition\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-compare-after.webp?v=1791447926\" alt=\"Lens Tint Transition\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan\u003eLens Tint\u003c\/span\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"ba-thumb-item\" role=\"tab\" aria-selected=\"false\" onclick=\"selectEyewearSurface(1)\" aria-label=\"Men's Styling\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-man-after-full-no-text.webp?v=1791415307\" alt=\"Men's Styling\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan\u003eMen's Look\u003c\/span\u003e\n        \u003c\/button\u003e\n\n        \u003cbutton type=\"button\" class=\"ba-thumb-item\" role=\"tab\" aria-selected=\"false\" onclick=\"selectEyewearSurface(2)\" aria-label=\"Women's Styling\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-woman-after-full-no-text.webp?v=1791415293\" alt=\"Women's Styling\" loading=\"lazy\" decoding=\"async\"\u003e\n          \u003cspan\u003eWomen's Look\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cbutton type=\"button\" class=\"ba-thumb-nav-btn next-btn\" onclick=\"stepEyewearSurface(1)\" aria-label=\"Next view\"\u003e›\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 7: EVERYDAY LIFESTYLE \u0026 WORKPAIRING\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eFrom Early Morning Calls\u003cbr\u003e\u003cspan class=\"rv-title-accent\"\u003eTo Evening Commutes.\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003ePair effortlessly with business attire, casual hoodies, or outdoor activewear. The sleek rectangular profile adds confidence without dominating your natural facial features.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-media-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-catalog-11.webp?v=1791447880\" alt=\"Rinsivo glasses photographed alongside laptop, coffee and notebook\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ====================================================================\n       TRUST \u0026 CONFIDENCE STRIP — 2 COLUMNS ON DESKTOP \u0026 MOBILE\n       ==================================================================== --\u003e\n  \u003cdiv class=\"rv-trust-strip\"\u003e\n    \u003cdiv class=\"rv-trust-grid\"\u003e\n      \u003cdiv class=\"rv-trust-item\"\u003e\n        \u003cdiv class=\"rv-trust-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\u003e\u003c\/rect\u003e\u003cpolygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\u003e\u003c\/polygon\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-trust-text\"\u003e\n          \u003cb\u003eFree Shipping\u003c\/b\u003e\n          \u003cspan\u003eAll India Delivery\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-trust-item\"\u003e\n        \u003cdiv class=\"rv-trust-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M6 12h.01M18 12h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-trust-text\"\u003e\n          \u003cb\u003eCash On Delivery\u003c\/b\u003e\n          \u003cspan\u003ePay at Doorstep\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-trust-item\"\u003e\n        \u003cdiv class=\"rv-trust-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"23 4 23 10 17 10\"\u003e\u003c\/polyline\u003e\u003cpath d=\"M20.49 15a9 9 0 1 1-2.12-9.36L23 10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-trust-text\"\u003e\n          \u003cb\u003e7-Day Easy Exchange\u003c\/b\u003e\n          \u003cspan\u003eHassle-Free Support\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-trust-item\"\u003e\n        \u003cdiv class=\"rv-trust-icon\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"9 12 11 14 15 10\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"rv-trust-text\"\u003e\n          \u003cb\u003e100% Quality Checked\u003c\/b\u003e\n          \u003cspan\u003eOptical Inspected\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ====================================================================\n       SECTION 8: TECHNICAL SPECIFICATIONS \u0026 FAQ\n       ==================================================================== --\u003e\n  \u003csection class=\"rv-section rv-bg-alt\"\u003e\n    \u003cdiv class=\"rv-header\"\u003e\n      \u003ch2 class=\"rv-title\"\u003eTechnical \u003cspan class=\"rv-title-accent\"\u003eDetails \u0026amp; FAQ\u003c\/span\u003e\n\u003c\/h2\u003e\n      \u003cp class=\"rv-desc\"\u003eFull transparency on build measurements, materials, and care guidelines.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-specs-grid\"\u003e\n      \u003cdiv class=\"rv-spec-card\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"rv-spec-label\"\u003eFrame Architecture\u003c\/span\u003e\n          \u003cspan class=\"rv-spec-value\"\u003eUnisex Modern Full-Rim Rectangle\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-spec-card\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"rv-spec-label\"\u003eLens Technology\u003c\/span\u003e\n          \u003cspan class=\"rv-spec-value\"\u003eVision Sync \/ Light-Adaptive Photochromic\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-spec-card\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"rv-spec-label\"\u003eWeight \u0026amp; Comfort\u003c\/span\u003e\n          \u003cspan class=\"rv-spec-value\"\u003e~22 Grams Featherlight Ergonomic Fit\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"rv-spec-card\"\u003e\n        \u003cdiv\u003e\n          \u003cspan class=\"rv-spec-label\"\u003eTemple Detailing\u003c\/span\u003e\n          \u003cspan class=\"rv-spec-value\"\u003eSculptured Two-Tone Contrast Accent\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"rv-faq-list\"\u003e\n      \u003cdetails class=\"rv-faq-item\"\u003e\n        \u003csummary\u003eHow fast do the photochromic lenses change color?\u003c\/summary\u003e\n        \u003cp\u003eThe lenses begin darkening within seconds upon direct exposure to ultraviolet light (sunlight) and revert to a clearer state when returning indoors. Darkening intensity naturally varies with UV index, sunlight angle, and ambient temperature.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rv-faq-item\"\u003e\n        \u003csummary\u003eCan these glasses be worn for reading and computer work?\u003c\/summary\u003e\n        \u003cp\u003eYes. The Vision Sync design concept incorporates multi-distance viewing zones for close reading and intermediate computer screens. If you require medical prescription correction, please consult an eyecare specialist for custom power verification.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rv-faq-item\"\u003e\n        \u003csummary\u003eWhat frame colors are available?\u003c\/summary\u003e\n        \u003cp\u003eYou can choose between 6 distinct finishes: Obsidian Black, Slate Gray, Blaze Orange, Glacier Clear, Crimson Red, and Pacific Blue. All share the signature rectangular frame with contrast temple tips.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rv-faq-item\"\u003e\n        \u003csummary\u003eHow do I clean and maintain my glasses?\u003c\/summary\u003e\n        \u003cp\u003eGently rinse off dust with room-temperature water and wipe dry using a clean microfiber optical cloth. Avoid using harsh dish detergents, paper towels, or leaving the glasses inside hot locked cars in direct midday heat.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"rv-faq-item\"\u003e\n        \u003csummary\u003eDo you offer Cash on Delivery (COD) and easy exchange?\u003c\/summary\u003e\n        \u003cp\u003eYes! We offer convenient Cash on Delivery across India and a 7-day replacement guarantee in case you wish to exchange the colorway or frame style.\u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"rv-disclaimer\"\u003eProduct visuals and animations illustrate supplier-described lens transitions and frame aesthetics. Actual photochromic response and prescription compatibility depend on specific lighting environments and optical requirements.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003c!-- ====================================================================\n     INTERACTIVE JAVASCRIPT CONTROLLER\n     Self-contained, event-delegated, zero dependency, cross-browser\n     ==================================================================== --\u003e\n\u003cscript\u003e\n(function () {\n  const eyewearSurfaces = [\n    {\n      name: \"Lens Tint\",\n      badgeBefore: \"Indoor Clear\",\n      badgeAfter: \"Outdoor Tint\",\n      before: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-compare-before.webp?v=1791447920\",\n      after: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-compare-after.webp?v=1791447926\",\n      altBefore: \"Indoor clear lens appearance\",\n      altAfter: \"Outdoor dark photochromic lens appearance\"\n    },\n    {\n      name: \"Men's Look\",\n      badgeBefore: \"Before Frame\",\n      badgeAfter: \"With Rinsivo\",\n      before: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-man-before-full-no-text.webp?v=1791415299\",\n      after: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-man-after-full-no-text.webp?v=1791415307\",\n      altBefore: \"Men's look before wearing frame\",\n      altAfter: \"Men's styled look wearing Rinsivo frame\"\n    },\n    {\n      name: \"Women's Look\",\n      badgeBefore: \"Before Frame\",\n      badgeAfter: \"With Rinsivo\",\n      before: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-woman-before-full-no-text.webp?v=1791415286\",\n      after: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/rinsivo-woman-after-full-no-text.webp?v=1791415293\",\n      altBefore: \"Women's look before wearing frame\",\n      altAfter: \"Women's styled look wearing Rinsivo frame\"\n    }\n  ];\n\n  let currentEyewearIndex = 0;\n\n  window.selectEyewearSurface = function (index) {\n    if (index \u003c 0 || index \u003e= eyewearSurfaces.length) return;\n    currentEyewearIndex = index;\n    const item = eyewearSurfaces[index];\n\n    const imgBefore = document.getElementById(\"ba-img-before\");\n    const imgAfter = document.getElementById(\"ba-img-after\");\n    const badgeBefore = document.getElementById(\"ba-badge-before\");\n    const badgeAfter = document.getElementById(\"ba-badge-after\");\n    const wrapper = document.getElementById(\"rvBaWrapper\");\n    const range = document.getElementById(\"rvBaRange\");\n    const btns = document.querySelectorAll(\".rinsivo-pdp .ba-thumb-item\");\n\n    if (imgBefore) {\n      imgBefore.src = item.before;\n      imgBefore.alt = item.altBefore;\n    }\n    if (imgAfter) {\n      imgAfter.src = item.after;\n      imgAfter.alt = item.altAfter;\n    }\n    if (badgeBefore) {\n      badgeBefore.textContent = item.badgeBefore;\n    }\n    if (badgeAfter) {\n      badgeAfter.textContent = item.badgeAfter;\n    }\n\n    if (wrapper) wrapper.style.setProperty(\"--pos\", \"50%\");\n    if (range) range.value = 50;\n\n    btns.forEach((btn, i) =\u003e {\n      const isActive = (i === index);\n      btn.classList.toggle(\"active\", isActive);\n      btn.setAttribute(\"aria-selected\", isActive ? \"true\" : \"false\");\n      if (isActive) {\n        btn.scrollIntoView({ behavior: \"smooth\", block: \"nearest\", inline: \"center\" });\n      }\n    });\n  };\n\n  window.stepEyewearSurface = function (delta) {\n    const total = eyewearSurfaces.length;\n    const nextIndex = (currentEyewearIndex + delta + total) % total;\n    window.selectEyewearSurface(nextIndex);\n  };\n\n  \/\/ Robust slider dragging event attachment\n  function initSliderEvents() {\n    const wrapper = document.getElementById(\"rvBaWrapper\");\n    const range = document.getElementById(\"rvBaRange\");\n    const container = document.getElementById(\"rvBaContainer\");\n    if (!wrapper || !range) return;\n\n    function updatePos(val) {\n      wrapper.style.setProperty(\"--pos\", val + \"%\");\n      range.value = val;\n    }\n\n    range.addEventListener(\"input\", function () {\n      updatePos(this.value);\n    });\n\n    range.addEventListener(\"change\", function () {\n      updatePos(this.value);\n    });\n\n    \/\/ Touch \u0026 Mouse direct drag fallback on container\n    let isDragging = false;\n\n    function handleMove(clientX) {\n      const rect = container.getBoundingClientRect();\n      const x = clientX - rect.left;\n      let percent = (x \/ rect.width) * 100;\n      percent = Math.max(0, Math.min(100, percent));\n      updatePos(percent.toFixed(1));\n    }\n\n    container.addEventListener(\"pointerdown\", function (e) {\n      isDragging = true;\n      handleMove(e.clientX);\n    });\n\n    window.addEventListener(\"pointermove\", function (e) {\n      if (!isDragging) return;\n      handleMove(e.clientX);\n    });\n\n    window.addEventListener(\"pointerup\", function () {\n      isDragging = false;\n    });\n\n    window.addEventListener(\"pointercancel\", function () {\n      isDragging = false;\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initSliderEvents);\n  } else {\n    initSliderEvents();\n  }\n})();\n\u003c\/script\u003e\n","brand":"Rinsivo","offers":[{"title":"Black","offer_id":67669123170456,"sku":null,"price":699.0,"currency_code":"INR","in_stock":true},{"title":"Gray","offer_id":67669123203224,"sku":null,"price":699.0,"currency_code":"INR","in_stock":true},{"title":"Orange","offer_id":67669123235992,"sku":null,"price":699.0,"currency_code":"INR","in_stock":true},{"title":"White","offer_id":67669123268760,"sku":null,"price":699.0,"currency_code":"INR","in_stock":true},{"title":"Red","offer_id":67669123301528,"sku":null,"price":699.0,"currency_code":"INR","in_stock":true},{"title":"Blue","offer_id":67669123334296,"sku":null,"price":699.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/3107\/4968\/files\/varifocal-glasses-premium-hero-6-colors_649c3cfa-c4e5-4ee3-8bca-46342d6ecfc8.webp?v=1791451325","url":"https:\/\/rinsivo.shop\/products\/rinsivo-varifocal-photochromic-eyeglasses-vision-sync-style-unisex-rectangular-frame","provider":"Rinsivo","version":"1.0","type":"link"}