/* Keep the utility panel closed until its button is pressed. */
.contact-popover[hidden]{display:none!important}
/* A visible, desaturated construction layer; the same animation honours reduced motion in ui.css. */
body:before{z-index:0!important;background:linear-gradient(rgba(163,171,170,.48),rgba(192,198,197,.54)),url("images/facade-ventilated.png") 64% center/cover no-repeat!important;opacity:.94!important;animation:proehitusBackground 55s linear infinite alternate!important}
.section,.content-wrap{background:rgba(255,255,255,.68)!important}.section--soft{background:rgba(230,233,231,.66)!important}
@media(prefers-reduced-motion:reduce){body:before{animation:none!important}}
/* The header uses the supplied complete logo, without crop, recolour, or a reconstructed wordmark. */
.brand--logo{width:128px!important;height:64px!important}.brand--logo img{width:100%!important;height:100%!important;object-fit:contain!important}@media(max-width:850px){.brand--logo{width:96px!important;height:54px!important}}@media(max-width:360px){.brand--logo{width:90px!important;height:52px!important}}
/* Service imagery stays clearly visible; only a light readable overlay remains. */
.grid .card:before{opacity:1!important}.grid .card:nth-child(1):before{background-image:linear-gradient(rgba(13,20,23,.34),rgba(13,20,23,.34)),url("images/interior-finishing.png")!important}.grid .card:nth-child(2):before{background-image:linear-gradient(rgba(13,20,23,.34),rgba(13,20,23,.34)),url("images/roofing.png")!important}.grid .card:nth-child(3):before{background-image:linear-gradient(rgba(13,20,23,.34),rgba(13,20,23,.34)),url("images/facade-ventilated.png")!important}
/* Continuous, low-contrast construction layer moving from right to left. */
body:before{background-repeat:repeat-x!important;background-size:auto 112%!important;background-position:0 center!important;animation:proehitusBackground 42s linear infinite!important}@keyframes proehitusBackground{from{background-position:0 center}to{background-position:-520px center}}@media(prefers-reduced-motion:reduce){body:before{animation:none!important}}

