.faq{margin-top:100px;padding-bottom:270px;position:relative}.faq:after{content:"";z-index:1;background:var(--color-primary);pointer-events:none;clip-path:polygon(100% 0,100% 100%,0 100%);height:15%;position:absolute;bottom:-1px;left:0;right:0}.faq__title{color:var(--color-primary);text-align:center}.faq__accordion{margin-bottom:35px}.faq__more{text-align:center}@media (min-width:681px) and (max-width:1024px){.faq{padding-bottom:150px}}@media (max-width:680px){.faq{margin-top:40px;padding-bottom:40px}.faq:after{display:none}}
.features{margin-top:100px}.features__list{grid-template-columns:1fr 1fr;gap:37px;display:grid}.features__item{text-align:center;padding:11px}.features__icon{width:200px;margin:0 auto 6px}.features__title{margin:20px 0 4px;font-size:19.8px}@media (max-width:680px){.features__list{grid-template-columns:1fr;gap:40px}.features__icon{width:160px}}
.hero{padding:max(30px,3%) 0 var(--space-l);background-color:var(--color-primary);color:var(--color-primary-contrast)}.hero__title{text-align:center;color:var(--color-primary-contrast);margin:0 0 .5em;padding:0 3%;font-size:350%;line-height:1.2}@media (max-width:680px){.hero__title{font-size:220%}}.hero__cards{gap:var(--space-m);text-align:center;justify-items:center;display:grid}.hero__icon{width:200px;margin:0 auto .5em}.hero__card-title{color:var(--color-primary-contrast);margin:0 0 .3em;font-size:110%;line-height:120%}.hero__card-text{margin-bottom:1.4em;line-height:1.65}.hero__more{color:inherit;border:2px solid;padding:.525em 1.15em;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block}.hero__more:hover,.hero__more:focus-visible{background:var(--color-primary-contrast);color:var(--color-primary)}.hero__more-hint{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1025px){.hero{padding-bottom:80px}.hero__cards{grid-template-columns:repeat(3,360px);justify-content:space-between;gap:0}.hero__card{cursor:pointer;position:relative}.hero__face{flex-direction:column;justify-content:center;align-items:center;width:360px;height:330px;padding:20px;transition:transform .5s,background-color .5s;display:flex}.hero__face--front{z-index:1;background:var(--color-primary);padding:0;position:relative;transform:translateY(100px)}.hero__face--back{background:var(--color-bg);color:var(--color-text);box-shadow:var(--card-shadow);position:relative;transform:translateY(-100px)}.hero__card:hover .hero__face--front,.hero__card:focus-within .hero__face--front{background:var(--color-highlight);transform:translateY(0)}.hero__card:hover .hero__face--back,.hero__card:focus-within .hero__face--back{transform:translateY(0)}.hero__icon{width:150px;margin-bottom:10px}.hero__card-title{font-size:150%}.hero__card-text{margin:0 0 var(--space-s);font-size:.9em;line-height:1.5}.hero__more{color:var(--color-primary);margin-top:38px;font-weight:900}.hero__more:hover,.hero__more:focus-visible{background:var(--color-primary);color:var(--color-primary-contrast)}}
.howto{margin-top:58px}.howto__title{text-align:center;margin-bottom:60px}.howto__body{grid-template-columns:1fr 1fr;align-items:center;gap:37px;display:grid}.howto__steps{order:2;margin:0}.howto__photo{width:100%;box-shadow:var(--block-shadow);order:1}.howto__step{align-items:center;min-height:89px;padding:5px 18px 5px 5px;font-size:21.6px;line-height:1.375;display:flex}.howto__check{width:48px;height:48px;color:var(--color-primary);background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:16px 23px 16px 16px;font-size:24px;display:flex;box-shadow:11px 11px 11px #03030333}@media (max-width:680px){.howto__body{grid-template-columns:1fr;gap:0}.howto__steps,.howto__photo{order:0}.howto__step{font-size:19.8px;line-height:1.5}.howto__check{margin:10px 18px 10px 0}}@media (min-width:681px) and (max-width:1024px){.howto__steps,.howto__photo{order:0}.howto__check{margin:10px 18px 10px 0}}
.vnzh{background:url(/images/bg-prague-roofs.webp) 50%/cover no-repeat;align-items:center;min-height:100vh;display:flex;position:relative}@media (hover:hover) and (pointer:fine) and (min-width:1025px){.vnzh{background-attachment:fixed}}@media (max-width:680px){.vnzh{background-image:url(/images/bg-prague-roofs-mobile.webp)}}.vnzh:before{content:"";z-index:1;background:var(--color-primary);pointer-events:none;clip-path:polygon(0 0,100% 0,0 100%);height:15%;position:absolute;top:-1px;left:0;right:0}.vnzh:after{content:"";z-index:1;background:var(--color-bg);pointer-events:none;clip-path:polygon(100% 0,100% 100%,0 100%);height:15%;position:absolute;bottom:-1px;left:0;right:0}.vnzh__inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:37px;display:grid;position:relative}.vnzh__intro{text-align:right}.vnzh__map{filter:drop-shadow(4px 6px 4px #00000059);width:350px;margin:0 0 18px 27px;display:inline-block}.vnzh__title{color:#fff;margin:22px 0 0;padding:6px;font-size:50.4px}.vnzh__title-mark{background:var(--color-primary);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em;box-shadow:6px 6px 6px #0000004d}.vnzh__offer{text-align:center}.vnzh__points{text-align:left;margin:0}.vnzh__point{background:var(--color-primary);color:#fff;align-items:center;gap:7px;margin:11px;font-size:24px;line-height:1.25;display:flex;box-shadow:4px 4px 6px #0000004d}.vnzh__point-icon{box-sizing:content-box;flex:none;padding:8px;font-size:16px}.vnzh__pointer{background:var(--color-primary);color:#fff;border-radius:50%;margin-top:28px;padding:8px;font-size:16px;display:inline-flex;box-shadow:2px 3px 5px #00000059}.vnzh__button{border-width:3px;margin:28px auto 0;padding:11px 22px;display:table;box-shadow:4px 4px 6px #0000004d}@media (max-width:680px){.vnzh:before{height:6%}.vnzh:after{display:none}.vnzh__inner{grid-template-columns:1fr;gap:0;padding:60px 0 63px}.vnzh__map{width:calc(100% - 27px);max-width:350px;margin:0 0 18px 27px}.vnzh__title{margin-top:13px}.vnzh__points{margin-top:84px}.vnzh__pointer{margin-top:9px}.vnzh__button{margin-top:18px}.vnzh__title{font-size:41px}.vnzh__point{margin:7px 0;font-size:21px}.vnzh__button{font-size:15px}}@media (min-width:681px) and (max-width:1024px){.vnzh__point{font-size:21px}.vnzh__map{width:322px}}