.contact-hero__content .btn--light:nth-child(2) {
  color: #1e1e1e;
}

.contact-shell {
  position: relative;
  margin-top: -1px;
  padding: 42px 0 54px;
  border-radius: 72px 72px 0 0;
  background:
    radial-gradient(circle at 15% 12%, rgba(255, 111, 0, .08), transparent 26%),
    linear-gradient(180deg, #fff5e8 0%, #fff0dc 100%);
}


.contact-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.contact-card {
  min-height: 230px;
  padding: 24px 24px 22px;
  border-radius: 26px;
  background: rgba(255, 249, 239, .88);
  border: 1px solid rgba(222, 198, 165, .72);
  box-shadow: 0 14px 36px rgba(136, 96, 53, .12);
}

.contact-card__top {
  display: grid;
  grid-template-columns: 58px 1fr auto;
  gap: 14px;
  align-items: center;
}

.contact-card__top h2 {
  margin: 0;
  color: #56311d;
  font-family: var(--font-title);
  font-size: 28px;
  line-height: 1;
}

.contact-card__top i {
  color: #ff5f05;
  font-size: 27px;
  font-style: normal;
}

.contact-card__icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 900;
  box-shadow: 0 12px 28px rgba(55, 31, 17, .12);
}

.contact-card__icon--vk { background: #2676dc; }
.contact-card__icon--tt { background: #101010; font-size: 32px; }
.contact-card__icon--mail { background: linear-gradient(135deg, #ff8c18, #ff5f05); font-size: 28px; }

.contact-card p {
  margin: 18px 0 18px;
  color: #6d513c;
  font-size: 15px;
  line-height: 1.48;
}

.contact-card__link {
  display: inline-flex;
  margin-bottom: 18px;
  color: #2375d8;
  font-weight: 900;
  font-size: 15px;
}

.contact-card__link--orange {
  color: #ff5f05;
}

.contact-card__button {
  min-height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 900;
  box-shadow: 0 9px 20px rgba(72, 42, 16, .11);
}

.contact-card__button--vk { background: #2477dc; }
.contact-card__button--tt { background: #111; }
.contact-card__button--orange { background: #ff5f05; }

.section-mini-title {
  margin: 28px auto 20px;
  text-align: center;
}

.section-mini-title h2 {
  margin: 0;
  color: #55311d;
  font-family: var(--font-title);
  font-size: 38px;
  line-height: 1;
}

.section-mini-title h2::before,
.section-mini-title h2::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 4px;
  margin: 0 14px 8px;
  border-radius: 999px;
  background: #ff5f05;
  transform: rotate(20deg);
}

.section-mini-title h2::after {
  transform: rotate(-20deg);
}

.section-mini-title p {
  margin: 13px auto 0;
  color: #7b614a;
  font-size: 15px;
}

.social-place__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
  margin-top: 18px;
}

.social-box {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 22px;
  align-items: center;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(206, 177, 139, .72);
  box-shadow: 0 12px 30px rgba(136, 96, 53, .11);
}

.social-box--vk {
  background: linear-gradient(135deg, #d7ebff, #f8fbff 78%);
}

.social-box--tt {
  background: linear-gradient(135deg, #fff5e7, #fff9f1 78%);
}

.social-box__logo {
  width: 128px;
  height: 128px;
  border-radius: 32px;
  display: grid;
  place-items: center;
  background: #2577e8;
  color: #fff;
  font-size: 38px;
  font-weight: 900;
  box-shadow: 0 18px 36px rgba(34, 92, 161, .22);
}

.social-box--tt .social-box__logo {
  background: #111;
  font-size: 64px;
}

.social-box h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #52311f;
  font-family: var(--font-title);
  font-size: 24px;
}

.social-box h3 small {
  color: #2477dc;
}

.social-box p {
  margin: 0 0 18px;
  color: #5f4433;
  font-size: 15px;
  line-height: 1.45;
}

.social-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  background: #2676dc;
}

.social-box--tt a {
  background: #111;
}

.faq {
  margin-top: 28px;
}

.faq__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 28px;
}

.faq-item {
  display: grid;
  grid-template-columns: 58px 1fr 24px;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255, 249, 239, .86);
  border: 1px solid rgba(221, 197, 164, .62);
  box-shadow: 0 10px 24px rgba(136, 96, 53, .08);
}

.faq-item span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ff5f05;
  color: #fff;
  font-size: 28px;
  font-weight: 900;
}

.faq-item h3 {
  margin: 0 0 6px;
  color: #54311d;
  font-size: 17px;
}

.faq-item p {
  margin: 0;
  color: #8a705b;
  font-size: 13px;
  line-height: 1.35;
}

.faq-item b {
  color: #54311d;
  font-size: 24px;
}








@media (max-width: 1024px) {
  .contact-cards { grid-template-columns: 1fr; }
  .social-place__grid { grid-template-columns: 1fr; }
  
  
  
}

@media (max-width: 760px) {
  .contact-shell { border-radius: 44px 44px 0 0; padding-top: 28px; }
  .contact-shell__inner {}
  .contact-card__top { grid-template-columns: 48px 1fr auto; }
  .contact-card__icon { width: 48px; height: 48px; }
  .social-box { grid-template-columns: 1fr; }
  .social-box__logo { width: 96px; height: 96px; }
  .faq__grid { grid-template-columns: 1fr; }
  .faq-item { grid-template-columns: 48px 1fr 18px; }
  
}
.contact-hero__crown .ui-icon{width:78px;height:78px;}
.contact-card__icon .ui-icon{width:26px;height:26px;}
.contact-card__icon--tt .ui-icon{width:30px;height:30px;}
.contact-card__top i{display:inline-flex;align-items:center;justify-content:center;}
.contact-card__link,.contact-card__button,.social-box a,.faq-item b{display:inline-flex;align-items:center;gap:8px;}
.social-box__logo .ui-icon{width:64px;height:64px;}
.social-box h3 small{display:inline-flex;align-items:center;justify-content:center;color:#2477dc;}
.faq-item b .ui-icon{width:18px;height:18px;color:#5c3a24;}

/* contact CTA removed */
.contact-cta,
[class*="contact-cta"] {
  display: none;
}

/* cta section orange removed */
.cta.section-orange,
.section-orange.cta {
  display: none;
}

/* Contact page legacy compatibility */
.contact-cards > .contact-card + .contact-card {
  margin-top: 0;
}

.contact-shell .faq {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Исправление структуры страницы контактов */
.page--contact .contact-cards > .contact-card + .contact-card {
  margin-top: 0;
}

.page--contact .contact-shell .faq {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}