/* Глобален адаптивен дизайн за целия сайт. */
@import "tailwindcss";
:root{--navy:#10252e;--navy2:#183742;--gold:#e6a52f;--gold2:#f2bd50;--cream:#f7f4ee;--ink:#17232a;--muted:#607079;--white:#fff;--line:#dfe5e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#d9e4e7;font-size:14px}.topin{height:38px;display:flex;align-items:center;justify-content:space-between}.topin a{color:var(--gold2);font-weight:800}.header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);box-shadow:0 5px 25px rgba(16,37,46,.09)}.navwrap{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;line-height:1.1}.logoMark{display:grid;place-items:center;width:48px;height:48px;background:var(--gold);color:var(--navy);font-size:24px;font-weight:900;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)}.logo b{display:block;font-size:18px;letter-spacing:.04em}.logo small{display:block;margin-top:5px;letter-spacing:.2em;color:#75838a}.nav{display:flex;align-items:center;gap:30px;font-weight:700}.nav a{padding:28px 0;border-bottom:3px solid transparent}.nav a.active,.nav a:hover{color:#b87500;border-color:var(--gold)}.nav .navCall{padding:11px 18px;border:0;border-radius:4px;background:var(--gold);color:var(--navy)}.menuBtn{display:none;border:0;background:none;width:42px;padding:8px}.menuBtn i{display:block;height:3px;background:var(--navy);margin:6px 0;border-radius:2px}.hero{min-height:650px;position:relative;background:url('/images/hero-roof.jpg') center/cover no-repeat;color:#fff;display:flex;align-items:center}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,33,.92) 0%,rgba(7,25,33,.74) 42%,rgba(7,25,33,.08) 78%)}.heroInner{position:relative;padding:100px 0}.eyebrow,.kicker{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:13px;color:var(--gold2);margin:0 0 12px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;max-width:800px;margin:0 0 24px;letter-spacing:-.035em}.heroLead{font-size:20px;max-width:650px;color:#e7edef}.actions{display:flex;flex-wrap:wrap;gap:13px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:4px;font-weight:900;cursor:pointer}.primary{background:var(--gold);color:var(--navy)}.primary:hover{background:var(--gold2)}.ghost{border:1px solid rgba(255,255,255,.65);color:#fff}.white{background:#fff;color:var(--navy)}.trustRow{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;font-weight:700;color:#dce7ea}.section{padding:92px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}h2{font-size:clamp(31px,4vw,48px);line-height:1.12;letter-spacing:-.025em;margin:0 0 22px}h3{line-height:1.25}.split p{color:var(--muted)}.textLink{display:inline-block;color:#a46600;font-weight:900;margin-top:12px}.photoCard{position:relative;box-shadow:18px 18px 0 var(--gold)}.photoCard img{height:430px;object-fit:cover}.badge{position:absolute;left:-28px;bottom:28px;background:var(--navy);color:#fff;padding:20px 28px}.badge strong,.badge span{display:block}.badge strong{font-size:23px}.services{background:var(--cream)}.sectionHead{text-align:center;max-width:780px;margin:0 auto 46px}.sectionHead>p:last-child{color:var(--muted)}.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.serviceCard{background:#fff;padding:32px;border:1px solid #ece8df;min-height:260px;transition:.25s}.serviceCard:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(16,37,46,.09)}.serviceCard .num{color:var(--gold);font-weight:900;font-size:14px}.serviceCard h3{font-size:23px;margin:30px 0 10px}.serviceCard p{color:var(--muted);margin:0}.process{background:var(--navy);color:#fff}.light h2{color:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#34505a}.step{background:var(--navy2);padding:32px}.step b{color:var(--gold2);font-size:14px}.step h3{font-size:22px}.step p{color:#c6d3d7}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px}.benefits>div{border-left:4px solid var(--gold);padding:12px 24px;background:#fafbfb}.benefits strong{font-size:20px}.benefits p{color:var(--muted);margin-bottom:0}.cta{background:var(--gold);padding:58px 0}.cta .kicker{color:var(--navy)}.ctaInner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{margin:0 0 8px}.cta p{margin:0}.pageHero{padding:100px 0;background:linear-gradient(90deg,rgba(11,32,40,.95),rgba(11,32,40,.65)),url('/images/hero-roof.jpg') center 55%/cover;color:#fff}.pageHero h1{font-size:clamp(42px,6vw,66px);margin:0}.pageHero p:last-child{font-size:19px}.values{display:grid;gap:15px}.values>div{padding:22px 25px;background:var(--cream);border-left:4px solid var(--gold)}.values b{color:#b77500}.values h3{margin:5px 0}.values p{margin:0}.galleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.galleryGrid figure{margin:0;background:#fff;box-shadow:0 12px 35px rgba(16,37,46,.1)}.crop{height:260px;overflow:hidden;position:relative}.crop img{position:absolute;width:200%;height:200%;max-width:none;object-fit:cover}.crop0 img{left:0;top:0}.crop1 img{left:-100%;top:0}.crop2 img{left:0;top:-100%}.crop3 img{left:-100%;top:-100%}.galleryGrid figcaption{padding:18px 20px;font-weight:800}.contactGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contactTile{display:block;padding:18px 20px;margin:12px 0;border:1px solid var(--line);background:#fff}.contactTile span,.contactTile strong{display:block}.contactTile span{font-size:13px;color:var(--muted)}.contactTile strong{font-size:22px;color:var(--navy)}.note{padding:18px;background:var(--cream);color:var(--muted)}.form{background:var(--cream);padding:36px}.form label{display:block;font-weight:800;margin:14px 0}.form input,.form select,.form textarea{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #cfd9dc;background:#fff;border-radius:3px}.success{background:#e8f5eb;padding:14px;color:#245b30}footer{background:#0b1c23;color:#dce5e8;padding-top:65px}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding-bottom:52px}.footerGrid>div>a:not(.logo){display:block;margin:8px 0;color:#c8d3d7}.footerGrid h3{color:var(--gold2)}.footerGrid p{max-width:420px;color:#9fb0b6}.footerLogo{color:#fff}.copyright{border-top:1px solid #253a43;padding:20px 0;font-size:13px;color:#82969e}.floating{position:fixed;z-index:40;right:18px;bottom:18px;display:flex;flex-direction:column;gap:9px}.floating a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.22)}.floating .viber{background:#7355b7;color:#fff}.floating .wa{background:#25d366;color:#fff}
@media(max-width:900px){.nav{position:absolute;left:0;right:0;top:82px;background:#fff;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 24px;box-shadow:0 15px 25px rgba(0,0,0,.12)}.nav.open{display:flex}.nav a{padding:14px;border-bottom:1px solid #edf0f1}.menuBtn{display:block}.hero{min-height:590px}.heroShade{background:rgba(7,25,33,.72)}.split,.contactGrid{grid-template-columns:1fr}.serviceGrid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.galleryGrid{grid-template-columns:1fr 1fr}.photoCard{margin:0 20px 0 28px}.footerGrid{grid-template-columns:1fr 1fr}.footerGrid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.topin span{display:none}.topin{justify-content:center}.navwrap{height:72px}.nav{top:72px}.logoMark{width:42px;height:42px}.logo b{font-size:15px}.logo small{font-size:9px}.section{padding:65px 0}.hero{min-height:640px}.heroInner{padding:70px 0}.hero h1{font-size:42px}.heroLead{font-size:17px}.actions{flex-direction:column}.actions .btn{width:100%}.trustRow{gap:8px 18px}.serviceGrid,.steps,.benefits,.galleryGrid,.footerGrid{grid-template-columns:1fr}.footerGrid>div:first-child{grid-column:auto}.sectionHead{text-align:left}.ctaInner{align-items:flex-start;flex-direction:column}.ctaInner .btn{width:100%}.photoCard img{height:320px}.badge{left:-15px}.crop{height:230px}.form{padding:24px}.pageHero{padding:75px 0}.floating{right:10px;bottom:10px}.floating a{width:44px;height:44px}}

/* Галерия с увеличен преглед. */
.realGallery .galleryOpen{position:relative;display:block;width:100%;height:290px;padding:0;border:0;background:#e8ecee;overflow:hidden;cursor:zoom-in}.realGallery .galleryOpen img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.realGallery .galleryOpen:hover img,.realGallery .galleryOpen:focus img{transform:scale(1.04)}.realGallery .galleryOpen:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.zoomIcon{position:absolute;right:14px;bottom:14px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(16,37,46,.88);color:#fff;font-size:25px;line-height:1}.lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:64px 80px;background:rgba(4,12,16,.94)}.lightbox.open{display:flex}.lightbox figure{margin:0;max-width:min(1200px,82vw);max-height:86vh;display:flex;flex-direction:column;align-items:center}.lightbox img{width:auto;max-width:100%;max-height:78vh;object-fit:contain;box-shadow:0 15px 60px rgba(0,0,0,.45)}.lightbox figcaption{padding:13px 20px;color:#fff;text-align:center;font-weight:700}.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}.lightboxClose{right:22px;top:18px;width:50px;height:50px;border-radius:50%;font-size:37px}.lightboxPrev,.lightboxNext{top:50%;transform:translateY(-50%);width:58px;height:76px;font-size:56px;line-height:1}.lightboxPrev{left:18px}.lightboxNext{right:18px}.lightbox button:hover,.lightbox button:focus{background:var(--gold);color:var(--navy);outline:none}.lightboxCounter{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#fff;font-weight:800}.lightboxOpen{overflow:hidden}@media(max-width:600px){.realGallery .galleryOpen{height:310px}.lightbox{padding:60px 12px 80px}.lightbox figure{max-width:100%}.lightboxPrev,.lightboxNext{top:auto;bottom:15px;width:52px;height:52px;border-radius:50%;font-size:42px}.lightboxPrev{left:18px}.lightboxNext{right:18px}.lightboxCounter{bottom:29px}.lightboxClose{right:12px;top:10px}}