/* Адаптивен дизайн на едностраничен сайт за ремонт на покриви. */
:root{--navy:#142a35;--rust:#b94427;--orange:#dc6240;--paper:#f6f4f0;--muted:#53616a;--line:#dddeda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:22px;height:22px;flex-shrink:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #ed9a36;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(32px,3.3vw,48px)}h3{font-size:25px}p{color:var(--muted)}.wrap{max-width:1240px;width:calc(100% - 96px);margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:15px;z-index:20}.skip:focus{top:10px}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #eef0ee}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center;font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.5;flex-shrink:0}.brand svg{width:45px;height:45px}.brand span span{display:block;font-size:21px;letter-spacing:1px}nav{display:flex;gap:27px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--rust)}.header-phone{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}.header-phone svg{color:var(--rust)}.hero{position:relative;isolation:isolate;background:var(--navy);min-height:680px;display:flex;align-items:center;color:white;text-align:center}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-image{object-fit:cover;object-position:50% 50%}.hero-shade{background:linear-gradient(90deg,rgba(10,27,36,.8),rgba(10,27,36,.55),rgba(10,27,36,.75));z-index:-1}.hero-content{padding:90px 0 120px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:var(--rust);margin-bottom:23px}.eyebrow.light{color:#f3b095}.hero h1{font-size:clamp(54px,6.6vw,90px);font-weight:800;line-height:1.05}.hero h1 span{color:#ffb499}.hero-copy{font-size:20px;line-height:1.7;margin:27px auto;color:#f2f3f1}.buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--rust);color:#fff;padding:17px 27px;font-size:15px;font-weight:700;border:1px solid var(--rust);border-radius:3px;transition:background .2s}.button:hover{background:#94341e}.button.outline{border-color:#ffffff80;background:#ffffff09}.button.outline:hover{background:#ffffff20}.hero-note{font-size:12px;color:#e1e4e3;margin-top:22px}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#d3d9d8}.service-strip{background:var(--navy);color:white}.strip-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;text-align:center;font-size:13px}.strip-inner span+span{border-left:1px solid #ffffff2b}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:100px;margin-bottom:45px}.section-heading>p{max-width:360px}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{border:1px solid var(--line);padding:34px;background:#fff;border-radius:4px;scroll-margin-top:115px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.number{font-size:14px;color:var(--rust);font-weight:700;letter-spacing:1px}.card-arrow{font-size:28px;color:#adbbb9}.service-card h3{font-size:28px;margin-bottom:18px}.service-card .lead{color:var(--navy);font-weight:700;font-size:15px;margin-bottom:12px}.service-card p{font-size:15px}.service-card ul{list-style:none;padding:0;margin:23px 0 27px;display:grid;gap:9px;font-size:14px;color:#344851}.service-card li{position:relative;padding-left:23px}.service-card li:before{content:'✓';position:absolute;left:0;color:var(--rust)}.text-link{font-weight:700;font-size:14px;display:inline-flex;gap:18px;align-items:center}.feature{background:var(--paper);padding:80px 0}.feature-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.feature-image{position:relative}.feature-image img{width:100%;height:470px;object-fit:cover;border-radius:4px}.feature-image>span{position:absolute;bottom:22px;left:22px;right:22px;color:white;text-shadow:0 1px 6px #000;font-weight:700}.feature-copy h2{font-size:39px;margin-bottom:26px}.feature-copy>p:not(.eyebrow){margin-bottom:20px}.feature-copy .text-link{margin-top:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps article{border-top:2px solid #e7dfd8;padding-top:24px}.steps span{color:var(--rust);font-size:13px;font-weight:700}.steps h3{font-size:22px;margin:21px 0 15px}.steps p{font-size:15px}.warning{background:var(--navy);color:white;padding:80px 0}.warning-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.warning h2{font-size:40px}.warning p{color:#c7d1d4}.warning-grid>div>p:not(.eyebrow){margin:24px 0}.signs{background:#ffffff07;padding:35px;border:1px solid #ffffff20;border-radius:4px}.signs h3{font-size:24px;margin-bottom:25px}.signs p{display:flex;gap:17px;font-size:15px;margin:18px 0!important}.signs span{color:#f3a17f}.faq-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px}.faq-layout>div>p:not(.eyebrow){margin:25px 0 18px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:23px 0;display:flex;justify-content:space-between;gap:24px;align-items:center;font-weight:700;font-size:16px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;color:var(--rust);font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq details>p{padding:0 30px 24px 0;font-size:15px}footer{background:#10232d;color:white;padding:80px 0 28px;text-align:center}footer h2{font-size:clamp(38px,4vw,58px)}.footer-phone{font-size:clamp(32px,5vw,62px);display:inline-block;margin:25px 0 18px;letter-spacing:-2px;font-weight:800;color:#ffab88}.footer-phone span{font-weight:400}footer p{color:#b6c3c9}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:65px;padding-top:30px;border-top:1px solid #ffffff20;font-size:12px}.footer-bottom .brand{text-align:left}.image-note{font-size:10px;margin:30px 0 0}.floating-call{position:fixed;right:23px;bottom:23px;z-index:15;background:var(--rust);color:#fff;display:flex;align-items:center;gap:12px;padding:16px 22px;min-height:56px;border:2px solid #fff;border-radius:40px;box-shadow:0 7px 24px #0003;font-weight:700;font-size:14px}.floating-call:hover{background:#91321c}@media(min-width:1600px){.hero{min-height:760px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}nav{gap:16px}.header-phone{font-size:14px}.header-inner{gap:18px}.section-heading{gap:45px}.feature-grid,.warning-grid{gap:40px}.feature-copy h2{font-size:33px}.faq-layout{gap:45px}}@media(max-width:760px){html{scroll-padding-top:145px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:108px;flex-wrap:wrap;padding:12px 0;gap:12px}.brand svg{width:34px;height:34px}.brand{font-size:9px;gap:7px}.brand span span{font-size:16px}.header-phone{margin-left:auto;font-size:14px}.header-phone svg{width:17px}nav{order:3;width:100%;justify-content:space-between;gap:9px;font-size:12px;padding-top:6px}.hero{min-height:640px}.hero-content{padding:65px 0 110px}.hero h1{font-size:clamp(47px,10.5vw,72px)}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-copy{font-size:17px}.hero-note{font-size:11px;padding:0 10px}.hero-bottom{font-size:9px;letter-spacing:0}.buttons{gap:10px}.button{padding:15px 18px;font-size:14px}.strip-inner{grid-template-columns:repeat(2,1fr);gap:17px;font-size:12px}.strip-inner span:nth-child(3){border-left:0}.section{padding-top:65px;padding-bottom:65px}.section-heading,.feature-grid,.warning-grid,.faq-layout{grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:30px}.section-heading>p{max-width:none}.services{grid-template-columns:1fr;gap:18px}.service-card{padding:26px}.service-card h3{font-size:26px}.feature{padding:55px 0}.feature-image img{height:340px}.feature-copy h2{font-size:32px}.steps{grid-template-columns:repeat(2,1fr);gap:28px 22px}.steps h3{font-size:20px}.steps p{font-size:14px}.warning{padding:60px 0}.warning h2{font-size:33px}.signs{padding:24px}.faq-layout{gap:34px}.faq summary{font-size:15px}.footer-bottom{flex-direction:column;gap:22px;margin-top:45px}.footer-phone{letter-spacing:-1px}footer{padding:65px 0 95px}.floating-call{right:16px;bottom:16px;padding:15px}.floating-call span{display:none}.image-note{font-size:10px}.eyebrow{margin-bottom:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Галерия: две колони на десктоп и една на мобилни екрани. */
#galeria{padding-top:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.gallery-item{margin:0;min-width:0}.gallery-item img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.gallery-item figcaption{padding:20px 0 0}.gallery-item h3{font-size:23px;letter-spacing:-.025em}.gallery-item p{font-size:14px;margin-top:9px}.gallery-note{font-size:12px;margin-top:28px;color:#657279}@media(max-width:760px){.gallery-grid{grid-template-columns:1fr;gap:28px}.gallery-item h3{font-size:22px}nav{flex-wrap:wrap;justify-content:center;gap:6px 16px}nav a{padding:4px 0}html{scroll-padding-top:165px}}