.baffle-detail .an-button{background:#745a3e;border-color:#745a3e}.baffle-detail .an-outline{background:transparent;color:#745a3e}.baffle-detail .an-button:hover{background:#503e2b;color:#fff}.baffle-detail h1{font-size:clamp(40px,4vw,61px)}.bf-photo img{width:100%;height:auto;display:block;object-fit:cover}.bf-photo figcaption,.bf-diagram figcaption{font-size:11px;color:#68736d;line-height:1.6;padding:12px 0}.bf-main-photo img{height:380px;object-fit:cover}.bf-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}.bf-thumbs img{height:110px;object-fit:cover}.bf-thumbs figcaption{font-size:9px;padding:7px 0}.bf-spec-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:start;margin-top:35px}.bf-diagram svg{width:100%;height:auto;display:block}.bf-diagram{margin:0}.baffle-detail #overview .an-large{margin-top:25px}.baffle-detail #finishes .bf-photo img{height:340px;object-fit:contain;background:#f2f2ef}.bf-app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:38px 28px}.bf-app h3{margin:18px 0 12px}.bf-app p{font-size:14px}.bf-image-placeholder{min-height:270px;background:#e8e9e2;border:1px dashed #a3aea0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;font-size:15px;color:#4f5b51}.bf-image-placeholder small{font-size:10px;margin-top:16px;color:#697365}.bf-app .bf-photo img{height:270px;object-fit:cover}.bf-app .bf-photo figcaption{min-height:35px}.bf-install-notes{margin-top:35px}.bf-mobile-quote{display:none}.baffle-detail #bf-file-status{font-size:12px;overflow-wrap:anywhere}.baffle-detail input[type=file]{font-size:12px}.baffle-detail #bf-file-status[data-error=true]{color:#973f2a}
.bf-series-cards img{width:100%;height:255px;object-fit:cover}.bf-series-cards .an-eyebrow{margin-top:22px!important}.bf-series-cards article{border-bottom:1px solid #c6cfc6;padding-bottom:25px}.bf-series-cards p{font-size:14px}.bf-compare{margin-top:35px}.bf-compare table{min-width:700px}.bf-compare tbody th{width:18%}.bf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.baffle-detail #wood-grain,.baffle-detail #powder-coated{scroll-margin-top:110px}.baffle-detail #wood-grain>p,.baffle-detail #powder-coated>p{margin-top:16px}
@media(max-width:900px){.bf-spec-grid{grid-template-columns:1fr}.bf-diagram{max-width:650px}.bf-main-photo img{height:auto;max-height:480px}.bf-hero{gap:35px}.bf-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.baffle-detail h1{font-size:40px}.bf-app-grid{grid-template-columns:1fr}.bf-image-placeholder,.bf-app .bf-photo img{height:230px;min-height:230px}.bf-mobile-quote{display:block;position:fixed;bottom:0;left:0;right:0;text-align:center;background:#745a3e;color:#fff;padding:13px 18px calc(13px + env(safe-area-inset-bottom));font-size:13px;z-index:30;min-height:48px}.baffle-detail{padding-bottom:calc(52px + env(safe-area-inset-bottom))}.baffle-detail #inquiry,.baffle-detail #drawings{scroll-margin-top:100px}.baffle-detail #finishes .bf-photo img{height:270px}.bf-thumbs img{height:110px}.bf-spec-grid{gap:24px}.baffle-detail .an-actions{gap:10px}.baffle-detail .an-actions .an-button{font-size:11px;padding:14px}}

@media(max-width:600px){.bf-steps{grid-template-columns:1fr}.bf-series-cards img{height:260px}}
