/* Information / Directives page */

.directivs-section {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px var(--px) 80px;
}

.directivs-section > h1:first-child {
  margin-bottom: 40px;
  position: relative;
}
.directivs-section > h1:first-child::after {
  content: '';
  display: block;
  width: 80px;
  height: 3px;
  background: var(--clr-primary);
  border-radius: 2px;
  margin-top: 12px;
}

/* Убираем боковые отступы — контент во всю ширину */
.directivs-section .contacts-directives {
  width: 100%;
}

.contacts-directives h2 {
  font-size: 24px;
  font-weight: 600;
  color: var(--clr-dark);
  margin-bottom: 24px;
  position: relative;
}
.contacts-directives h2::after {
  content: '';
  display: block;
  width: 60px; height: 3px;
  background: var(--clr-primary);
  border-radius: 2px;
  margin-top: 8px;
}
.contacts-directives ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts-directives li {
  width: 100%;
}
.contacts-directives li a {
  display: block;
  width: 100%;
  font-size: 16px;
  color: var(--clr-dark);
  text-decoration: none;
  padding: 12px 16px;
  border-left: 3px solid transparent;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
  background: var(--clr-primary-10);
  border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
}
.contacts-directives li a:hover {
  color: var(--clr-primary);
  border-left-color: var(--clr-primary);
  background: var(--clr-primary-15);
}

@media (max-width: 767px) {
  .directivs-section { padding: 32px var(--px) 56px; }
}