.catalog-overview .compare-open{display:inline-flex;align-items:center;gap:16px;border:1px solid #518c72;border-radius:6px;background:#10422c;color:#f1fcf7;font:600 14px/1.3 var(--body);padding:13px 18px;min-height:46px}.compare-open:hover{border-color:var(--mint);color:var(--mint)}.compare-open svg{width:19px;height:19px}.catalog-overview>div{display:flex;align-items:center;gap:28px}
.compare-dialog{width:min(1020px,94vw);background:#f3fbf8;color:#103e2a;border:1px solid #b9ddcd;border-radius:16px}.compare-intro{padding:36px 38px 22px;background:#092b1c;color:#f8fdfb}.compare-intro .eyebrow{margin-bottom:13px;color:#ffd442}.compare-intro h2{font-size:40px;letter-spacing:-1.7px}.compare-intro>p:last-child{color:#b5dfcd;font-size:16px;margin-top:14px;margin-bottom:0;max-width:730px}.compare-content{padding:24px 38px 32px}.compare-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-choice{min-width:0;display:flex;flex-direction:column;background:white;border:1px solid #d4ede2;border-radius:10px;overflow:hidden}.compare-choice label{padding:16px 19px 0;font-size:13px;color:#41735d;letter-spacing:.2px}.compare-choice select{display:block;margin-top:7px;width:100%;font-size:16px;color:#135438;background:#f2faf7;border:1px solid #add3c3;border-radius:5px;min-height:46px;padding:8px}.compare-image{height:150px;margin:12px 18px;display:grid;place-items:center}.compare-image img{width:100%;height:100%;max-height:150px;object-fit:contain;mix-blend-mode:multiply}.compare-choice-body{padding:0 19px 18px;display:flex;flex-direction:column;flex:1;gap:10px}.compare-choice-body>span{font-size:11px;letter-spacing:1px;color:#52806c}.compare-choice-body>p{font:600 17px/1.4 var(--heading);margin:0 0 5px;min-height:48px}.compare-choice-body>button{width:100%;margin-top:auto;min-height:44px}.compare-choice-body>a{font-size:13px;color:#2cc985;text-underline-offset:4px;text-decoration:underline;align-self:center;padding:6px 0}.compare-filter{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 14px;color:#40765f;font-size:13px}.compare-filter label{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer}.compare-filter input{width:20px;height:20px;accent-color:#239d68}.compare-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.compare-table thead th{font:600 14px/1.4 var(--heading);padding:14px 12px;border-bottom:2px solid #b9e2d0;text-align:left;background:#e8f7f1}.compare-table thead th:first-child{width:27%}.compare-table tbody th{font-weight:500;color:#50826c;text-align:left;padding:14px 12px;border-bottom:1px solid #d4ede2}.compare-table td{color:#114f34;vertical-align:top;padding:14px 12px;border-bottom:1px solid #d4ede2;overflow-wrap:anywhere}.compare-table tr:nth-child(even){background:#eaf9f3}.compare-table tbody th{vertical-align:top}.compare-empty{padding:24px;text-align:center;border:1px dashed #9dccb8}.compare-footnote{font-size:13px;line-height:1.7;color:#51836d;margin-top:20px}.compare-footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-top:20px;border-top:1px solid #cae8db}.compare-footer p{flex:1;font-size:14px;line-height:1.5;min-width:180px;margin:0;color:#208258}.compare-footer .button{background:#135639;border-color:#135639;color:#ffffff}.compare-dialog .close-dialog{background:#11442e}.reveal-ready{transform:translateY(22px);transition:transform .8s cubic-bezier(.16,1,.3,1)}.reveal-ready.is-revealed{transform:none}.motion-paused .reveal-ready{transform:none;transition:none}.family-card:nth-child(2){transition-delay:.07s}.family-card:nth-child(3){transition-delay:.14s}
@media(max-width:700px){.catalog-overview{align-items:flex-start;flex-direction:column}.catalog-overview>div{width:100%;justify-content:space-between;gap:14px}.catalog-overview .compare-open{padding:11px 12px;font-size:13px;gap:8px}.catalog-overview>div>p{font-size:12px}.catalog-overview p span{padding-inline:5px}.compare-intro{padding:29px 22px 23px}.compare-intro h2{font-size:30px;max-width:220px}.compare-intro>p:last-child{font-size:15px}.compare-content{padding:19px 17px 26px}.compare-choices{gap:10px}.compare-choice label{padding:11px 10px 0;font-size:12px}.compare-choice select{font-size:16px;padding:8px 3px}.compare-image{height:100px;margin:10px}.compare-image img{max-height:100px}.compare-choice-body{padding:0 10px 12px;gap:8px}.compare-choice-body>p{font-size:14px;min-height:59px}.compare-choice-body>span{font-size:10px;letter-spacing:.7px}.compare-choice-body .button{font-size:12px;padding-inline:7px;min-height:44px}.compare-choice-body>a{font-size:12px}.compare-filter{display:block;margin-top:20px}.compare-filter>span{display:block;margin-top:10px}.compare-table{font-size:12px;line-height:1.65}.compare-table thead th{font-size:12px;padding:12px 7px;overflow-wrap:anywhere}.compare-table thead th:first-child{width:25%}.compare-table tbody th,.compare-table td{padding:12px 7px}.compare-footnote{font-size:12px}.compare-footer{gap:16px}.compare-footer .button{width:100%}.compare-footer p{min-width:0;font-size:13px}.reveal-ready{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{transform:none;transition:none}}
.detail-image{padding:35px 25px;min-width:0}.gallery-heading{align-self:stretch;display:flex;justify-content:space-between;gap:15px;margin:0 0 22px;font-size:11px;letter-spacing:1px;color:#52806c}.gallery-heading>span:last-child{white-space:nowrap}.gallery-frame{width:100%;height:320px;display:flex;align-items:center;justify-content:center}.gallery-frame img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.gallery-frame.gallery-diagram{background:white;border-radius:8px;padding:8px}.detail-image #detail-image-label{font-size:13px;line-height:1.6;align-self:start;min-height:42px;margin:17px 0 15px}.gallery-choices{align-self:stretch;display:flex;gap:9px;flex-wrap:wrap}.gallery-choices button{flex:1 1 60px;min-width:60px;max-width:calc(50% - 5px);padding:8px 5px;border:1px solid #b7ddcd;border-radius:6px;background:#ffffff;color:#306f54;cursor:pointer}.gallery-choices button[aria-pressed=true]{border:2px solid #2bc683;padding:7px 4px;background:#ebfbf4}.gallery-choices img{height:46px;object-fit:contain;width:100%;mix-blend-mode:multiply}.gallery-choices span{display:block;font-size:11px;line-height:1.4;margin-top:6px}.gallery-original{align-self:start;font-size:13px;color:#249463;border-bottom:1px solid #77aa94;padding:8px 0;margin-top:16px}.detail-equipment-price{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:22px 0 0;padding:17px 0;border-top:1px solid #468469;border-bottom:1px solid #468469}.detail-equipment-price strong{font:600 31px/1.1 var(--heading);letter-spacing:-1px;color:#ffd442}.detail-equipment-price>span{font-size:16px;color:#f3fcf8}.detail-equipment-price small{flex-basis:100%;font-size:12px;color:#c2e1d4}.detail-copy{padding-top:43px}.compare-choice-body>span,.gallery-heading,.gallery-choices span{font-size:12px}.compare-choice-body .button{font-size:14px}.compare-dialog .close-dialog{position:sticky;float:right;margin:14px 14px -58px 0;top:14px;right:auto}.compare-dialog:focus{outline:none}
@media(min-width:901px){.detail-image{position:sticky;top:0;align-self:start;min-height:640px}.gallery-frame{height:330px}}
@media(max-width:900px){.gallery-frame{height:250px}.detail-image{padding:36px 24px 25px}.gallery-choices button{max-width:110px}.detail-copy{padding-top:28px}}
@media(max-width:400px){.compare-choice-body .button{font-size:13px}.compare-choice-body>p{font-size:14px}.gallery-heading{font-size:11px;letter-spacing:.5px}.gallery-frame{height:235px}.gallery-choices button{flex-basis:calc(50% - 9px);max-width:none}.gallery-choices img{height:45px}.compare-choices{gap:8px}.compare-choice-body{padding-inline:8px}}
.compare-add-feedback{font-size:13px!important;line-height:1.5!important;min-height:0!important;margin:0!important;color:#205b40}.compare-image{height:110px}.compare-image img{max-height:110px}.compare-choice-body>p{min-height:43px}.compare-dialog .compare-choice-body .compare-add-feedback{min-height:0}.room-helper{margin:0 0 42px;border:1px solid #b8dece;border-radius:12px;overflow:hidden;background:#e7f8f1;color:#114b32}.room-helper summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;padding:25px 29px}.room-helper summary::-webkit-details-marker{display:none}.room-summary-kicker{display:block;font-size:11px;letter-spacing:1.3px;color:#568d75;margin-bottom:8px}.room-helper summary strong{font:600 25px/1.2 var(--heading);letter-spacing:-.8px}.room-summary-action{display:flex;align-items:center;gap:18px;font-size:14px;color:#1d8357}.room-summary-action>span{font-size:28px;line-height:1;transition:transform .2s}.room-helper[open] .room-summary-action>span{transform:rotate(45deg)}.room-content{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid #b8dece}.room-visual{background:#0f442d;padding:35px 25px;display:flex;flex-direction:column;justify-content:center;min-width:0;color:#9cd8be}.room-visual svg{width:100%;max-width:480px;align-self:center;overflow:visible}.room-visual>span{font-size:12px;text-align:center;margin-top:22px}.room-face{stroke:#72d2a8;stroke-width:1.3;stroke-linejoin:round}.room-face-0{fill:#2ca16e50}.room-face-1{fill:#227953}.room-face-2{fill:#38b67f55}.room-hidden-edge{fill:none;stroke:#78c3a3;stroke-width:1;stroke-dasharray:4 5}.room-visual svg text{font:13px var(--body);fill:#ffdd65}.room-inputs{padding:28px}.room-inputs>p:first-child{margin:0 0 20px;font-size:16px;color:#347257}.room-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.room-fields label{font-size:14px;color:#337558}.room-fields label span{float:right;font-size:12px;color:#61957e}.room-fields input{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #a6d8c2;background:#ffffff;color:#145036;border-radius:5px;padding:12px;font-size:17px;min-height:48px}.room-fields input:focus-visible{outline:3px solid #2dcf89;outline-offset:2px}.room-result{padding:22px 0 13px}.room-result strong{display:block;font:650 43px/1.15 var(--heading);letter-spacing:-1.8px}.room-result>span{display:block;font-size:12px;color:#588e77;margin-top:9px}.room-scope{font-size:13px;line-height:1.65;color:#4b876d;margin:0 0 19px}.room-inputs .button{font-size:14px;background:#1a754e;border-color:#1a754e;color:#ffffff}.room-feedback{font-size:13px;line-height:1.5;color:#27574e;margin:12px 0 0;min-height:20px}.room-helper summary:focus-visible{outline:3px solid #41d595;outline-offset:-4px}
@media(max-width:700px){.room-helper summary{padding:23px;align-items:start;gap:18px}.room-summary-kicker{font-size:10px;letter-spacing:.7px}.room-helper summary strong{font-size:24px}.room-summary-action{font-size:12px;max-width:120px;gap:10px;padding-top:4px}.room-content{grid-template-columns:1fr}.room-visual{padding:18px 20px}.room-visual svg{max-width:290px}.room-visual>span{margin-top:0}.room-inputs{padding:24px 21px}.room-fields{gap:10px}.room-fields input{padding-inline:9px}.room-inputs .button{width:100%;font-size:14px}.compare-image{height:95px}.compare-image img{max-height:95px}.compare-choice-body>p{min-height:59px}}
@media(prefers-reduced-motion:reduce){.room-summary-action>span{transition:none}}
.motion-paused .room-summary-action>span{transition:none}
.room-result strong{overflow-wrap:anywhere}.room-summary-kicker{font-size:12px}.compare-choice label{font-size:14px}.compare-table{font-size:14px}.gallery-heading{font-size:12px}.compare-filter label{min-height:44px}.compare-filter input{flex-shrink:0}
#product-dialog{overflow:hidden}#product-dialog .detail-layout{max-height:90svh;overflow-y:auto;scrollbar-gutter:stable}#product-dialog .close-dialog{position:absolute;right:21px;top:15px;box-shadow:0 3px 20px #00000044}.gallery-heading{padding-right:30px;line-height:1.5}
@media(max-width:600px){.compare-table,.compare-table thead,.compare-table tbody{display:block;width:100%}.compare-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.compare-table thead th:first-child{display:none}.compare-table thead th{padding:13px 10px;width:auto;font-size:13px}.compare-table tbody th{grid-column:1/-1;padding:13px 10px 1px;border:0;font-size:12px;font-weight:700;color:#498269;letter-spacing:.2px;overflow-wrap:anywhere}.compare-table tbody td{padding:6px 10px 15px;font-size:14px;line-height:1.6;min-width:0}.compare-table tr:nth-child(even){background:#e4f9f0}.compare-table tbody td:last-child{border-left:1px solid #cae8db}.compare-table tbody tr{border-bottom:1px solid #c7e9da}.compare-table td{border-bottom:0}}
.compare-filter input{padding:0;margin:0;min-height:20px;min-width:20px;box-sizing:border-box}.compare-dialog .compare-intro h2{padding-right:20px}
