h2.title{font-size:1.5rem;font-weight:600;color:#a5121a;padding:40px 0;text-align:left;margin:0;}
.container{max-width:1300px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.comparison-container{position:relative;width:100%;overflow:hidden;transform:translateZ(0);}
.image-wrapper{position:relative;display:inline-block;width:100%;user-select:none;}
.image-before{display:block;max-width:100%;height:auto;width:100%;z-index:1;position:relative;pointer-events:none;}
.image-after-wrapper{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2;transform:translateZ(0);backface-visibility:hidden;will-change:width;}
.image-after{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;transform:translateZ(0);backface-visibility:hidden;will-change:transform;pointer-events:none;}
.slider{position:absolute;top:0;left:50%;width:4px;height:100%;background:rgba(255,255,255,0.2);z-index:3;transform:translateX(-50%);touch-action:none;user-select:none;pointer-events:none;}
.slider-handle{position:absolute;top:50%;left:50%;width:60px;height:40px;border:2px solid #a5121a;background:rgba(255,255,255,.1);border-radius:10px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:#a5121a;font-size:20px;box-shadow:0 2px 5px rgba(0,0,0,.4);cursor:ew-resize;gap:15px;touch-action:none;user-select:none;z-index:4;transition:transform .1s,background .2s;pointer-events:auto;}
.slider-handle:hover{background:rgba(255,255,255,.2);box-shadow:0 0 8px rgba(255,255,255,.3);}
.slider-handle:active{transform:translate(-50%,-50%) scale(1.05);background:rgba(199,85,40,.3);}
.desktop-divider{height:1px;background:#a5121a;width:100%;margin:30px auto 0;max-width:1260px;}
@media (max-width:941px){
  h2.title{font-size:18px;padding:20px 0;}
  .grid{grid-template-columns:1fr;gap:10px;}
  .slider-handle{width:50px;height:36px;font-size:18px;}
}
@media (max-width:480px){
  .slider-handle{width:40px;height:30px;font-size:16px;}
  .container{padding:0 20px;}
}
@media (pointer:coarse){
  .slider-handle{width:50px!important;height:50px!important;border-width:2px;font-size:20px!important;}
  .slider{background:rgba(199,85,40,.5);}
}
@supports (-webkit-touch-callout:none){
  .slider-handle{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
  .image-wrapper{-webkit-overflow-scrolling:touch;overflow:hidden;transform:translateZ(0);}
  .slider{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;}
  .comparison-container{perspective:1000px;transform-style:preserve-3d;}
}
.no-select{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;}