.before-after-v2-section{padding:calc(var(--section-padding) * .5) 0;background:rgb(var(--color-background))}.section-header{margin-bottom:4rem;text-align:center}.section-title{margin-bottom:1rem;font-weight:700;color:rgb(var(--color-foreground));font-size:2.5rem;line-height:1.2;max-width:800px;margin-left:auto;margin-right:auto}.section-subtitle{margin-bottom:1.5rem;color:rgb(var(--color-foreground));font-size:1.1rem;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.rating-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem}.star-image{flex-shrink:0}.star-image img{height:20px;width:auto;display:block}.rating-text{color:rgb(var(--color-foreground));font-size:.9rem;margin:0;font-weight:500}.before-after-comparison{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1000px;margin:0 auto}.comparison-panel{flex:1;max-width:400px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.09);border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.panel-title{text-align:center;font-size:1.2rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 1.5rem}.panel-image{margin-bottom:2rem;border-radius:8px;overflow:hidden}.panel-image img{width:100%;height:250px;object-fit:cover;display:block}.skin-metrics{display:flex;flex-direction:column;gap:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.9rem;color:rgba(var(--color-foreground),.6);font-weight:500}.metric-description{font-size:1.1rem;color:rgb(var(--color-foreground));font-weight:700;line-height:1.3}.progress-bar-image{margin-top:.5rem;display:flex;justify-content:center}.progress-bar-image img{width:100%;height:auto;max-width:none;display:block}.comparison-arrow{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-accent));font-size:2rem;font-weight:700}.comparison-arrow svg{width:48px;height:48px}@media screen and (max-width: 768px){.before-after-comparison{flex-direction:column;gap:1.5rem}.comparison-panel{max-width:100%;padding:1.5rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.comparison-arrow{transform:rotate(90deg)}.comparison-arrow svg{width:32px;height:32px}.panel-image img{height:200px}}@media screen and (max-width: 480px){.section-header{margin-bottom:3rem}.section-title{font-size:1.75rem}.rating-container{margin-bottom:2rem}.comparison-panel{padding:1rem}.panel-image img{height:180px}.skin-metrics{gap:1rem}.metric-description{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-before-after-v2.css.map */