.hero-before-after{background:linear-gradient(100deg,var(--anime-gradient-start) 0%,var(--anime-gradient-end) 100%)!important}.hero-before-after{background:transparent;padding:var(--anime-space-5xl) 0;position:relative;overflow:hidden}.hero-rating{padding:var(--anime-space-lg) 0;background:linear-gradient(100deg,var(--anime-gradient-start) 0%,var(--anime-gradient-end) 100%)!important}.hero-rating__container{max-width:1400px;margin:0 auto;padding:0 var(--anime-space-lg)}.hero-rating__content{display:flex;align-items:center;justify-content:center;gap:var(--anime-space-sm);font-family:Quantico,sans-serif!important}.hero-rating__number{font-size:var(--anime-font-2xl);font-weight:700;color:var(--anime-text-white);font-family:Quantico,sans-serif!important}.hero-rating__stars{display:flex;gap:2px}.hero-rating__stars svg{width:20px;height:20px;fill:var(--anime-star-color)}.hero-rating__star--empty{fill-opacity:.3}.hero-rating__star--partial{fill:var(--anime-star-color)}.hero-rating__text{font-size:var(--anime-font-sm);color:var(--anime-text-gray);font-weight:400;font-family:Quantico,sans-serif!important}.hero-before-after__container{max-width:1400px!important;margin:0 auto;padding:0 var(--anime-space-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--anime-space-4xl);align-items:center}.hero-before-after__content{text-align:center}.hero-before-after__title{font-size:var(--anime-font-5xl);font-weight:800;color:var(--anime-text-white);margin-bottom:var(--anime-space-lg);line-height:1.1}.hero-before-after__title .highlight{color:var(--anime-highlight-red)}.hero-before-after__subtitle{font-size:var(--anime-font-2xl);color:var(--anime-text-gray);margin-bottom:var(--anime-space-2xl);line-height:1.6}.hero-before-after__buttons{display:flex;gap:var(--anime-space-lg);justify-content:center;flex-wrap:wrap}.hero-before-after__buttons--mobile{display:none;margin-top:var(--anime-space-lg);padding:0 var(--anime-space-lg)}.hero-before-after__buttons--desktop{display:flex}.hero-before-after__button{padding:var(--anime-space-md) var(--anime-space-2xl);border:none;border-radius:var(--anime-radius-sm);font-weight:600;font-size:var(--anime-font-base);cursor:pointer;transition:var(--anime-transition-base);text-decoration:none;display:inline-block}.hero-before-after__button--primary{background:linear-gradient(135deg,var(--anime-primary-blue),var(--anime-secondary-blue));color:var(--anime-text-white)}.hero-before-after__button--primary:hover{transform:translateY(-2px);box-shadow:var(--anime-shadow-glow-subtle)}.hero-before-after__button--secondary{background:transparent;color:var(--anime-text-white);border:2px solid var(--anime-primary-blue)}.hero-before-after__button--secondary:hover{background:var(--anime-primary-blue);transform:translateY(-2px)}.hero-before-after__slider{position:relative;border-radius:var(--anime-radius-lg);overflow:hidden;box-shadow:var(--anime-shadow-xl)}.hero-before-after__image-container{position:relative;width:100%;height:400px;overflow:hidden}.hero-before-after__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-before-after__image--before{z-index:1;clip-path:inset(0 50% 0 0)}.hero-before-after__image--after{z-index:2;clip-path:inset(0 0 0 50%)}.hero-before-after__slider-control{position:absolute;top:0;left:50%;width:4px;height:100%;background:var(--anime-primary-blue);cursor:ew-resize;z-index:10;transform:translate(-50%)}.hero-before-after__slider-handle{position:absolute;top:50%;left:50%;width:40px;height:40px;background:var(--anime-primary-blue);border-radius:var(--anime-radius-full);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:var(--anime-shadow-glow-subtle);transition:var(--anime-transition-base)}.hero-before-after__slider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--anime-shadow-glow)}.hero-before-after__slider-icon{color:var(--anime-text-white);font-size:var(--anime-font-lg);font-weight:700}.hero-before-after__labels{position:absolute;bottom:var(--anime-space-lg);left:0;right:0;display:flex;justify-content:space-between;padding:0 var(--anime-space-lg);z-index:5}.hero-before-after__label{background:#000000b3;color:var(--anime-text-white);padding:var(--anime-space-xs) var(--anime-space-md);border-radius:var(--anime-radius-xl);font-size:var(--anime-font-sm);font-weight:600}@media screen and (max-width: 768px){.hero-before-after__container{padding:0;grid-template-columns:1fr;gap:var(--anime-space-3xl);text-align:center}.hero-before-after__container{padding:0 var(--anime-space-lg)}.hero-before-after{padding:var(--anime-space-lg) 0}.hero-before-after__title{font-size:var(--anime-font-4xl)}.hero-before-after__subtitle{font-size:var(--anime-font-xl)}}@media screen and (max-width: 749px){.hero-before-after__image-container{height:300px}.hero-before-after__buttons--desktop{display:none}.hero-before-after__buttons--mobile{display:flex}.hero-before-after{padding:var(--anime-space-3xl) 0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-before-after.css.map */