.drainage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,56px);max-width:960px;margin:48px auto;padding:clamp(20px,3vw,40px);border:1px solid #a58a5055;border-radius:18px;background:#f5eddf;color:var(--brown)}.drainage-copy{min-width:0}.drainage .drainage-eyebrow{color:#82622f;font-size:11px;letter-spacing:.2em}.drainage h3{font:400 clamp(32px,3.5vw,50px)/1.1 'Playfair Display',Georgia,serif;margin:16px 0 24px;letter-spacing:-.04em}.drainage h3 em{color:#96743d;font-weight:400}.drainage p{font-size:17px;line-height:1.65}.drainage .drainage-instruction{font-size:14px;margin-top:24px}.drainage-controls{display:flex;gap:10px;margin:16px 0}.drainage-controls button{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-height:54px;padding:14px 18px;border:1px solid #a58a5070;border-radius:8px;font-size:16px;background:#fffaf3;color:#2d1c14;cursor:pointer;touch-action:manipulation}.drainage-controls button[aria-pressed="true"]{background:#2d1c14;color:#fffaf3;border-color:#2d1c14}.drainage-controls button[data-drainage-view="after"]{border:2px solid #a98043}.drainage-controls button:active{box-shadow:inset 0 0 0 2px #a98043}.drainage-controls button:focus-visible{outline:3px solid #96743d;outline-offset:4px}.drainage .drainage-status{font-size:13px;color:#69513d;min-height:3em;margin-bottom:0}.drainage-media{position:relative;aspect-ratio:9/16;min-width:0;overflow:hidden;border-radius:12px;background:#ded3c2}.drainage-media img{display:block;width:100%;height:100%;object-fit:contain}.drainage-after{position:absolute;inset:0;opacity:0;background:#ded3c2;pointer-events:none}.drainage[data-view="after"] .drainage-after{opacity:1}.drainage-badge{position:absolute;top:14px;left:14px;border-radius:30px;padding:8px 14px;background:#2d1c14ed;color:#fff;font-size:13px}.floating-whatsapp{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:50;padding:15px 20px;border-radius:40px;background:#226c43;color:white;text-decoration:none;font-size:15px;box-shadow:0 4px 16px #0002}.floating-whatsapp:hover{background:#185534}.floating-whatsapp:focus-visible{outline:3px solid #a58a50;outline-offset:4px}body{padding-bottom:80px}@media(hover:hover) and (pointer:fine){.drainage-controls button:hover{box-shadow:0 3px 12px #2d1c1426;filter:none}}@media(max-width:640px){.drainage{grid-template-columns:minmax(0,1fr);padding:20px;gap:20px}.drainage h3{font-size:36px}.drainage p{font-size:16px}.drainage-media{width:min(100%,360px);justify-self:center}.drainage-controls button{font-size:16px;padding:14px 10px;min-height:56px}}@media(prefers-reduced-motion:reduce){.drainage-after{transition:none!important}}

.floating-whatsapp{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border-radius:50%}.drainage-gallery .results-beauty__photo img{aspect-ratio:9/16;object-fit:contain;background:#ede5d8}

.drainage-comparison{margin-top:clamp(44px,5vw,72px);padding-top:32px;border-top:1px solid #a87b4038;min-width:0}.drainage-comparison h3{font:400 clamp(28px,3vw,40px)/1.2 'Playfair Display',Georgia,serif;color:var(--brown);margin:0 0 14px}.drainage-comparison>p{font-size:16px;line-height:1.65;color:#79583c;max-width:760px}.drainage-comparison__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px);max-width:880px;margin:24px auto 0}.drainage-comparison figure{margin:0;min-width:0}.drainage-comparison img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:12px;background:#ede5d8}.drainage-comparison figcaption{font:400 clamp(16px,1.6vw,22px)/1.4 'Playfair Display',Georgia,serif;color:var(--brown);text-align:center;margin-top:12px}.services .service-details{margin:12px 0 0;padding-left:1.1em;list-style:disc;display:block}.services .service-details li{display:list-item;padding:0;border:0;margin:0 0 7px;font:inherit;line-height:1.6}.services .service-copy>p{margin-top:12px}