/* Comparații înainte și după, adaptate după structura Relume Layout 403. */
.amazingskin-site .laser-results { background: #f8e0de; }
.amazingskin-site .laser-results > .sp-section-inner { padding-block: clamp(56px, 6vw, 96px); }
.laser-results-layout { display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); align-items: center; gap: clamp(40px, 6vw, 96px); }
.laser-results-copy { min-width: 0; }
.laser-results-intro h2 { margin: 0 0 18px; }
.laser-results-intro p { margin: 0; color: var(--muted); }
.laser-results-tabs { display: grid; margin-top: 32px; border-top: 1px solid var(--line, #ddd5dd); }
.laser-results-tabs[hidden], .laser-results-panel[hidden], .comparison-range[hidden] { display: none; }
.laser-results-tab { display: grid; grid-template-columns: 72px minmax(0, 1fr) 20px; align-items: center; gap: 18px; width: 100%; padding: 14px 0; border: 0; border-bottom: 1px solid var(--line, #ddd5dd); background: transparent; color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.laser-results-thumb { position: relative; display: block; width: 72px; aspect-ratio: 1; overflow: hidden; border-radius: 12px; }
.laser-results-thumb img { position: absolute; inset: 0 auto 0 0; width: 200%; max-width: none; height: 100%; object-fit: cover; }
.laser-results-tab-copy { display: grid; gap: 2px; }
.laser-results-tab-title { font: 400 25px/1.2 Ovo, Georgia, serif; }
.laser-results-tab-description { color: var(--muted); font-size: 13px; line-height: 1.45; }
.laser-results-tab-arrow { width: 18px; height: 18px; transform: rotate(45deg); }
.laser-results-tab:hover .laser-results-tab-title, .laser-results-tab[aria-selected="true"] .laser-results-tab-title { color: var(--accent); }
.laser-results-tab[aria-selected="true"] .laser-results-thumb { outline: 2px solid var(--accent); outline-offset: 2px; }
.laser-results-tab:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.laser-results-actions { margin-top: 28px; }
.amazingskin-site .laser-results-actions p { margin: 16px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.laser-results-examples { min-width: 0; width: 100%; max-width: 700px; justify-self: end; }
.laser-results-panel + .laser-results-panel { margin-top: 42px; }
.laser-results--ready .laser-results-panel + .laser-results-panel { margin-top: 0; }
.laser-results-panel h3 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.laser-results-figure { margin: 0; }
.comparison-stage { --comparison-position: 50%; position: relative; display: flex; overflow: hidden; width: 100%; aspect-ratio: 1 / 1; background: var(--surface, #fcf8fa); border-radius: 24px; }
.comparison-image { position: relative; flex: 1 1 50%; overflow: hidden; min-width: 0; }
.comparison-image img { position: absolute; top: 0; width: 200%; max-width: none; height: 100%; object-fit: cover; object-position: center; }
.comparison-image--before { order: -1; }
.comparison-image--before img { left: 0; }
.comparison-image--after img { left: -100%; }
.comparison-label { position: absolute; z-index: 3; top: 18px; padding: 7px 12px; border-radius: 999px; background: #fff; color: var(--ink, #241f29); font-size: 13px; font-weight: 700; line-height: 1.3; pointer-events: none; }
.comparison-label--before { left: 18px; }
.comparison-label--after { right: 18px; }
.comparison-divider, .comparison-handle { display: none; pointer-events: none; }
.laser-results--ready .comparison-image { position: absolute; inset: 0; }
.laser-results--ready .comparison-image--after { z-index: 0; }
.laser-results--ready .comparison-image--before { z-index: 1; clip-path: inset(0 calc(100% - var(--comparison-position)) 0 0); }
.laser-results--ready .comparison-divider { display: block; position: absolute; z-index: 2; inset-block: 0; left: var(--comparison-position); width: 2px; background: #fff; transform: translateX(-50%); }
.laser-results--ready .comparison-handle { display: flex; position: absolute; z-index: 2; top: 50%; left: clamp(26px, var(--comparison-position), calc(100% - 26px)); width: 48px; height: 48px; align-items: center; justify-content: center; gap: 6px; border-radius: 50%; background: #fff; color: var(--accent); box-shadow: 0 4px 14px #241f2933; transform: translate(-50%, -50%); }
.comparison-handle img { display: block; width: 14px; height: 14px; }
.comparison-handle img:first-child { transform: rotate(-135deg); }
.comparison-handle img:last-child { transform: rotate(45deg); }
.comparison-range { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; margin: 0; opacity: .001; cursor: ew-resize; touch-action: pan-y; }
.comparison-stage:has(.comparison-range:focus-visible) { outline: 3px solid var(--accent); outline-offset: 4px; }
.comparison-stage:has(.comparison-range:focus-visible) .comparison-handle { outline: 3px solid var(--accent); outline-offset: 3px; }
.laser-results-figure figcaption { margin-top: 12px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.laser-results-hint { display: none; }
.laser-results--ready .laser-results-hint { display: inline; }
@media (max-width: 767px) {
  .amazingskin-site .laser-results > .sp-section-inner { padding-inline: 20px; }
  .laser-results-layout { grid-template-columns: 1fr; gap: 0; }
  .laser-results-copy { display: contents; }
  .laser-results-intro { order: 0; }
  .laser-results-tabs { order: 1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 24px 0; border: 0; }
  .laser-results-tab { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 0 0 10px; border: 0; border-bottom: 2px solid transparent; }
  .laser-results-tab[aria-selected="true"] { border-bottom-color: var(--accent); }
  .laser-results-thumb { width: 100%; max-width: 112px; }
  .laser-results-tab-title { font-size: 20px; }
  .laser-results-tab-description, .laser-results-tab-arrow { display: none; }
  .laser-results-examples { order: 2; justify-self: stretch; }
  .laser-results-actions { order: 3; margin-top: 24px; }
  .comparison-stage { border-radius: 20px; }
  .comparison-label { top: 12px; font-size: 12px; }
  .comparison-label--before { left: 12px; }
  .comparison-label--after { right: 12px; }
}

/* Încadrări pătrate din fotografiile originale, fără textele suprapuse. */
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage { display: block; }
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-image { position: absolute; inset: 0; }
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-image--after { z-index: 0; }
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-image--before {
  z-index: 1; clip-path: inset(0 calc(100% - var(--comparison-position)) 0 0);
}
/* Sursa de 1050 × 600: câte 400 × 400 px, începând de la y=180. */
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage--reference .comparison-image img,
[data-cms-instance="epilare-inghinala-rezultate"] .laser-results-thumb:not(.laser-results-thumb--bikini-30):not(.laser-results-thumb--bikini-29) img {
  width: 262.5%; height: 150%; top: -45%; left: 0; object-fit: fill;
}
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage--reference .comparison-image--after img { left: -138.25%; }
/* Sursa de 1080 × 1080: câte 520 × 520 px, începând de la y=290. */
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage--bikini-30 .comparison-image img,
[data-cms-instance="epilare-inghinala-rezultate"] .laser-results-thumb--bikini-30 img {
  width: 207.6923%; height: 207.6923%; top: -55.7692%; left: 0; object-fit: fill;
}
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage--bikini-30 .comparison-image--after img { left: -101.9231%; }
/* Sursa de 1080 × 1080: câte 380 × 380 px, la x=340. */
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage--bikini-29 .comparison-image img,
[data-cms-instance="epilare-inghinala-rezultate"] .laser-results-thumb--bikini-29 img {
  width: 284.2105%; height: 284.2105%; top: -44.7368%; left: -89.4737%; object-fit: fill;
}
[data-cms-instance="epilare-inghinala-rezultate"] .comparison-stage--bikini-29 .comparison-image--after img { top: -147.3684%; }