.roof-installations__breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--mobile-breadcrumb-gap,18px);padding:var(--mobile-breadcrumb-top,24px) 0 var(--mobile-breadcrumb-bottom,24px) 0}.roof-installations h1{margin:12px 0 24px}.roof-installations p{margin:0 0 20px}.roof-installations figure{margin:0}.roof-installations__image{display:block;width:100%;height:auto}.roof-installations figcaption{padding:12px 0}.roof-installations .button{white-space:normal;text-align:center;max-width:100%;box-sizing:border-box}.roof-installations h2{margin:0 0 26px}.roof-installations h3{margin:0 0 16px}.roof-installations__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.roof-installations__grid--two{grid-template-columns:repeat(2,1fr)}.roof-installations__card{min-width:0}.roof-installations__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.roof-installations__photo img{height:280px;object-fit:contain}.roof-installations__order{padding:32px;margin-bottom:40px}.roof-installations__form input,.roof-installations__form textarea{box-sizing:border-box;max-width:100%}.roof-installations__form .form__column{min-width:0}@media(max-width:900px){.roof-installations__grid,.roof-installations__gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.roof-installations__grid,.roof-installations__gallery{grid-template-columns:1fr}.roof-installations__order{padding:20px}.roof-installations__photo img{height:auto}}
.roof-installations__form .form__submit{white-space:normal;max-width:100%;cursor:pointer;width:100%}

.roof-portfolio__breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--mobile-breadcrumb-gap,18px);padding:var(--mobile-breadcrumb-top,24px) 0 var(--mobile-breadcrumb-bottom,24px) 0}.roof-portfolio h1{margin:0 0 24px}.roof-portfolio h2{margin:0 0 20px}.roof-portfolio p{margin:0 0 24px}.roof-portfolio__actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.roof-portfolio .button{white-space:normal;max-width:100%;box-sizing:border-box;text-align:center}.roof-portfolio__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.roof-portfolio__photo{margin:0;min-width:0}.roof-portfolio__photo a{display:flex;justify-content:center}.roof-portfolio__photo img{display:block;width:100%;max-width:300px;height:auto}.roof-portfolio__photo figcaption{padding:14px 0}@media(max-width:900px){.roof-portfolio__gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.roof-portfolio__gallery{grid-template-columns:1fr}.roof-portfolio__actions{align-items:stretch;flex-direction:column}}
.roof-installations__detail{max-width:560px}.roof-installations__detail img{max-height:420px;object-fit:contain}

@media (max-width: 600px) { .roof-installations__photo img { max-height: 420px; } }


.roof-portfolio__outro{padding:36px 0}
