.contact-content { align-items: center; gap: 48px; }
.contact-content > div:first-child { min-width: 0; }
.contact-content > div:first-child > p { font-size: 17px; color: #542116; }
.contact-channels { width: 390px; flex-shrink: 0; display: grid; gap: 12px; }
.contact-channel { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 25px; background: #171515; color: #fafafa; border: 1px solid #ffffff16; border-radius: 10px; }
.contact-channel .channel-icon { width: 34px; height: 34px; color: #ff775a; }
.contact-channel h3 { font-size: 21px; font-weight: 600; letter-spacing: -.4px; }
.channel-id { display: block; font-size: 16px; line-height: 1.6; color: #c7c7d0; margin-top: 6px; overflow-wrap: anywhere; }
.channel-arrow { width: 20px; height: 20px; color: #ff775a; }
.telegram-channel { transition: background .25s, border-color .25s; }
.telegram-channel:hover { background: #29201e; border-color: #ffb8a2; }
.contact-bottom { font-size: 14px; color: #542116; }

@media (max-width: 1000px) {
  .contact-content { align-items: flex-start; flex-direction: column; gap: 32px; }
  .contact-channels { width: 100%; max-width: 540px; }
}

@media (max-width: 650px) {
  .contact-content > div:first-child > p { font-size: 16px; }
  .contact-channel { padding: 22px 20px; gap: 14px; }
  .contact-channel h3 { font-size: 22px; }
}

@media (max-width: 370px) {
  .contact-channel { padding: 20px 16px; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; }
  .contact-channel .channel-icon { width: 28px; height: 28px; }
  .channel-arrow { display: none; }
}