/* Contact */
.page-contact{
  --t: 0.3s var(--ease);
}

.page-head{padding-top:110px}
.form{
  padding:18px;
}
.field{
  display:flex; flex-direction:column; gap:8px;
  margin-bottom:12px;
}
label{color:var(--muted); font-size:.9rem}
input, textarea{
  padding:14px 14px;
  border-radius: 16px;
  border:1px solid rgba(42,42,42,.9);
  background: rgba(15,15,15,.65);
  color:var(--text);
  outline:none;
  transition: border-color var(--t), transform var(--t), box-shadow var(--t);
}
input:focus, textarea:focus{
  border-color: rgba(198,167,94,.55);
  box-shadow: 0 0 0 4px rgba(198,167,94,.12);
}
textarea{min-height: 140px; resize: vertical}
.notice{
  margin-top:10px;
  color: var(--muted);
  font-size:.92rem;
}
.success{
  border:1px solid rgba(198,167,94,.35);
  background: rgba(198,167,94,.10);
  padding:12px 14px;
  border-radius: 16px;
  display:none;
}
.success.show{display:block}

.contact-lines{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.contact-line{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--text);
  text-decoration:none;
}

.contact-line__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(198,167,94,.35);
  background:rgba(198,167,94,.08);
  color:var(--gold-2);
  font-size:.92rem;
  font-weight:600;
  flex:0 0 34px;
}

.contact-line[href]:hover{
  color:var(--gold-2);
}

.social-links{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:25px;
  border:1px solid rgba(198,167,94,.32);
  background:rgba(198,167,94,.06);
  color:var(--text);
  text-decoration:none;
  transition:
    transform var(--t),
    border-color var(--t),
    box-shadow var(--t),
    color var(--t),
    background var(--t);
}

.social-link svg{
  width:22px;
  height:22px;
  fill:currentColor;
}

.social-link:hover,
.social-link:focus{
  color:var(--gold-2);
  border-color:rgba(198,167,94,.52);
  background:rgba(198,167,94,.12);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  transform:translateY(-1px);
}

.seo-panel{
  margin-top:10px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(198,167,94,.18);
  background:
    linear-gradient(180deg, rgba(198,167,94,.08), rgba(198,167,94,.02)),
    rgba(255,255,255,.01);
}

.seo-panel p{
  margin:0;
  color:var(--muted);
}

.seo-panel__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.seo-stack{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:14px;
}

.offer-card{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(198,167,94,.16);
  background:rgba(255,255,255,.02);
}

.offer-card h3{
  margin:8px 0 10px;
  font-size:1.05rem;
  color:var(--text);
}

.offer-card p{
  margin:0;
  color:var(--muted);
}

.offer-card__list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:14px;
}

.offer-card__list span{
  display:block;
  padding-left:16px;
  position:relative;
}

.offer-card__list span::before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--gold-2);
}
