/* =========================================================
   CONTACTS PAGE
   ========================================================= */
.nav__link.is-current{color:var(--red)}
.page-hero{
  position:relative;overflow:hidden;
  padding:calc(76px + 5.4vw) var(--side) 3.2vw;
  background:linear-gradient(180deg,#F5F7FA 0%,#fff 100%);
}
.page-hero::before,.page-hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.page-hero::before{width:30vw;height:30vw;right:6vw;top:-12vw;border:3px solid rgba(232,71,76,.35)}
.page-hero::after{width:22vw;height:22vw;right:-6vw;top:6vw;border:3px solid rgba(29,179,122,.3)}
.crumbs{position:relative;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:1.4vw}
.crumbs a{color:var(--text);transition:color .2s}
.crumbs a:hover{color:var(--red)}
.crumbs svg{width:14px;height:14px}
.page-hero h1{position:relative;font-size:clamp(40px, 3.6vw, 72px);font-weight:800;letter-spacing:-.025em;line-height:1.05;color:var(--ink);margin-bottom:1vw}
.page-hero p{position:relative;font-size:clamp(16px, 1.05vw, 20px);line-height:1.6;color:var(--text);max-width:44vw}
.status{
  position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:1.4vw;
  height:40px;padding:0 16px;border-radius:20px;background:#fff;box-shadow:0 4px 14px rgba(14,20,32,.06);
  font-size:14px;font-weight:600;color:var(--ink)
}
.status .pulse{background:var(--green)}
.status .pulse::after{background:var(--green)}
.status.is-closed .pulse,.status.is-closed .pulse::after{background:#C98400}
/* картки контактів */
.c-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4vw;padding:0 var(--side);margin-top:.6vw}
.c-card{
  display:flex;flex-direction:column;
  padding:1.7vw;border-radius:22px;background:#fff;border:1px solid #EBEEF3;
  transition:transform .3s, box-shadow .3s;
}
.c-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(14,20,32,.08)}
.c-card__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:1.3vw}
.c-card__icon svg{width:26px;height:26px}
.c-card__icon--red{background:var(--red-soft);color:var(--red)}
.c-card__icon--green{background:var(--green-soft);color:var(--green)}
.c-card__label{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.c-card__big{display:block;font-size:clamp(19px, 1.25vw, 24px);font-weight:800;color:var(--ink);line-height:1.35;transition:color .2s}
a.c-card__big:hover{color:var(--red)}
.c-card__note{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5}
.c-card__msgs{display:grid;gap:8px}
.c-msg{
  display:flex;align-items:center;gap:12px;height:48px;padding:0 14px 0 6px;border-radius:13px;
  background:#F5F7FA;font-size:15px;font-weight:700;color:var(--ink);transition:.2s
}
.c-msg i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center}
.c-msg i svg{width:19px;height:19px}
.c-msg span{margin-left:auto;opacity:0;transform:translateX(-6px);transition:.2s;color:var(--muted)}
.c-msg span svg{width:16px;height:16px}
.c-msg:hover{background:#ECEFF4}
.c-msg:hover span{opacity:1;transform:none}
.hours{list-style:none;display:grid;gap:8px}
.hours li{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:var(--text)}
.hours li b{color:var(--ink);font-weight:700}
.hours li.is-today{color:var(--ink);font-weight:700}
.hours li.is-today b{color:var(--red)}
.copy-btn{
  display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;
  font-size:14px;font-weight:700;color:var(--green-dark);transition:color .2s
}
.copy-btn svg{width:16px;height:16px}
.copy-btn:hover{color:var(--red)}
/* основна частина */
.c-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.4vw;padding:1.4vw var(--side) 5.8vw;align-items:start}
.c-form{position:sticky;top:110px}
.c-form{padding:2.6vw;border-radius:26px;background:#0E1420;color:#fff;position:relative;overflow:hidden}
.c-form::before{content:"";position:absolute;width:24vw;height:24vw;right:-10vw;top:-12vw;border-radius:50%;border:3px solid rgba(232,71,76,.45)}
.c-form > *{position:relative}
.c-form h2{font-size:clamp(26px, 2vw, 40px);font-weight:800;line-height:1.15;letter-spacing:-.015em;margin-bottom:10px}
.c-form > p{font-size:clamp(15px, .95vw, 18px);color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:1.8vw}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c-grid .full{grid-column:1 / -1}
.c-input{
  width:100%;height:60px;padding:0 20px;border-radius:14px;
  border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);
  font:inherit;font-size:16px;font-weight:600;color:#fff;outline:none;transition:.2s
}
textarea.c-input{height:130px;padding:18px 20px;resize:vertical}
.c-input::placeholder{color:rgba(255,255,255,.48);font-weight:500}
.c-input:focus{border-color:var(--green);background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(29,179,122,.18)}
.c-form .cta__label{margin:4px 0 10px}
.c-form .cta-pills{margin-bottom:18px}
.c-form__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:18px}
.c-form .check{margin:0;color:rgba(255,255,255,.55)}
.c-form .check a{color:#fff}
.c-form .btn{height:62px}
.c-form .cta__success{margin-top:10px}
.c-form.is-sent .c-fields{display:none}
.c-form.is-sent .cta__success{display:flex}
.c-side{display:grid;gap:1.4vw;align-content:start}
.c-block{padding:2vw;border-radius:24px;background:#F5F7FA}
.c-block__title{font-size:clamp(19px, 1.25vw, 24px);font-weight:800;color:var(--ink);margin-bottom:1.2vw}
.dept{display:flex;gap:16px;padding:1.1vw 0;border-top:1px solid #E3E7ED}
.dept:first-of-type{border-top:0;padding-top:0}
.dept i{width:46px;height:46px;border-radius:13px;flex-shrink:0;display:grid;place-items:center;background:#fff;color:var(--red)}
.dept i svg{width:22px;height:22px}
.dept__body{flex:1;min-width:0}
.dept__name{font-size:16.5px;font-weight:800;color:var(--ink);margin-bottom:3px}
.dept__desc{font-size:14px;color:var(--muted);margin-bottom:8px;line-height:1.45}
.dept__links{display:flex;flex-wrap:wrap;gap:6px 18px}
.dept__links a{font-size:15px;font-weight:700;color:var(--ink);transition:color .2s}
.dept__links a:hover{color:var(--red)}
.dept__badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:700;margin-left:8px;vertical-align:2px}
.office__addr{font-size:clamp(17px, 1.1vw, 21px);font-weight:800;color:var(--ink);line-height:1.4;margin-bottom:8px}
.office__how{font-size:15px;color:var(--text);line-height:1.6;margin-bottom:1.2vw}
.office__actions{display:flex;gap:10px;flex-wrap:wrap}
.office__actions .btn{height:52px;font-size:15px;padding:0 20px}
.btn--white{background:#fff;color:var(--ink)}
.btn--white:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.req{list-style:none;display:grid;gap:10px}
.req li{display:flex;justify-content:space-between;gap:14px;font-size:14.5px;color:var(--muted)}
.req li b{color:var(--ink);font-weight:600;text-align:right}
.c-block .copy-btn{padding-top:16px}
.toast{
  position:fixed;z-index:300;left:50%;bottom:28px;transform:translate(-50%,20px);
  padding:14px 20px;border-radius:14px;background:var(--ink);color:#fff;font-size:15px;font-weight:600;
  box-shadow:0 18px 40px rgba(14,20,32,.3);opacity:0;pointer-events:none;transition:.3s
}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
@media (max-width:1500px){
  .c-cards{grid-template-columns:repeat(2,1fr)}
  .page-hero p{max-width:60vw}
}
@media (max-width:1100px){
  .c-main{grid-template-columns:1fr;gap:20px}
  .c-form{position:static}
  .c-side{gap:20px}
  .c-card,.c-block{padding:24px}
  .c-form{padding:32px}
  .c-cards{gap:16px}
}
@media (max-width:640px){
  .page-hero{padding:104px var(--side) 28px}
  .page-hero::before{width:220px;height:220px;right:-60px;top:-80px}
  .page-hero::after{display:none}
  .crumbs{font-size:13px;margin-bottom:14px}
  .page-hero h1{font-size:38px;margin-bottom:10px}
  .page-hero p{max-width:none;font-size:15.5px}
  .status{margin-top:16px;font-size:13px;height:36px}
  .c-cards{grid-template-columns:1fr;gap:12px;margin-top:4px}
  .c-card{padding:18px;border-radius:18px;display:grid;grid-template-columns:48px 1fr;column-gap:14px}
  .c-card > *:not(.c-card__icon){grid-column:2}
  .c-card__icon{width:48px;height:48px;border-radius:14px;margin:0;grid-row:1 / span 6}
  .c-card__icon svg{width:22px;height:22px}
  .c-card__label{font-size:11.5px;margin-bottom:6px}
  .c-card__big{font-size:18px}
  .c-card__note{font-size:13px;margin-top:4px}
  .c-card:first-child .c-card__note{display:none}
  .c-msg{height:44px}
  .copy-btn{padding-top:10px}
  .c-main{padding:12px var(--side) 48px;gap:12px}
  .c-form{padding:24px 18px;border-radius:20px}
  .c-form > p{margin-bottom:20px}
  .c-grid{grid-template-columns:1fr;gap:10px}
  .c-input{height:54px}
  textarea.c-input{height:110px}
  .c-form .btn{width:100%;justify-content:center;height:58px}
  .c-side{gap:12px}
  .c-block{padding:20px 18px;border-radius:18px}
  .c-block__title{margin-bottom:14px}
  .dept{padding:14px 0;gap:12px}
  .dept i{width:40px;height:40px}
  .office__how{margin-bottom:16px}
  .office__actions .btn{flex:1;justify-content:center}
  .req li{font-size:13.5px}
}