/* ---------- CONTACTS PAGE ---------- */
.nav a.cur{color:var(--lime)}
.nav a.cur::after{transform:scaleX(1)}
.phero{position:relative;isolation:isolate;overflow:hidden;padding-inline:var(--gutter);padding-block:clamp(140px,10vw,190px) clamp(40px,3.5vw,64px)}
.phero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,11,.97) 0%,rgba(7,9,11,.85) 40%,rgba(7,9,11,.35) 75%,rgba(7,9,11,.55) 100%),linear-gradient(180deg,transparent 60%,var(--ink) 100%),url("../img/office-night.webp") right 40%/cover no-repeat;animation:bgIn 1.4s cubic-bezier(.2,.7,.2,1) backwards}
.phero-in{max-width:1100px}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;color:var(--muted);font-size:14px;font-weight:600;animation:rise .6s .1s backwards}
.crumbs a:hover{color:var(--lime)}
.phero h1{font-size:clamp(40px,4.4vw,86px);animation:rise .7s .2s cubic-bezier(.2,.7,.2,1) backwards}
.phero h1 em{font-style:normal;background:var(--lime-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero-sub{margin:18px 0 0;max-width:36em;color:#dfe5db;font-size:clamp(16px,1.1vw,20px);animation:rise .7s .3s backwards}
.status{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(7,9,11,.55);font-weight:700;font-size:14px;animation:rise .7s .4s backwards}
.sdot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(63,224,44,.2);animation:blink 1.8s infinite}
.status.closed .sdot{background:#ffb347;box-shadow:0 0 0 4px rgba(255,179,71,.2)}
.qact{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:clamp(10px,1vw,18px);margin-top:clamp(28px,2.4vw,44px);animation:rise .8s .5s backwards}
.qa{display:flex;align-items:center;gap:14px;min-width:0;padding:clamp(14px,1.1vw,20px);border:1px solid var(--line);border-radius:20px;background:rgba(13,17,14,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s,transform .2s}
.qa:hover{border-color:rgba(180,242,46,.5);transform:translateY(-3px)}
.qa small{display:block;color:var(--muted);font-size:12.5px;font-weight:600}
.qa b{display:block;font:800 clamp(15px,1vw,18px) var(--f-display);white-space:nowrap}
.qa.call{background:var(--lime-grad);border:0;color:#0b1405}
.qa.call small{color:#2a4210}
.qi{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#0b1405}
.qi svg{width:22px;height:22px;fill:var(--lime)}
.qi.tg{background:#29a9eb}
.qi.vb{background:#7d5ce6}
.qi.wa{background:#25d366}
.qi.tg svg,.qi.vb svg,.qi.wa svg{fill:#fff}
.kmain{padding-inline:var(--gutter);padding-block:clamp(24px,2vw,40px) clamp(56px,5vw,100px)}
.kgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,1.4vw,28px);align-items:stretch}
.kinfo{display:flex;flex-direction:column;gap:clamp(16px,1.4vw,28px);min-width:0}
.kblock{padding:clamp(22px,2vw,38px);border:1px solid var(--line);border-radius:24px;background:#0d110e}
.klabel{margin:0 0 12px;font:800 13px var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--lime)}
.kaddr{margin:0;font:800 clamp(22px,1.7vw,32px)/1.2 var(--f-display)}
.kmuted{margin:10px 0 0;color:var(--muted);font-size:clamp(14px,.88vw,16px)}
.kbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.kcopy{border-radius:999px;font-family:var(--f-display);cursor:pointer}
.hours{width:100%;border-collapse:collapse;font-size:clamp(14.5px,.9vw,16.5px)}
.hours th,.hours td{padding:11px 0;border-top:1px solid var(--line);text-align:left;font-weight:600;color:#cfd6cb}
.hours td{text-align:right;font-variant-numeric:tabular-nums}
.hours td.off{color:var(--muted)}
.hours tr.today th,.hours tr.today td{color:#fff;font-weight:800}
.hours tr.today th::after{content:"сьогодні";margin-left:10px;padding:3px 8px;border-radius:999px;background:rgba(180,242,46,.14);color:var(--lime);font:700 11px var(--f-body);vertical-align:2px}
.k247{display:flex;align-items:center;gap:10px;margin:16px 0 0;color:var(--lime);font-weight:700;font-size:14.5px}
.k247 span{width:8px;height:8px;border-radius:50%;background:var(--green)}
.kreq p{margin:0}
.kreq p+p{margin-top:6px}
.kmap{position:relative;min-height:520px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}
.kmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.6)}
.kmap-ph{position:absolute;inset:0;background:
  radial-gradient(40% 40% at 50% 45%,rgba(140,240,45,.12),transparent 70%),
  linear-gradient(rgba(180,242,46,.05) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(90deg,rgba(180,242,46,.05) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(28deg,transparent 46%,rgba(255,255,255,.06) 46.5% 48%,transparent 48.5%),
  linear-gradient(-62deg,transparent 30%,rgba(255,255,255,.05) 30.5% 32%,transparent 32.5%),#0b0f0c}
.kpin{position:absolute;left:50%;top:45%;width:64px;height:64px;margin:-64px 0 0 -32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;background:var(--lime-grad);box-shadow:0 0 0 14px rgba(180,242,46,.14),0 20px 40px -10px rgba(140,240,45,.5)}
.kpin svg{width:28px;height:28px;transform:rotate(45deg);fill:none;stroke:#0b1405;stroke-width:2}
.kmap-card{position:absolute;left:50%;top:calc(45% + 24px);transform:translateX(-50%);display:flex;flex-direction:column;gap:2px;padding:14px 20px;border-radius:16px;background:rgba(13,17,14,.92);border:1px solid rgba(180,242,46,.3);text-align:center;white-space:nowrap}
.kmap-card b{font:800 17px var(--f-display)}
.kmap-card span{color:var(--muted);font-size:13.5px}
.kmap-card a{margin-top:6px;color:var(--lime);font-weight:700;font-size:13.5px}
.kways{padding-inline:var(--gutter);padding-block:0 clamp(56px,5vw,100px)}
.kw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.4vw,28px)}
.kw{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,1.9vw,36px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#111613,#0b0e0c)}
.kw.hl{border-color:rgba(180,242,46,.35);background:radial-gradient(80% 60% at 100% 0%,rgba(140,240,45,.14),transparent 70%),#0d110e}
.kw-ic{width:52px;height:52px;margin-bottom:6px;border-radius:16px;display:grid;place-items:center;background:rgba(180,242,46,.1);border:1px solid rgba(180,242,46,.25)}
.kw-ic svg{width:26px;height:26px;fill:none;stroke:var(--lime);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kw h3{margin:0;font:800 clamp(18px,1.2vw,22px) var(--f-display)}
.kw p{margin:0;color:var(--muted);font-size:clamp(14.5px,.9vw,16.5px);line-height:1.55}
.kw-link{margin-top:auto;padding-top:8px;color:var(--lime);font-weight:700}
@media (max-width:1240px){.qact{grid-template-columns:1fr 1fr}.kgrid{grid-template-columns:1fr}.kmap{min-height:380px}.kw-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .phero{padding-inline:16px;padding-block:110px 32px}
  .qact{grid-template-columns:repeat(3,1fr);gap:8px}
  .qa.call{grid-column:1/-1}
  .qa{padding:12px;gap:10px;border-radius:16px}
  .qa:not(.call){flex-direction:column;justify-content:center;text-align:center;gap:8px;padding:14px 6px}
  .qa:not(.call) small{display:none}
  .qa:not(.call) b{font-size:13.5px}
  .qi{width:40px;height:40px;border-radius:12px}
  .kmain,.kways{padding-inline:16px}
  .kblock{border-radius:20px}
  .kbtns .btn{width:100%}
  .kmap{min-height:320px;border-radius:20px}
}