/* Dedicated foam solution, scoped so other catalogue pages remain intact. */
[data-foam-page]{min-width:0}
[data-foam-page] .foam-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px;align-items:center}
[data-foam-page] .page-heading{display:block;min-width:0;margin:0;padding:12px 0}
[data-foam-page] h1{font-size:clamp(30px,3.2vw,48px);line-height:1.12;letter-spacing:-.035em}
[data-foam-page] .page-heading p{font-size:17px;line-height:1.6;max-width:50ch}
.foam-visual{margin:0;background:#edf0e9;border:1px solid #d8e1d8;border-radius:20px;padding:14px;min-width:0}
.foam-visual img{width:100%;height:auto;max-height:330px;object-fit:contain;display:block}
.foam-visual figcaption{font-size:12px;color:#55675b;line-height:1.45;margin:10px 3px 0;text-align:center}
[data-foam-page] .context-actions{flex-wrap:wrap;margin:22px 0}
.foam-section{margin:40px 0;scroll-margin-top:100px}
.foam-section h2{font-size:clamp(25px,2.1vw,34px);line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.foam-section h3{font-size:20px;line-height:1.3;margin:0 0 10px}
.foam-section p{line-height:1.65;color:#4c6054}
.foam-lead{max-width:78ch}
.foam-flow{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}
.foam-flow li{border-top:3px solid #23763b;padding:16px 12px;background:#eaf0e5;border-radius:0 0 12px 12px;min-width:0}
.foam-flow b{display:block;color:#1f4930;margin-bottom:10px;font-size:16px}
.foam-flow span{font-size:14px;line-height:1.55;display:block}
.foam-components,.foam-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.foam-components article,.foam-options article{padding:24px;border:1px solid #d5dfd6;border-radius:16px;background:#f8faf6;min-width:0}
.foam-components p,.foam-options p{margin:0 0 12px;font-size:15px}
.foam-options .eyebrow{display:block;margin-bottom:14px}
.foam-options a:not(.button){font-weight:650;color:#165b32;display:inline-block;padding:10px 0}
.foam-note{padding:18px 20px;background:#eaf0e5;border-left:3px solid #23763b;border-radius:0 10px 10px 0;font-size:14px;line-height:1.6;margin:20px 0}
.foam-specs{margin:20px 0}.foam-specs>div{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:24px;padding:18px 0;border-bottom:1px solid #d5dfd6}
.foam-specs dt{font-weight:650}.foam-specs dd{margin:0;color:#4c6054;line-height:1.6}
.foam-faq details{border-bottom:1px solid #d5dfd6;padding:17px 0}.foam-faq summary{cursor:pointer;font-weight:650;min-height:30px;line-height:1.5}.foam-faq p{padding-right:20px}
[data-foam-page] .quick-foam{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid #c6d8c9;border-radius:12px;padding:20px;margin:18px 0;background:#f8faf6;min-width:0}
[data-foam-page] .quick-foam[hidden]{display:none}
[data-foam-page] .quick-foam legend{font-weight:650;font-size:15px;padding:0 8px}
[data-foam-page] .quick-foam label{min-width:0}
.foam-bottom{padding:28px;background:#eaf0e5;border-radius:20px}
@media(max-width:1050px){[data-foam-page] .foam-hero{grid-template-columns:1fr}.foam-visual{max-width:560px;width:100%;margin:0 auto}.foam-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){[data-foam-page] h1{font-size:30px}.foam-visual{padding:10px}.foam-visual img{max-height:250px}.foam-section{margin:30px 0;scroll-margin-top:85px}.foam-components,.foam-options{grid-template-columns:1fr}.foam-components article,.foam-options article{padding:20px}.foam-specs>div{grid-template-columns:1fr;gap:7px;padding:16px 0}[data-foam-page] .context-actions{gap:10px}[data-foam-page] .context-actions .button{width:100%;justify-content:space-between;text-align:left}[data-foam-page] .quick-foam{grid-template-columns:1fr;padding:16px}.foam-bottom{padding:20px}.foam-flow{gap:8px}.foam-flow li{padding:13px 10px}.foam-flow b{font-size:14px}}
@media(prefers-reduced-motion:reduce){[data-foam-page] *{scroll-behavior:auto}}
[data-foam-page] .foam-pressure-fields{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:16px;margin:14px 0}[data-foam-page] .foam-pressure-fields[hidden]{display:none}[data-foam-page] .foam-pressure-fields label{min-width:0}@media(max-width:600px){[data-foam-page] .foam-pressure-fields{grid-template-columns:1fr}}
