.roof-products{padding:55px 0;background:#f5f7f8}.roof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0 42px}.roof-card{border:1px solid #e1e5e8;border-radius:16px;background:white;overflow:hidden}.roof-card img{display:block;width:100%;height:225px;object-fit:contain;background:white;padding:18px;box-sizing:border-box}.roof-card div{padding:20px}.roof-card h3{font-size:19px;margin:0 0 12px}.roof-card p{font-size:14px;line-height:1.7;color:#52616c}.roof-card small{display:block;color:#60717c;line-height:1.7}.roof-card a{display:inline-block;margin-top:14px;color:#d92231;font-weight:600}.roof-note{padding:25px;border-radius:16px;background:white;line-height:1.8}.roof-products h2{font-size:32px}.roof-products h3{line-height:1.4}@media(max-width:900px){.roof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.roof-grid{grid-template-columns:1fr}.roof-card img{height:210px}.roof-products h2{font-size:26px}}