.mf-soft-scene,.mf-clear-scene { position:absolute; inset:0; pointer-events:none; }
.mf-soft-scene { filter:blur(var(--mf-blur,9px)); transform:scale(1.035); transition:filter .4s ease,transform .4s ease; }
.mf-clear-scene { z-index:1; transition:clip-path .4s ease; }
.vision-edge-blur { position:absolute; inset:0; z-index:1; pointer-events:none; -webkit-mask-image:radial-gradient(ellipse closest-side at center,transparent 0 var(--clear-radius,43%),black var(--blur-radius,67%) 100%); mask-image:radial-gradient(ellipse closest-side at center,transparent 0 var(--clear-radius,43%),black var(--blur-radius,67%) 100%); transition:opacity .35s ease; }
.vision-edge-blur .scene-photo { filter:blur(var(--vision-blur,18px)) saturate(.9) contrast(.94); transform:scale(var(--vision-scale,1.18)); transform-origin:center; transition:filter .35s ease,transform .35s ease; will-change:filter,transform; }
.lens-rating { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 15px 18px; }
.lens-rating>div:first-child { display:flex; flex-direction:column; gap:5px; }
.rating-eyebrow { font-size:12px; letter-spacing:.1em; color:var(--faint); }
.lens-rating strong { font-size:20px; font-weight:600; }
.lens-stars { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.star-symbols { display:flex; gap:4px; font-size:25px; line-height:1.2; }
.star-symbols .filled { color:var(--yellow); }
.star-symbols .empty { color:#525769; }
.star-count { font-size:14px; color:var(--muted); white-space:nowrap; }
@media(max-width:720px) { .lens-rating { padding:12px 8px 16px; gap:10px; } .lens-stars { gap:4px; flex-direction:column; align-items:flex-end; } .star-symbols { font-size:21px; } .experience-multifocal .segment-button { flex:1 1 40%; white-space:normal; } }
@media(prefers-reduced-motion:reduce) { .mf-clear-scene,.digital-photo .scene-photo { transition:none; } }

.mf-white-guide{position:absolute;inset:0;z-index:5;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .22s ease}.mf-white-guide.visible{opacity:.92}.mf-white-guide path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 2px 4px #000)}
.lens-digital-conventional{position:absolute;inset:0;z-index:2;overflow:hidden}.lens-digital-softness{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0 31%,rgba(20,22,34,.08) 43%,rgba(20,22,34,.35) 74%,rgba(20,22,34,.55));backdrop-filter:blur(2.8px)}
.lens-digital-photo .compare-labels,.lens-digital-photo .compare-divider,.lens-digital-photo .stage-range{z-index:5}


.treatments-hub .flow-main-card { background:none; border:0; padding:0; overflow:visible; }
.treatments-hub .treatment-gallery { grid-template-columns:minmax(0,1fr); gap:20px; }
.treatments-hub .treatment-card { width:100%; }
.treatment-jumps { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 23px; }
.treatment-jumps a { color:#ddd0fa; background:#211c30; border:1px solid #4e3d65; padding:10px 16px; border-radius:9px; text-decoration:none; font-size:14px; }
.treatment-jumps a span { margin-left:12px; }
.treatment-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
.treatment-card { min-width:0; border:1px solid var(--line); border-radius:16px; background:var(--panel); overflow:hidden; scroll-margin-top:20px; }
.treatment-card>header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px; }
.treatment-card h2 { margin:0 0 5px; font-size:23px; }
.treatment-card header p { margin:0; font-size:14px; }
.treatment-card header>.ui-icon { color:var(--violet); width:25px; height:25px; }
.treatment-card .experience-stage { height:330px; border-radius:0; }
.treatment-card-controls { padding:17px 19px 20px; }
.treatment-card .segment-button { padding:10px 9px; font-size:13px; }
.treatment-card .scene-caption { bottom:18px; left:18px; right:18px; }
.treatment-card .scene-caption strong { font-size:17px; }
.treatment-card .compare-labels { left:12px; right:12px; }
.treatment-card .compare-labels span { padding:7px 9px; font-size:12px; }
.treatment-card .value-demo-button { margin-top:17px; }
.coating-before,.coating-after,.blue-filtered { position:absolute; inset:0; }
.coating-before { z-index:2; }
.coating-after { z-index:1; }
.residual-photo { position:absolute; inset:0; pointer-events:none; }
.blue-filtered { filter:sepia(.18) saturate(.96) hue-rotate(342deg) brightness(.99) contrast(1.04); box-shadow:inset 0 0 0 9999px rgba(255,214,150,.06); }
.blue-filtered .scene-photo { transform:scale(1.015); }
.scratch-photo { filter:contrast(1.72) brightness(.96) saturate(.62); }
.scratch-residual { filter:contrast(1.85) brightness(.88) saturate(.52); opacity:.5!important; }
.coating-before[data-coating-before="scratch"]:after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(28deg,transparent 0 18%,rgba(255,255,255,.36) 18.2% 18.8%,transparent 19.1% 100%),linear-gradient(154deg,transparent 0 38%,rgba(255,255,255,.3) 38.2% 38.9%,transparent 39.2% 100%),linear-gradient(76deg,transparent 0 68%,rgba(255,255,255,.28) 68.2% 68.8%,transparent 69.1% 100%),linear-gradient(12deg,transparent 0 53%,rgba(255,255,255,.22) 53.2% 53.7%,transparent 54% 100%),linear-gradient(166deg,transparent 0 82%,rgba(255,255,255,.25) 82.2% 82.8%,transparent 83.1% 100%); mix-blend-mode:screen; opacity:1; }
.water-play { width:100%; margin-top:10px; }
.treatment-action{width:100%;margin-top:10px}
.particle-overlay,.oil-overlay,.polarized-glare{position:absolute;inset:0;pointer-events:none}
.particle-overlay{background-image:radial-gradient(circle at 13% 20%,#e7e1d9 0 2px,transparent 3px),radial-gradient(circle at 37% 61%,#c9c5bd 0 3px,transparent 4px),radial-gradient(circle at 74% 24%,#eee9df 0 2px,transparent 3px),radial-gradient(circle at 86% 70%,#d7d0c5 0 3px,transparent 4px),radial-gradient(circle at 55% 42%,#f2ede5 0 1.5px,transparent 3px);background-size:80px 75px,120px 105px,95px 88px,145px 125px,62px 58px;mix-blend-mode:screen}.particle-heavy{opacity:.8}.particle-light{opacity:.16}
.oil-overlay{background:radial-gradient(ellipse at 26% 34%,transparent 0 11%,rgba(255,255,255,.27) 12% 14%,transparent 15%),radial-gradient(ellipse at 68% 61%,transparent 0 10%,rgba(255,255,255,.22) 11% 13%,transparent 14%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 5px,rgba(255,255,255,.16) 6px 8px,transparent 9px 13px);filter:blur(.25px);mix-blend-mode:screen}.oil-heavy{opacity:.82}.oil-light{opacity:.15}
.polarized-glare{background:radial-gradient(ellipse at 53% 76%,rgba(255,255,255,.88),rgba(255,255,255,.34) 22%,transparent 54%),linear-gradient(8deg,transparent 30%,rgba(255,255,255,.22),transparent 65%);mix-blend-mode:screen}.polarized-filtered{position:absolute;inset:0;filter:saturate(1.08) contrast(1.12) brightness(.86)}
.focused-treatment .treatment-jumps{display:none}.focused-treatment .treatment-card{display:none}.focus-ar #treatment-ar,.focus-ar-estetica #treatment-ar-estetica,.focus-transitions #treatment-transitions,.focus-hydro #treatment-hydro,.focus-scratch #treatment-scratch,.focus-blue #treatment-blue,.focus-antistatic #treatment-antistatic,.focus-oleophobic #treatment-oleophobic,.focus-polarized #treatment-polarized{display:block}
@media(max-width:1050px) { .treatment-gallery { grid-template-columns:1fr; } .treatment-card .experience-stage { height:380px; } }
@media(max-width:720px) { .treatment-jumps { gap:7px; } .treatment-jumps a { padding:9px 11px; font-size:13px; } .treatment-jumps a span { margin-left:6px; } .treatment-card>header { padding:17px; } .treatment-card-controls { padding:14px; } .treatment-card .experience-stage { height:310px; } .treatment-card .segment-button { flex:1 1 28%; font-size:12px; } }
/* Larger treatment area, leaving a clear border of the scene for comparison. */
.transitions-photo .tint-lens { width:84%; height:85%; top:49%; border-radius:36% / 42%; background:rgba(var(--tint-color,29,32,38),var(--tint,.08)); }
.transitions-photo .tint-lens span { bottom:20%; font-size:14px; letter-spacing:.04em; color:#fff; text-shadow:0 1px 4px #000; }
.transition-color-controls { margin-bottom:18px; }
.transition-color-controls>span { display:block; font-size:16px; color:#e5dbef; margin-bottom:10px; }
.transition-colors { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.transition-colors button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:10px 8px; border:1px solid #584969; border-radius:10px; background:#1a1e2b; color:#e5deed; font:inherit; font-size:14px; cursor:pointer; }
.transition-colors i { width:21px; height:21px; border:1px solid #ffffffa6; border-radius:50%; flex:none; }
.transition-colors button.active { border-color:#d6b5ff; background:#39284f; box-shadow:inset 0 0 0 1px #d6b5ff; }
.transition-colors button:focus-visible { outline:3px solid var(--yellow); outline-offset:3px; }
@media(max-width:600px) { .transition-colors { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .mf-soft-scene,.transitions-photo .tint-lens { transition:none; } }

/* Aesthetic AR comparison: identical photograph on both sides, lens-masked reflections. */
#treatment-ar-estetica .experience-stage{height:auto;min-height:0;aspect-ratio:3/2;max-height:none;background:#b99479}
.ar-aesthetic-scene{position:absolute;inset:0;overflow:hidden}
.ar-aesthetic-scene>img{width:100%;height:100%;display:block;object-fit:contain;user-select:none}
.ar-aesthetic-reflection,.ar-aesthetic-strong{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ar-aesthetic-reflection .ar-window{opacity:.045}
.ar-aesthetic-strong .ar-window{opacity:.78}
.ar-aesthetic-scene .compare-labels{z-index:5;pointer-events:none}
.ar-aesthetic-scene .compare-divider{z-index:6;pointer-events:none}
.ar-aesthetic-scene .stage-range{z-index:7;touch-action:pan-y}
.ar-aesthetic-scene:focus-within{outline:3px solid #f5cd54;outline-offset:-3px}
@media(min-width:1100px){#treatment-ar-estetica .experience-stage{max-width:1200px;width:100%;margin-inline:auto}}

/* A large optical surface over one continuous scene. Effects stay inside the lens. */
.simulation-context{position:absolute;inset:0}.simulation-context:after{content:'';position:absolute;inset:0;background:#090c1638;pointer-events:none}.premium-lens-surface{--nv-lens-clip:polygon(11.80% 23.96%,12.41% 22.41%,13.17% 21.00%,14.08% 19.73%,15.13% 18.61%,16.32% 17.64%,17.67% 16.80%,19.16% 16.11%,20.79% 15.56%,22.57% 15.16%,24.50% 14.90%,29.56% 14.18%,34.64% 13.63%,39.72% 13.23%,44.80% 13.00%,49.90% 12.93%,55.00% 13.03%,60.12% 13.28%,65.24% 13.71%,70.36% 14.29%,75.50% 15.04%,77.45% 15.32%,79.25% 15.73%,80.90% 16.28%,82.41% 16.97%,83.78% 17.80%,84.99% 18.76%,86.06% 19.86%,86.99% 21.09%,87.77% 22.46%,88.40% 23.96%,88.79% 27.03%,89.02% 30.35%,89.11% 33.92%,89.06% 37.75%,88.85% 41.84%,88.50% 46.17%,87.99% 50.77%,87.34% 55.63%,86.55% 60.73%,85.60% 66.10%,84.95% 68.65%,84.14% 70.99%,83.15% 73.09%,81.98% 74.97%,80.65% 76.64%,79.14% 78.07%,77.47% 79.28%,75.62% 80.27%,73.59% 81.03%,71.40% 81.56%,67.17% 82.31%,62.94% 82.89%,58.69% 83.30%,54.42% 83.55%,50.15% 83.64%,45.86% 83.55%,41.57% 83.30%,37.26% 82.89%,32.93% 82.31%,28.60% 81.56%,26.39% 81.00%,24.35% 80.22%,22.48% 79.22%,20.79% 78.00%,19.27% 76.56%,17.93% 74.91%,16.76% 73.04%,15.77% 70.94%,14.95% 68.63%,14.30% 66.10%,13.36% 60.73%,12.57% 55.63%,11.93% 50.77%,11.45% 46.17%,11.13% 41.84%,10.95% 37.75%,10.93% 33.92%,11.07% 30.35%,11.36% 27.03%,11.80% 23.96%);position:absolute;inset:0;z-index:2;overflow:hidden;contain:paint;isolation:isolate;clip-path:var(--nv-lens-clip);-webkit-clip-path:var(--nv-lens-clip);filter:drop-shadow(0 18px 40px #0008)}
.premium-lens-surface>.scene-photo,.premium-lens-surface>div>.scene-photo,.premium-lens-surface .mf-soft-scene>.scene-photo,.premium-lens-surface .mf-clear-scene>.scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.premium-lens-outline{position:absolute;inset:0;z-index:6;width:100%;height:100%;pointer-events:none}.premium-lens-outline path{fill:none;stroke:#ffffffd1;stroke-width:4;filter:drop-shadow(0 5px 10px #0009)}
.scene-photo.reading-scene-photo{object-position:center bottom!important}
.mf-lens-surface .mf-soft-scene,.mf-lens-surface .mf-clear-scene{clip-path:none}.digital-lens-surface .vision-edge-blur{clip-path:none}.treatment-lens-surface .tint-lens{inset:0;left:0;top:0;width:100%;height:100%;transform:none;border:0;border-radius:0;box-shadow:none}.treatment-lens-surface .tint-lens span{display:none}
.is-simulation-mode .scene-caption{bottom:112px}.is-simulation-mode .depth-markers{right:8%;top:24%;bottom:27%}.is-simulation-mode .simulation-scene-picker{top:14px;right:16px}.is-simulation-mode .compare-labels{top:18px;left:13%;right:13%}.is-simulation-mode .mf-white-guide{z-index:7}.is-simulation-mode .mf-white-guide path{stroke-width:4}
@media(max-width:700px){.premium-lens-surface{clip-path:var(--nv-lens-clip);-webkit-clip-path:var(--nv-lens-clip)}.is-simulation-mode .scene-caption{bottom:126px}.is-simulation-mode .simulation-scene-picker{top:62px}}