/* widget: mr-contact-channels */
.mr-channels { padding-top: 96px; background: var(--mr-bg); }
.mr-channels__grid { display: grid; grid-template-columns: 443fr 645fr; gap: 64px; align-items: start; }
.mr-channels__left { display: flex; flex-direction: column; gap: 24px; }
.mr-channels__head { gap: 8px; margin-bottom: 8px; }
.mr-channels__head .mr-h2 { margin-bottom: 0; }

/* TheFork highlight card */
.mr-thefork {
  position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 12px; align-items: flex-start;
  padding: 32px; border-radius: var(--mr-radius); border: 1px solid rgba(67, 100, 99, .2);
  background: rgba(197, 234, 231, .4); box-shadow: var(--mr-shadow);
  scroll-margin-top: calc(var(--mr-nav-h) + 24px);
}
.mr-thefork__deco { position: absolute; top: -15px; right: -15px; width: 117px; height: 93px; color: var(--mr-teal); opacity: .1; transform: rotate(-8deg); }
.mr-thefork__badge {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 9999px;
  background: var(--mr-teal); color: var(--mr-white);
  font-family: var(--mr-font-label); font-size: var(--mr-label); font-weight: 700; line-height: 15px; letter-spacing: .05em; text-transform: uppercase;
}
.mr-thefork__badge svg { width: 9px; height: 12px; }
.mr-thefork__title { font-weight: 700; }
.mr-thefork__btn { margin-top: 12px; padding: 14px 32px; letter-spacing: .05em; box-shadow: 0 8px 14px -6px rgba(67, 100, 99, .4); }
.mr-thefork__btn svg { width: 12px; height: 12px; }

/* phone / email cards */
.mr-channel {
  display: flex; align-items: center; gap: 16px; padding: 26px 24px;
  border-radius: var(--mr-radius); border: 1px solid var(--mr-line); background: var(--mr-sand-2);
  color: inherit; text-decoration: none; transition: border-color .25s, transform .25s var(--mr-ease);
}
.mr-channel:hover { border-color: var(--mr-primary); transform: translateX(3px); }
.mr-channel__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(162, 63, 0, .1); color: var(--mr-primary); flex: none; }
.mr-channel__icon svg { width: 20px; height: 20px; }
.mr-channel__text { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.mr-channel__value { font-family: var(--mr-font-display); font-weight: 700; font-size: var(--mr-h3); line-height: 1.3; color: var(--mr-ink); overflow-wrap: anywhere; }
.mr-channel__chevron { width: 8px; height: 12px; color: var(--mr-primary); flex: none; }

.mr-social {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding: 24px; border-radius: var(--mr-radius); border: 1px solid var(--mr-line); background: var(--mr-white);
}
.mr-social__links { display: flex; gap: 11px; }
.mr-social__links a {
  padding: 7px 16px; border-radius: 9999px; background: var(--mr-card); color: var(--mr-ink); text-decoration: none;
  font-family: var(--mr-font-label); font-size: var(--mr-label); font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  transition: background-color .2s, color .2s;
}
.mr-social__links a:hover { background: var(--mr-primary); color: var(--mr-white); }

/* form */
.mr-form {
  display: flex; flex-direction: column; gap: 8px; padding: 48px;
  border-radius: var(--mr-radius); border: 1px solid var(--mr-line); background: var(--mr-card); box-shadow: var(--mr-shadow);
  scroll-margin-top: calc(var(--mr-nav-h) + 24px);
}
.mr-form__intro { margin-bottom: 24px; }
.mr-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 23px; }
.mr-field { display: flex; flex-direction: column; gap: 8px; }
.mr-field--full { grid-column: 1 / -1; }
.mr-field .mr-label { letter-spacing: .05em; }
.mr-field input, .mr-field select, .mr-field textarea {
  width: 100%; padding: 13px 16px; border-radius: var(--mr-radius); border: 1px solid var(--mr-line);
  background: var(--mr-bg); color: var(--mr-ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  transition: border-color .2s, box-shadow .2s;
}
.mr-field textarea { min-height: 146px; resize: vertical; line-height: 1.5; }
.mr-field select { appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.8'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; background-size: 10px 6px; }
.mr-field ::placeholder { color: rgba(139, 114, 103, .6); }
.mr-field input:focus, .mr-field select:focus, .mr-field textarea:focus { outline: none; border-color: var(--mr-primary); box-shadow: 0 0 0 3px rgba(162, 63, 0, .12); }
.mr-form__consent { display: flex; align-items: flex-start; gap: 12px; margin-top: 22px; font-size: .75rem; font-weight: 700; line-height: 1.2; letter-spacing: .1em; }
.mr-form__consent input { width: 16px; height: 16px; margin: 0; accent-color: var(--mr-primary); flex: none; }
.mr-form__consent a { color: var(--mr-primary); }
.mr-form__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 30px; }
.mr-form__actions .mr-btn { letter-spacing: .05em; }
.mr-form__secure { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mr-font-label); font-size: var(--mr-label); font-weight: 700; letter-spacing: .1em; }
.mr-form__secure svg { width: 11px; height: 13px; color: var(--mr-teal); }

.mr-channels__wave { margin-top: 112px; }

@media (max-width: 1000px) {
  .mr-channels__grid { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 560px) {
  .mr-thefork, .mr-form { padding: 28px 20px; }
  .mr-form__grid { grid-template-columns: 1fr; }
  .mr-channel { padding: 20px 16px; }
  .mr-channels__wave { margin-top: 72px; }
}