.transformation-gallery{padding:120px 0;background-color:var(--primary-dark);position:relative;overflow:hidden;color:var(--white)}.transformation-gallery::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgb(212 175 55 / .1) 0%,#fff0 70%);z-index:1}.transformation-gallery::after{content:'';position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;background:radial-gradient(circle,rgb(45 75 122 / .15) 0%,#fff0 70%);z-index:0}.transformation-gallery .section-title{color:var(--white);margin-bottom:15px}.transformation-gallery .section-subtitle{color:rgb(255 255 255 / .7);margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.gallery-tabs{display:flex;justify-content:center;margin-bottom:50px;gap:20px;position:relative;z-index:5}.tab-btn{background:rgb(255 255 255 / .1);border:1px solid rgb(212 175 55 / .3);border-radius:30px;padding:14px 28px;font-size:16px;font-weight:600;color:var(--white);cursor:pointer;position:relative;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.tab-btn.active,.tab-btn:hover{background:var(--accent-gold);color:var(--primary-dark);border-color:var(--accent-gold);box-shadow:0 5px 20px rgb(212 175 55 / .3);transform:translateY(-2px)}.slider-container{max-width:1000px;margin:0 auto;display:none;flex-direction:column;position:relative;z-index:5}.slider-container.active{display:flex;animation:fadeIn 0.5s forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slider-title{font-size:2rem;margin-bottom:15px;color:var(--white);text-align:center;font-family:'Playfair Display',serif}.slider-description{text-align:center;margin-bottom:40px;color:rgb(255 255 255 / .8);max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.comparison-slider{position:relative;width:100%;height:500px;overflow:hidden;border-radius:12px;box-shadow:0 15px 40px rgb(0 0 0 / .3);margin:30px 0;cursor:ew-resize;transition:box-shadow 0.3s ease}.comparison-slider:hover{box-shadow:0 20px 50px rgb(0 0 0 / .4)}.comparison-slider.slider-ready::before{content:'Drag to compare';position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgb(0 0 0 / .7);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;z-index:10;opacity:.8;pointer-events:none;animation:fadeOut 2s forwards 3s}@keyframes fadeOut{to{opacity:0}}.before-image,.after-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-image img,.after-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease}.comparison-slider:hover .before-image img,.comparison-slider:hover .after-image img{transform:scale(1.02)}.after-image{width:50%}.slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background-color:var(--accent-gold);z-index:3;cursor:ew-resize;transition:transform 0.2s ease,background-color 0.3s ease}.slider-handle::before{content:'';position:absolute;top:0;bottom:0;left:0;width:100%;background-color:var(--accent-gold)}.handle-line{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);background-color:var(--accent-gold)}.handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background-color:var(--accent-gold);border:3px solid var(--white);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px rgb(0 0 0 / .3);transition:transform 0.3s ease,box-shadow 0.3s ease}.comparison-slider:hover .handle-circle{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 20px rgb(0 0 0 / .4)}.handle-circle i{color:var(--primary-dark);font-size:16px}.comparison-slider.dragging .handle-circle{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 25px rgb(0 0 0 / .5)}.focus-indicator{position:absolute;width:30px;height:30px;border-radius:50%;background-color:rgb(255 255 255 / .2);transform:translate(-50%,-50%);pointer-events:none;z-index:2;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease}.label{position:absolute;bottom:30px;padding:10px 20px;background-color:rgb(0 0 0 / .7);color:var(--white);font-weight:600;border-radius:5px;font-size:1rem;letter-spacing:1px;text-transform:uppercase;transition:transform 0.3s ease,background-color 0.3s ease}.before-image .label{left:30px;background-color:rgb(15 26 46 / .8)}.after-image .label{right:30px;background-color:rgb(212 175 55 / .8)}.comparison-slider:hover .before-image .label{transform:translateY(-5px)}.comparison-slider:hover .after-image .label{transform:translateY(-5px)}.slider-details{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:40px}.detail-item{display:flex;align-items:center;gap:15px;background-color:rgb(255 255 255 / .1);border-radius:10px;padding:15px 20px;transition:transform 0.3s ease,background-color 0.3s ease;border:1px solid rgb(212 175 55 / .2)}.detail-item:hover{transform:translateY(-5px);background-color:rgb(255 255 255 / .15);border-color:rgb(212 175 55 / .4)}.detail-item i{font-size:24px;color:var(--accent-gold);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(212 175 55 / .1);transition:transform 0.3s ease,background-color 0.3s ease}.detail-item:hover i{transform:scale(1.1);background-color:rgb(212 175 55 / .2)}.detail-content h4{color:rgb(255 255 255 / .7);margin:0 0 5px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.detail-content p{color:var(--white);margin:0;font-weight:600;font-size:1.1rem}@media (max-width:768px){.transformation-gallery{padding:80px 0}.gallery-tabs{flex-direction:column;align-items:center;gap:15px}.tab-btn{width:80%;text-align:center}.comparison-slider{height:350px}.slider-details{flex-direction:column;align-items:center;gap:20px}.detail-item{width:100%;max-width:300px}.slider-title{font-size:1.6rem}}