.roof-collection,.roof-detail{max-width:1400px;margin:auto;padding:36px 5% 60px}.roof-intro{background:#f5f3ed;padding:32px;border-radius:12px;margin:24px 0}.roof-intro h1,.roof-detail h1{font:normal clamp(30px,4vw,48px)/1.2 Georgia,serif;color:#193d33;margin:16px 0}.roof-intro p,.roof-detail p{line-height:1.7;color:#515b53}.roof-note{font-size:14px}.roof-search{margin:24px 0}.roof-search label{display:block;font-weight:600;margin-bottom:10px}.roof-search>div{display:flex;gap:12px}.roof-search input{flex:1;min-width:0;padding:14px;border:1px solid #b8c7bd;font:inherit;border-radius:4px}.roof-filters{display:flex;flex-wrap:wrap;gap:8px;background:transparent;padding:0;margin:24px 0}.roof-filters a{background:#f3f5f2;color:#193d33;border:1px solid #cad4cd;padding:12px 16px;border-radius:5px;text-decoration:none}.roof-filters a[aria-current]{background:#193d33;color:white}.roof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.roof-card{border:1px solid #e1e5df;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.roof-card-image{display:block;background:#f8f8f4;aspect-ratio:1.3}.roof-card-image>img{width:100%;height:100%;object-fit:contain}.roof-card-copy{padding:20px;display:flex;flex-direction:column;flex:1}.roof-card-copy h2{font-size:23px;margin:12px 0}.roof-card-copy h2 a{color:#193d33;text-decoration:none}.roof-card-copy p{font-size:14px;line-height:1.65;margin:8px 0;color:#586057}.roof-card-copy .eyebrow{font-size:11px;letter-spacing:.07em}.roof-size{font-weight:600}.roof-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px}.roof-actions .btn,.roof-search .btn,.roof-pagination .btn,.roof-help .btn{background:#ffe400;color:#172c23;padding:13px 18px;border:0;min-height:46px;text-decoration:none;font:600 15px Arial,sans-serif;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.roof-whatsapp{min-width:46px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5ded7;border-radius:5px}.roof-actions img{object-fit:contain!important;width:24px;height:24px}.roof-pagination{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;margin:32px 0;background:transparent;color:#193d33}.roof-pagination a{color:#193d33;background:#f3f5f2;padding:14px;text-decoration:none}.roof-help{background:#f5f3ed;padding:28px;border-radius:10px;margin:36px 0;line-height:1.7}.roof-help h2{font:normal 28px Georgia,serif;color:#193d33}.roof-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.roof-detail-photo{background:#f8f8f4;border:1px solid #e1e5df;align-self:start;border-radius:10px;overflow:hidden}.roof-detail-photo>img{width:100%;height:auto;max-height:640px;object-fit:contain}.roof-detail h2{font-size:22px;color:#193d33}.roof-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #e0e5df;padding:12px 0;font-size:15px}.roof-specs dt{font-weight:600}.roof-specs dd{margin:0;overflow-wrap:anywhere}.roof-quote{background:#f5f3ed;padding:22px;border-radius:8px;margin-top:28px}.roof-no-photo{min-height:240px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#647366}.roof-no-photo strong{font-size:24px}.roof-no-photo span{font-size:13px}.roof-filters a:focus-visible,.roof-actions a:focus-visible{outline:3px solid #193d33;outline-offset:3px}@media(max-width:950px){.roof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.roof-grid{grid-template-columns:1fr}.roof-intro{padding:24px}.roof-filters{flex-direction:column;align-items:stretch}.roof-search>div{flex-direction:column}.roof-actions{align-items:stretch}.roof-card-copy .roof-actions .btn{flex:1}.roof-detail-grid{gap:24px}.roof-specs>div{grid-template-columns:1fr;gap:6px}.roof-pagination{flex-direction:column;gap:8px}}