/* AEZ-SHOP.RU — страница контактов.
   Переменные объявлены на #information-contact — общем родителе.
   У темы для этого блока конфликтующие правила разной силы (включая
   ID-селектор #information-contact .sc-block__link) — используем
   !important точечно там, где это подтверждено реальным рендером
   (Playwright), а не догадкой. */

#information-contact{
  --yellow:#fed501; --yellow-deep:#e0bd00;
  --dark:#252525; --light:#f6f6f6; --white:#ffffff; --line:#e2e2e2;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}

/* ---------- анимация появления ---------- */
.azct-anim .azct-section,
.azct-anim .azct-card,
.azct-anim .contact-buttons-item,
.azct-anim .hunting{
  opacity:0; transform:translateY(14px);
  transition:opacity .5s ease-out, transform .5s ease-out;
}
.azct-anim .azct-section.azct-in,
.azct-anim .azct-card.azct-in,
.azct-anim .contact-buttons-item.azct-in,
.azct-anim .hunting.azct-in{
  opacity:1; transform:translateY(0);
}

/* ---------- новый блок реквизитов (низ страницы) ---------- */
.azct-wrap{display:block; margin-top:20px;}
.azct-wrap, .azct-wrap *{box-sizing:border-box;}

.azct-section{
  display:block; background:var(--white); border:1px solid var(--line);
  border-radius:6px; padding:24px 26px; margin-bottom:16px;
}
.azct-section h2{font-size:18px; margin:0 0 14px; color:#000; display:flex; align-items:center; gap:10px;}
.azct-section h2::before{content:""; width:6px; height:20px; background:var(--yellow); border-radius:2px; display:inline-block; flex:none;}

.azct-req{display:block; background:var(--dark); color:var(--light); border-radius:6px; padding:20px 22px;}
.azct-req h3{
  display:block; color:var(--yellow); font-family:var(--mono); font-size:11.5px;
  letter-spacing:.12em; text-transform:uppercase; margin:0 0 14px;
}
.azct-req-h-second{
  color:var(--yellow); font-family:var(--mono); font-size:11.5px; letter-spacing:.1em;
  text-transform:uppercase; margin:22px 0 14px; padding-top:18px;
  border-top:1px solid rgba(255,255,255,.12);
}
.azct-req-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px 20px; font-size:13.5px;}
.azct-req-grid dt{color:#9a9a9a; font-size:11px; text-transform:uppercase; letter-spacing:.05em;}
.azct-req-grid dd{margin:2px 0 0; font-family:var(--mono); color:var(--white); word-break:break-word;}

.azct-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px;}
.azct-card{
  display:block; border:1px solid var(--line); border-left:4px solid var(--yellow-deep);
  border-radius:0 4px 4px 0; padding:15px 17px; background:var(--light);
  transition:border-left-color .25s ease-out, box-shadow .25s ease-out;
}
.azct-card:hover{border-left-color:var(--yellow); box-shadow:0 4px 14px rgba(0,0,0,.08);}
.azct-card h3{margin:0 0 8px; font-size:14.5px; font-weight:700; color:#000;}
.azct-card p{margin:0; font-size:13.5px;}

/* ============ старый блок темы: полное переоформление, !important
   там, где подтверждено реальным рендером, что иначе тема перебивает ============ */

.azct-top{
  padding:26px 28px !important;
  background:var(--white) !important;
}
.azct-top h2{color:#000 !important; display:flex !important; align-items:center; gap:10px;}
.azct-top h2::before{content:""; width:6px; height:20px; background:var(--yellow); border-radius:2px; display:inline-block; flex:none;}

/* кнопки "Позвонить" / "Написать E-mail" */
.azct-top .contact-buttons{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:14px !important;
  width:auto !important;
  margin:0 0 28px !important;
  padding:0 !important;
}
.azct-top .contact-buttons-item{
  width:auto !important;
  margin:0 !important;
  border-top:none !important;
  background:var(--light) !important;
  border:1px solid var(--line) !important;
  border-left:4px solid var(--yellow-deep) !important;
  border-radius:0 4px 4px 0 !important;
  transition:border-left-color .2s ease-out, box-shadow .2s ease-out;
}
.azct-top .contact-buttons-item:hover{
  border-left-color:var(--yellow) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.azct-top .contact-buttons-item > a{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:20px 22px !important;
  background:transparent !important;
  border-top:none !important;
  text-decoration:none !important;
}
.azct-top .contact-buttons-item > meta{display:none !important;}
.azct-top .contact-buttons-item > a::after{
  display:block !important;
  right:22px !important;
  filter:none !important;
  opacity:.85;
}
.azct-top .contact-buttons-item .text-prim{
  color:#000 !important; font-weight:700 !important; font-size:15px !important; margin-bottom:4px !important;
}
.azct-top .contact-buttons-item .text-sec{
  color:#555 !important; font-size:13.5px !important;
}

/* иконка соцсети — !important обязателен из-за ID-правила темы
   (#information-contact .sc-block__link), которое перебивает классы */
.azct-top .social{margin-bottom:24px !important;}
.azct-top .social a.sc-block__link{
  background:var(--dark) !important;
  border-color:var(--dark) !important;
  color:var(--light) !important;
}
.azct-top .social a.sc-block__link:hover{
  background:var(--yellow-deep) !important;
  border-color:var(--yellow-deep) !important;
  color:#000 !important;
}
.azct-top .sc-block__icon{
  background-image:none !important;
  fill:currentColor !important;
}

.azct-top .hunting{margin-bottom:22px !important;}

/* карта — на всю ширину блока */
.azct-top .hunting:last-of-type,
.azct-top #map,
.azct-top .hunting iframe{
  width:100% !important;
  border-radius:6px;
  overflow:hidden;
}