/* Visual finishing pass: one visible construction layer, calm surfaces above it. */
body:before{inset:-9%!important;background-image:linear-gradient(rgba(184,191,190,.28),rgba(204,210,208,.34)),url("images/facade-ventilated.png")!important;background-size:auto 126%!important;background-position:0 center!important;opacity:1!important;filter:saturate(.5) contrast(.94)!important;animation:proehitusBackground 34s linear infinite!important;will-change:background-position!important}
@keyframes proehitusBackground{from{background-position:0 center}to{background-position:-760px center}}
.section,.content-wrap{background:rgba(251,252,251,.73)!important;box-shadow:0 18px 40px rgba(22,29,31,.10)!important}.section--soft{background:rgba(228,233,232,.70)!important}.section--estimate{background:rgba(249,250,249,.78)!important}.section-intro{max-width:680px;color:#5d686d;margin:-8px 0 28px;font-size:clamp(16px,2vw,19px);line-height:1.55}
.hero__statement{max-width:760px;margin:8px 0 18px;font-size:clamp(25px,4vw,43px);line-height:1.12;font-weight:760;letter-spacing:-.025em}.hero h1{margin-bottom:0!important;font-size:clamp(38px,6vw,70px)!important}.hero p{max-width:700px}.hero .eyebrow{margin-bottom:8px}
/* Process cards: compact, numbered and softly illustrated instead of empty boxes. */
.section--soft .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section--soft .grid .card.step{min-height:218px!important;padding:25px!important;justify-content:flex-start!important;isolation:isolate;overflow:hidden;background:rgba(255,255,255,.78)!important;border:1px solid rgba(39,48,51,.08)!important;box-shadow:0 10px 26px rgba(25,32,34,.09)!important}.section--soft .grid .card.step:before{display:block!important;opacity:.16!important;background-size:cover!important;background-position:center!important;filter:grayscale(1)!important;transform:none!important;z-index:-1!important}.section--soft .grid .card.step:nth-child(1):before{background-image:linear-gradient(rgba(255,255,255,.52),rgba(255,255,255,.84)),url("images/interior-finishing.png")!important}.section--soft .grid .card.step:nth-child(2):before{background-image:linear-gradient(rgba(255,255,255,.52),rgba(255,255,255,.84)),url("images/facade-ventilated.png")!important}.section--soft .grid .card.step:nth-child(3):before{background-image:linear-gradient(rgba(255,255,255,.52),rgba(255,255,255,.84)),url("images/concrete-texture.png")!important}.section--soft .grid .card.step h3{font-size:clamp(23px,2.4vw,30px)!important;line-height:1.12}.section--soft .grid .card.step p{font-size:16px;line-height:1.5;margin-bottom:0}.step__number{display:block;color:#e66a1f!important;font-size:14px!important;font-weight:850!important;letter-spacing:.12em!important;margin-bottom:17px}
/* No white block in the mobile drawer: the supplied logo sits directly on graphite. */
.site-drawer{background:linear-gradient(160deg,#171d20,#273034)!important;padding:20px!important}.drawer-head{min-height:68px;padding:0 0 15px!important}.drawer-head img{width:145px!important;height:58px!important;object-fit:contain!important;filter:none!important;background:transparent!important}.drawer-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.25)!important;border-radius:12px!important;font-size:32px!important}.drawer-nav{padding:14px 0!important}.drawer-nav a{padding:10px 0!important;font-size:17px!important}.drawer-actions{gap:10px!important;margin-top:14px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.drawer-actions a:not(.btn),.drawer-telegram{display:block;color:#fff!important;text-decoration:none;font-size:15px;line-height:1.35}.drawer-telegram{color:rgba(255,255,255,.64)!important}
/* Finished footer hierarchy and a compact contact menu. */
.site-footer{background:linear-gradient(145deg,#171d20,#252d30)!important;color:#fff!important;padding:48px 24px 18px!important}.site-footer__inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:34px}.site-footer section{display:grid;align-content:start;gap:8px}.site-footer a{color:#fff!important;text-decoration:none!important}.site-footer a:hover{text-decoration:underline!important}.footer-label{color:#ff9a5d;font-weight:800;font-size:12px;letter-spacing:.12em}.site-footer p{margin:2px 0 0;color:#cbd0cf;line-height:1.55}.telegram-pending{color:rgba(255,255,255,.6);cursor:help}.site-footer__bottom{width:min(1180px,100%);margin:32px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:14px;color:#b8c0be;font-size:13px}
.contact-popover{min-width:184px!important;padding:8px!important;border-radius:18px!important;background:rgba(25,32,34,.98)!important;box-shadow:0 16px 38px rgba(0,0,0,.32)!important}.contact-popover .contact-action{min-height:44px;padding:10px 12px!important}.contact-popover .is-unavailable{opacity:.78;cursor:help}.contact-toggle{border:3px solid rgba(255,255,255,.78)!important}
@media(max-width:850px){.hero__statement{font-size:clamp(25px,7.2vw,34px);margin:6px 0 16px}.hero h1{font-size:clamp(36px,10vw,48px)!important}.section-intro{margin:-5px 0 22px}.section--soft .grid{grid-template-columns:1fr!important;gap:12px!important}.section--soft .grid .card.step{min-height:0!important;padding:21px!important}.section--soft .grid .card.step h3{font-size:25px!important;margin:0 0 9px!important}.step__number{margin-bottom:10px}.site-footer{padding:38px 20px calc(22px + env(safe-area-inset-bottom))!important}.site-footer__inner{grid-template-columns:1fr!important;gap:26px}.site-footer__bottom{margin-top:26px;display:grid;gap:5px}.contact-float{bottom:calc(20px + env(safe-area-inset-bottom))!important}.contact-toggle{width:54px!important;height:54px!important}.contact-popover{min-width:176px!important}}
.calc-help{display:block;margin:5px 0 10px;color:#667077;font-size:14px;line-height:1.4}.calc-note{padding:12px 14px;background:#f3f5f4;border-left:3px solid var(--orange);border-radius:7px;color:#4d585c}.form-success{padding:14px 16px;background:#eaf5ed;border-left:4px solid #39824a;border-radius:8px;color:#1e6030;font-weight:700}
.reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reason-grid article{min-height:165px;padding:22px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(31,37,40,.08);box-shadow:0 10px 26px rgba(22,29,31,.08);display:flex;flex-direction:column;gap:12px}.reason-grid b{font-size:clamp(21px,2.4vw,29px);color:#e66a1f}.reason-grid span{line-height:1.5;color:#525f63}.faq-list{display:grid;gap:10px;max-width:900px}.faq-list details{background:rgba(255,255,255,.78);border:1px solid rgba(31,37,40,.1);border-radius:12px;padding:0 18px}.faq-list summary{cursor:pointer;padding:18px 30px 18px 0;font-size:18px;font-weight:750;position:relative}.faq-list summary:after{content:'+';position:absolute;right:0;color:#e66a1f;font-size:24px;line-height:.8}.faq-list details[open] summary:after{content:'–'}.faq-list p{margin:0 0 18px;color:#59656a;line-height:1.55}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-card{background:rgba(255,255,255,.82);border-radius:16px;padding:22px;box-shadow:0 10px 24px rgba(22,29,31,.08)}.review-card>span{display:block;color:#e66a1f;font-size:42px;line-height:.7;margin-bottom:12px}.review-card strong{display:block;margin-top:16px}@media(max-width:850px){.reason-grid,.review-grid{grid-template-columns:1fr}.reason-grid article{min-height:0}.faq-list details{padding-inline:15px}.faq-list summary{font-size:17px}}