/* Scoped restoration of the two existing bathroom comparisons. */
.po-bath-showcase{padding:76px 0;background:#f5f1e8;color:#20282d;scroll-margin-top:110px}
.po-bath-showcase .po-bath-wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.po-bath-showcase .po-bath-heading{max-width:790px;margin-bottom:32px}
.po-bath-showcase .po-bath-kicker{font-size:16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#155e7b;margin:0 0 14px}
.po-bath-showcase h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 18px}
.po-bath-showcase .po-bath-intro{font-size:20px;line-height:1.65;margin:0;color:#43515a}
.po-bath-showcase .pm-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.po-bath-showcase .pm-comparison{min-width:0;margin:0;background:#fff;border:1px solid #d6d6cf;border-radius:12px;overflow:hidden;box-shadow:0 16px 35px #20282d0a}
.po-bath-showcase .pm-compare-frame{position:relative;aspect-ratio:3/4;isolation:isolate;overflow:hidden;background:#deded8;--pm-reveal:50%}
.po-bath-showcase .pm-compare-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.po-bath-showcase .pm-before{clip-path:inset(0 calc(100% - var(--pm-reveal)) 0 0)}
.po-bath-showcase .pm-before-label,.po-bath-showcase .pm-after-label{position:absolute;top:18px;z-index:2;background:#20282deF;color:#fff;font-size:16px;font-weight:800;line-height:1.3;padding:9px 14px;border-radius:5px;pointer-events:none}
.po-bath-showcase .pm-before-label{left:18px}.po-bath-showcase .pm-after-label{right:18px}
.po-bath-showcase .pm-divider{position:absolute;top:0;bottom:0;left:var(--pm-reveal);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center}
.po-bath-showcase .pm-divider>span{min-width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#155e7b;font-size:28px;box-shadow:0 2px 16px #0006}
.po-bath-showcase .pm-compare-range{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;max-width:none;padding:0;border:0;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.po-bath-showcase .pm-compare-range::-webkit-slider-thumb{-webkit-appearance:none;width:52px;height:100%;cursor:ew-resize}
.po-bath-showcase .pm-compare-range::-moz-range-thumb{width:52px;height:100%;border:0;cursor:ew-resize}
.po-bath-showcase .pm-compare-frame:focus-within{outline:4px solid #f3b02e;outline-offset:-4px}
.po-bath-showcase figcaption{padding:24px}.po-bath-showcase h3{font-size:26px;line-height:1.2;margin:0 0 12px;color:#20282d}
.po-bath-showcase figcaption p{font-size:18px;line-height:1.65;margin:0 0 16px;color:#43515a}
.po-bath-showcase a{display:inline-flex;align-items:center;min-height:44px;font-size:18px;font-weight:800;color:#155e7b;text-decoration:underline;text-underline-offset:4px}
.po-bath-showcase a:focus-visible{outline:3px solid #155e7b;outline-offset:5px}
.po-bath-showcase .po-bath-next{margin:26px 0 0;font-size:18px;line-height:1.6}
.room-page .po-bath-showcase{background:#efe7dc}.room-page .po-bath-showcase h2,.room-page .po-bath-showcase h3{color:#211b17}
@media(max-width:700px){.po-bath-showcase{padding:48px 0}.po-bath-showcase .pm-compare-grid{grid-template-columns:minmax(0,1fr);gap:24px}.po-bath-showcase .po-bath-wrap{width:calc(100% - 32px)}.po-bath-showcase .po-bath-intro{font-size:19px}.po-bath-showcase figcaption{padding:20px}.po-bath-showcase h3{font-size:25px}}