/* menu / remontpro.menu */
.nav{display:flex;gap:30px}

.nav a{font-weight:600;font-size:15px;color:var(--ink-2);position:relative;padding:4px 0}

.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--acc);transition:.25s}

.nav a:hover::after{width:100%}

.burger{display:none;background:none;border:0;cursor:pointer;color:var(--ink);font-size:28px}

@media(max-width:1000px){
  .nav{display:none}
  .burger{display:block}
}

/* header / remontpro.header */
/* ---- utility topbar ---- */
.topbar{background:var(--ink);color:#e9e5dc;font-size:13px}

.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;gap:16px}

.topbar b{color:#fff}

.topbar .r{display:flex;gap:22px;align-items:center}

.topbar a:hover{color:var(--acc)}
.topbar .r span{display:none}

/* ---- header ---- */
.hdr{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line);transition:.3s}

.hdr.scr{box-shadow:0 6px 24px rgba(0,0,0,.06)}

.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px;flex-wrap:nowrap}

.logo{font-family:var(--disp);font-weight:900;font-size:26px;letter-spacing:-.03em;text-transform:uppercase}

.logo b{color:var(--acc)}

.hdr .act{display:flex;align-items:center;gap:18px}

.hdr .ph{font-family:var(--disp);font-weight:700;font-size:19px}

@media(max-width:760px){
  .topbar .wrap{height:auto;min-height:40px;padding:7px 0;flex-wrap:wrap;gap:2px 14px;font-size:12px}
  .hdr .ph{display:none}
  .hdr .wrap{height:64px;min-height:64px}
}

/* footer / remontpro.footer */
/* ---- footer ---- */
.footer{background:var(--ink);color:#b7b2a7;padding:60px 0 34px}
.footer .top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:34px}
.footer .logo{color:#fff;font-size:30px}
.footer .top p{max-width:320px;margin:14px 0 0;font-size:15px}
.footer .cols{display:flex;gap:56px;flex-wrap:wrap}
.footer .col b{color:#fff;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:14px}
.footer .col a{display:block;margin-bottom:9px;font-size:15px}.footer .col a:hover{color:var(--acc)}
.footer .legal{border-top:1px solid #2c2922;padding-top:22px;font-size:13px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}