.lens-demonstration-container .tabs-container{display:flex;flex-wrap:nowrap;align-items:center;gap:0;list-style-type:none;min-height:84px;margin:0 0 20px;padding:4px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border:1px solid #e2e8f0;border-radius:22px;background:#ffffff;box-shadow:0 8px 20px rgba(15,23,42,0.06)}.lens-demonstration-container .tabs-container::-webkit-scrollbar{display:none}.lens-demonstration-container .tab-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;margin:0;min-height:76px;padding:0 20px;border:0;border-radius:14px 14px 0 0;background:transparent;color:#53627a;font-family:inherit;font-size:20px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;outline:none;box-shadow:none;transition:background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease}.lens-demonstration-container .tab-button .material-icons{font-size:32px;line-height:1}.lens-demonstration-container .tab-button:hover,.lens-demonstration-container .tab-button:focus-visible{background:rgba(37,99,235,0.06);color:#2563eb}.lens-demonstration-container .tab-button.active{background:linear-gradient(135deg, #f4f9ff 0%, #eef6ff 100%);color:#087cf0;box-shadow:inset 0 -4px 0 #087cf0}.lens-demonstration-container .demo-tabs-divider{flex:0 0 1px;width:1px;height:48px;margin:0 18px 0 auto;background:#e0e7f0}.lens-demonstration-container .presentation-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-height:60px;margin:0 2px 0 0;padding:0 20px;border:2px solid #dce4ee;border-radius:999px;background:#ffffff;color:#475569;font-family:inherit;font-size:19px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:none;transform:none;transition:background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease}.lens-demonstration-container .presentation-mode-button i{font-size:30px;line-height:1}.lens-demonstration-container .presentation-mode-button:hover,.lens-demonstration-container .presentation-mode-button:focus-visible{background:rgba(37,99,235,0.06);border-color:#bfdbfe;color:#2563eb;outline:none;box-shadow:none;transform:none}.lens-demonstration-container .presentation-mode-button.active{background:#eef6ff;border-color:#bfdbfe;color:#2563eb;box-shadow:none}.lens-demonstration-container .treatments-menu{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;margin:0 0 20px;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;background:transparent;border-radius:0;touch-action:pan-x}.lens-demonstration-container .treatments-menu::-webkit-scrollbar{height:6px}.lens-demonstration-container .treatment-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;scroll-snap-align:start;min-height:48px;margin:0;padding:8px 18px 8px 14px;border:1px solid var(--lp-border-subtle, #e0e0e0);border-radius:999px;background:var(--lp-bg-surface, #fff);color:var(--lp-text-primary, #212529);font-family:inherit;font-size:16px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;box-shadow:none;text-transform:none;transition:background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease}.lens-demonstration-container .treatment-button .material-icons{font-size:20px;line-height:1;color:var(--lp-text-secondary, #6c757d)}.lens-demonstration-container .treatment-button:hover,.lens-demonstration-container .treatment-button:focus-visible{border-color:#cbd5e1;color:var(--lp-text-primary, #212529);outline:none;box-shadow:0 4px 12px rgba(15,23,42,0.08)}.lens-demonstration-container .treatment-button.active{border-color:#1e293b;background:#1e293b;color:#ffffff;box-shadow:0 8px 18px rgba(15,23,42,0.18)}.lens-demonstration-container .treatment-button.active .material-icons{color:rgba(255,255,255,0.86)}.lens-demonstration-container .treatment-examples-menu{gap:10px;margin:0 auto 22px}.lens-demonstration-container .treatment-example-button{width:48px;height:40px;border:1px solid var(--lp-border-subtle, #e0e0e0);border-radius:999px;background:#ffffff;color:#334155;font-family:inherit;font-size:16px;font-weight:700;line-height:1;box-shadow:none}.lens-demonstration-container .treatment-example-button.active{border-color:#1e293b;background:#1e293b;color:#ffffff;box-shadow:0 8px 18px rgba(15,23,42,0.18)}html.theme-dark body .lens-demonstration-container .tab-content .treatments-menu,html.theme-dark .lens-demonstration-container .treatments-menu{background:transparent !important;border:0 !important}html.theme-dark body .lens-demonstration-container .tab-content .treatment-button:not(.active),html.theme-dark .lens-demonstration-container .treatment-button{background:transparent !important;border-color:var(--lp-border-subtle, rgba(255,255,255,0.14)) !important;color:var(--lp-text-secondary, #b8c0cc) !important}html.theme-dark .lens-demonstration-container .treatment-button .material-icons{color:var(--lp-text-secondary, #b8c0cc)}html.theme-dark .lens-demonstration-container .treatment-button:hover,html.theme-dark .lens-demonstration-container .treatment-button:focus-visible{border-color:rgba(77,171,247,0.5) !important;color:var(--lp-text-primary, #fff) !important}html.theme-dark body .lens-demonstration-container .tab-content .treatment-button.active,html.theme-dark .lens-demonstration-container .treatment-button.active{background:var(--lp-accent, #26a69a) !important;border-color:var(--lp-accent, #26a69a) !important;color:#ffffff !important;box-shadow:0 8px 18px rgba(38,166,154,0.28)}html.theme-dark .lens-demonstration-container .treatment-button.active .material-icons,html.theme-dark .lens-demonstration-container .treatment-example-button.active{color:#ffffff}html.theme-dark .lens-demonstration-container .treatment-example-button{background:transparent;border-color:var(--lp-border-subtle, rgba(255,255,255,0.14));color:var(--lp-text-secondary, #b8c0cc)}html.theme-dark .lens-demonstration-container .treatment-example-button.active{background:var(--lp-accent, #26a69a);border-color:var(--lp-accent, #26a69a)}html.theme-dark .lens-demonstration-container .tabs-container,html.theme-dark body .lens-demonstration-container>.tabs-container{background:var(--lp-bg-elevated, #1a1d21) !important;border-color:var(--lp-border-subtle, rgba(255,255,255,0.12)) !important;box-shadow:0 10px 30px rgba(0,0,0,0.28)}html.theme-dark .lens-demonstration-container .tab-button,html.theme-dark body .lens-demonstration-container .tabs-container .tab-button:not(.active){background:transparent !important;border-color:transparent !important;color:var(--lp-text-secondary, #b8c0cc) !important}html.theme-dark .lens-demonstration-container .tab-button:hover,html.theme-dark .lens-demonstration-container .tab-button:focus-visible,html.theme-dark body .lens-demonstration-container .tabs-container .tab-button:hover{background:rgba(77,171,247,0.12) !important;color:var(--lp-accent, #4dabf7) !important}html.theme-dark .lens-demonstration-container .tab-button.active,html.theme-dark body .lens-demonstration-container .tabs-container .tab-button.active,html.theme-dark .lens-demonstration-container .tabs-container .active{background:rgba(77,171,247,0.16) !important;border-color:transparent !important;color:var(--lp-accent, #4dabf7) !important;box-shadow:inset 0 -2px 0 var(--lp-accent, #4dabf7)}html.theme-dark .lens-demonstration-container .demo-tabs-divider{background:var(--lp-border-subtle, rgba(255,255,255,0.14))}html.theme-dark .lens-demonstration-container .presentation-mode-button{background:transparent;border-color:var(--lp-border-subtle, rgba(255,255,255,0.14));color:var(--lp-text-secondary, #b8c0cc)}html.theme-dark .lens-demonstration-container .presentation-mode-button:hover,html.theme-dark .lens-demonstration-container .presentation-mode-button:focus-visible,html.theme-dark .lens-demonstration-container .presentation-mode-button.active{background:rgba(77,171,247,0.16);border-color:rgba(77,171,247,0.5);color:var(--lp-accent, #4dabf7)}html.lens-presentation-active,html.lens-presentation-active body{overflow-x:hidden !important;overflow-y:auto !important;height:auto;max-height:none}html.lens-presentation-active #navbar-search-region,html.lens-presentation-active .navbar-fixed,html.lens-presentation-active #slide-out,html.lens-presentation-active .sidebar-toggle-btn,html.lens-presentation-active .mobile-sidenav-trigger,html.lens-presentation-active .sidenav-overlay,html.lens-presentation-active .flash-container,html.lens-presentation-active .app-internal-footer{display:none !important}html.lens-presentation-active .custom-container{width:100% !important;max-width:none !important;padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}html.lens-presentation-active .lens-demonstration-container{width:100% !important;max-width:none !important;height:auto;min-height:100vh;overflow:visible;padding:18px 22px 24px !important}html.lens-presentation-active .lens-demonstration-container.presentation-mode{background:transparent}html.lens-presentation-active .lens-demonstration-container .tabs-container,html.theme-dark.lens-presentation-active .lens-demonstration-container .tabs-container{position:sticky;top:8px;z-index:40}html.lens-presentation-active .lens-demonstration-container .tab-content.active{width:100%}html.lens-presentation-active .lens-demonstration-container .treatments-menu{max-width:none !important}html.lens-presentation-active .lens-demonstration-container .comparison-container,html.lens-presentation-active .lens-demonstration-container .static-treatment-card,html.lens-presentation-active .lens-demonstration-container .treatment-description,html.lens-presentation-active .lens-demonstration-container .thickness-demonstration-container,html.lens-presentation-active .lens-demonstration-container .field-of-view-demonstration{max-width:none !important;width:100% !important}html.lens-presentation-active .lens-demonstration-container .treatment-content.active,html.lens-presentation-active .lens-demonstration-container .photochromatic-controls,html.lens-presentation-active .lens-demonstration-container .thickness-demonstration-container,html.lens-presentation-active .lens-demonstration-container .field-of-view-demonstration{margin-left:auto !important;margin-right:auto !important}html.lens-presentation-active .lens-demonstration-container .comparison-container{max-height:none !important}html.lens-presentation-active .lens-demonstration-container .static-treatment-card{display:flex;justify-content:center}html.lens-presentation-active .lens-demonstration-container .static-treatment-image,html.lens-presentation-active .lens-demonstration-container .lens-comparison-chart{width:100%}html.lens-presentation-active .lens-demonstration-container .fov-main-carousel{height:calc(100vh - 380px) !important;min-height:520px}html.lens-presentation-active .lens-demonstration-container .fov-demo-image{max-height:calc(100vh - 470px) !important}@media screen and (max-width: 1365px){.lens-demonstration-container .presentation-mode-button{min-width:44px;min-height:44px;padding:0 12px}html.lens-presentation-active .lens-demonstration-container{min-height:100vh;padding:10px 10px 16px !important}html.lens-presentation-active .lens-demonstration-container .tabs-container{top:8px}}@media screen and (max-width: 767px){.lens-demonstration-container .presentation-mode-label{display:none}.lens-demonstration-container .treatments-menu{margin-bottom:0.75rem;scrollbar-width:none}.lens-demonstration-container .treatments-menu::-webkit-scrollbar{display:none}html.lens-presentation-active .lens-demonstration-container{padding:8px !important}html.lens-presentation-active .lens-demonstration-container .tabs-container{margin-bottom:0.75rem !important}html.lens-presentation-active .lens-demonstration-container .fov-main-carousel{height:58vh !important;min-height:320px}}