/* Nav */
.primary-nav { display: none; }
.nav-list { display: flex; gap: var(--space-6); align-items: center; }
.nav-list a { color: var(--gray-200); font-weight: 600; }
.nav-list a:hover { color: var(--color-accent); }

.nav-toggle {
  width: 42px; height: 42px; border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: var(--shadow-sm);
}
.nav-toggle:focus-visible { box-shadow: var(--shadow-glow-primary); }
.nav-toggle-bar { width: 20px; height: 2px; background: var(--color-text); display: block; margin: 2px 0; border-radius: 1px; }

/* Фикс: чтобы меню было поверх всего */
.primary-nav.open {
  z-index: 999;
}

/* Фикс: чтобы меню мягко выезжало */
.primary-nav {
  transition: transform var(--duration-normal) var(--easing-standard),
              opacity var(--duration-normal) var(--easing-standard);
  transform: translateY(-20px);
  opacity: 0;
}

.primary-nav.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

@media (min-width: 960px) {
  .nav-toggle { display: none; }
  .primary-nav { display: block; opacity: 1;}
}

/* Mobile menu state */
.primary-nav.open {
  height: 200px;
  position: fixed;
  inset: 64px 0 0 0; /* below header */
  background: rgba(10,11,15,0.98);
  display: block;
  padding: var(--space-8) var(--space-6);
}
.primary-nav.open .nav-list { flex-direction: column; align-items: flex-start; gap: var(--space-4); }


/* Contact Us page specific styles */
.page-hero { display: grid; gap: var(--space-4); padding-block: var(--space-8); }
.page-hero .hero-content { max-width: 880px; }
.page-hero p { color: var(--color-text-muted); }
.hero-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Contact grid */
.contact-grid-wrapper { grid-template-columns: 1fr; gap: var(--space-6); }
@media (min-width: 960px) { .contact-grid-wrapper { grid-template-columns: repeat(3, 1fr); } }

.info-card .contact-list { list-style: none; padding: 0; display: grid; gap: var(--space-3); }
.info-card address { font-style: normal; color: var(--gray-200); }
.muted { color: var(--color-text-muted); }

.support-card .support-stats { list-style: none; padding: 0; display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }
.support-card .support-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Social */
.social-list { list-style: none; padding: 0; display: grid; gap: var(--space-3); }
.social-list a { display: inline-flex; align-items: center; gap: var(--space-3); color: var(--gray-100); }
.social-list .icon { margin-right: 11px; color: var(--color-silver); display: inline-flex; }
.social-card .card-body { display: grid; gap: var(--space-3); }
.glow-hover {
  margin: 21px 0;
}
/* Form */
.form-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-4); }
.form-field--full { grid-column: 1 / -1; }
.checkbox-row { display: grid; grid-template-columns: 20px 1fr; align-items: start; gap: var(--space-3); }
.form-actions { display: flex; gap: var(--space-3); margin-top: var(--space-2); }
.form-alert { margin-top: var(--space-4); }
.form-alert.success { border: 1px solid rgba(34,197,94,0.35); background: rgba(34,197,94,0.08); color: #A7F3D0; padding: 12px 14px; border-radius: var(--radius-md); }
.form-alert.error { border: 1px solid rgba(239,68,68,0.35); background: rgba(239,68,68,0.08); color: #fecaca; padding: 12px 14px; border-radius: var(--radius-md); }

@media (min-width: 720px) {
  .form-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Locator */
.locator { display: grid; gap: var(--space-6); }
.locator-controls { display: grid; gap: var(--space-2); max-width: 560px; }
.locator-grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
.store-list { list-style: none; padding: 0; display: grid; gap: var(--space-4); }
.store-list li { border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-4); background: var(--color-elevated); }
.map-wrap { min-height: 280px; }
@media (min-width: 960px) { .locator-grid { grid-template-columns: 1fr 1.2fr; } .map-wrap { min-height: 360px; } }

/* FAQ */
.faq details { border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); background: var(--color-elevated); }
.faq details + details { margin-top: var(--space-3); }
.faq summary { cursor: pointer; font-weight: 600; }
.faq summary::-webkit-details-marker { display: none; }

/* Testimonials */
.testimonials { display: flex; gap: var(--space-4); }
.testimonials blockquote { padding-left: 21px; margin-bottom: 21px; border-left: 3px solid var(--color-primary); color: var(--gray-100); }
.testimonials footer { color: var(--color-text-muted); margin-top: var(--space-2); }

/* Privacy list */
.privacy-list { list-style: disc; padding-left: 1.25rem; color: var(--gray-100); display: grid; gap: var(--space-2); }