.inline-viewer{padding-block:35px 65px;scroll-margin-top:24px}
.inline-viewer .section-heading{margin-bottom:25px}
.inline-viewer .section-heading h2{font-size:34px}
.inline-viewer .section-heading p{font-size:15px;color:#637986}
.viewer-card{border:1px solid #dbeaf0;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 16px 50px #16436b08}
.viewer-stage-wrap{position:relative;background:radial-gradient(ellipse at 50% 40%,#fff 0%,#f0f8fc 85%);isolation:isolate}
.inline-viewer #faucet-stage{width:100%;height:600px;margin:0;border-radius:0;background:transparent;touch-action:pan-y;overflow:hidden}
.inline-viewer #faucet-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y}
.viewer-scene-tag{position:absolute;inset:20px 22px auto auto;z-index:1;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #e0ecf2;border-radius:30px;padding:7px 13px;color:#39657b;font-size:11px;pointer-events:none}
.viewer-scene-tag .live-dot{width:7px;height:7px;background:#079e63;border-radius:50%;display:inline-block}
.viewer-presets{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#ffffffed;border:1px solid #dceaf0;border-radius:12px;box-shadow:0 4px 15px #16436b08;white-space:nowrap}
.inline-viewer button{font-family:inherit;color:#295572;border:1px solid #dce8ef;background:#fff;border-radius:8px;font-size:12px;padding:8px 12px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .2s,border-color .2s}
.viewer-presets button{border-color:transparent;background:transparent;font-weight:500;min-height:34px;padding:6px 14px}
.inline-viewer button[aria-pressed=true]{background:#eaf7f0;border-color:#a4d8bd;color:#087c52}
.inline-viewer button:hover{background:#f0f8fc;border-color:#b6d5e4}
.viewer-toolbar{border-top:1px solid #dfedf2;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.inline-viewer .viewer-finishes,.inline-viewer .viewer-tools{display:flex;gap:6px}
.inline-viewer .viewer-finishes .finish-swatch{width:16px;height:16px}
.inline-viewer .viewer-tools button{min-width:38px;padding-inline:10px;font-size:15px}
.inline-viewer .viewer-tools button:last-child{font-size:11px}
.inline-viewer #viewer-status{margin:0;font-size:11px;color:#69808e;text-align:center}
.inline-viewer .system-legend{margin:0;padding:0 20px 13px;gap:24px;font-size:11px;color:#526f80}
.inline-viewer .viewer-note{margin:0;padding:11px 20px;text-align:center;font-size:10px;color:#7a8d98;border-top:1px solid #edf3f6}
.installation-gift .filter-gift-image{width:55px;height:70px;object-fit:contain;flex:0 0 55px;mix-blend-mode:multiply}
.early-upgrade .filter-gift-thumb{width:45px;height:55px;object-fit:contain;background:#f4fafc}
@media(max-width:1050px){.viewer-toolbar{justify-content:center}.inline-viewer #viewer-status{order:3;flex-basis:100%}}
@media(max-width:740px){.inline-viewer{padding-block:15px 40px}.inline-viewer .section-heading h2{font-size:28px}.inline-viewer .section-heading p{font-size:14px;line-height:1.8}.viewer-card{border-radius:15px}.inline-viewer #faucet-stage{height:500px;min-height:0}.viewer-scene-tag{top:14px;right:12px;font-size:9px;padding:5px 10px}.viewer-presets{bottom:14px;max-width:calc(100% - 20px);padding:4px;gap:1px}.viewer-presets button{font-size:10px;padding:6px 9px;min-height:32px}.viewer-toolbar{padding:14px 12px;gap:12px}.inline-viewer button{font-size:11px;padding:7px 9px;min-height:37px}.inline-viewer .viewer-tools button{min-width:34px;padding-inline:8px}.inline-viewer .viewer-note{font-size:9px;padding:10px 16px}.inline-viewer .system-legend{font-size:10px;gap:17px;padding-bottom:12px}.installation-gift .filter-gift-image{width:43px;height:60px;flex-basis:43px}.early-upgrade .filter-gift-thumb{width:38px;height:48px}}
@media(prefers-reduced-motion:reduce){.inline-viewer button{transition:none}}

@media(max-width:740px){.inline-viewer .viewer-finishes button,.inline-viewer .viewer-tools button{min-height:44px;min-width:40px}.inline-viewer .viewer-tools{gap:8px}.inline-viewer .viewer-toolbar{gap:14px}}