.hs-compare{max-width:960px;margin:32px auto}.hs-compare-images{position:relative;aspect-ratio:16/9;overflow:hidden;border:2px solid #333;border-radius:20px;background:#ddd}.hs-compare-images img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hs-before{clip-path:inset(0 calc(100% - var(--hs-position,50%)) 0 0)}.hs-label{position:absolute;top:20px;padding:6px 14px;background:#333;color:#fff;font-size:13px;font-weight:700;pointer-events:none}.hs-label-before{left:20px}.hs-label-after{right:20px;background:#f39800}.hs-handle{position:absolute;left:var(--hs-position,50%);top:0;bottom:0;width:3px;background:#fff;display:flex;align-items:center;justify-content:center;color:#222;font-size:24px;pointer-events:none;transform:translateX(-50%)}.hs-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.hs-compare-images:focus-within{outline:3px solid #f39800;outline-offset:4px}.hs-compare figcaption{text-align:center;font-size:13px}.hs-compare-empty{padding:100px 24px;background:#e4e0d7;border-radius:16px;text-align:center}.hs-case-info{margin:16px 0}.hs-case-info>div{display:flex;gap:16px;padding:8px 0;border-bottom:1px solid #eee}.hs-case-info dt{font-weight:bold;min-width:110px}.hs-case-info dd{margin:0}.hs-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hs-gallery img{width:100%;height:auto;border-radius:12px}@media(max-width:600px){.hs-gallery{grid-template-columns:1fr}.hs-label{top:10px;padding:3px 8px}.hs-label-before{left:10px}.hs-label-after{right:10px}}