/* =========================================================
   Ecozen — Responsiv stillər (planşet və mobil)
   ========================================================= */

.nav__mobile-cta { display: none; }

@media (max-width: 1200px) {
  .footer__grid { grid-template-columns: 1fr 1fr; }
  .detail { grid-template-columns: 1fr 300px; }
  .team { grid-template-columns: repeat(2, 1fr); }
}

/* Menyu 7 bənd olduğu üçün mobil menyuya daha tez keçir */
@media (max-width: 1140px) {
  .menu-toggle { display: inline-flex; }
  .header__cta .btn { display: none; }
  .nav {
    position: fixed; inset: calc(var(--header-h) + 4px) 10px auto 10px; max-height: calc(100dvh - var(--header-h) - 20px);
    background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-l); box-shadow: var(--shadow-float);
    flex-direction: column; align-items: stretch; padding: .75rem 1.25rem 1.5rem;
    overflow-y: auto; opacity: 0; transform: translateY(-8px); visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s;
  }
  .nav.open { opacity: 1; transform: none; visibility: visible; }
  .nav__list { flex-direction: column; gap: 0; }
  .nav__link { width: 100%; justify-content: space-between; padding: .95rem .25rem; border-bottom: 1px solid var(--line); border-radius: 0; font-size: 1.05rem; }
  .nav__link:hover, .nav__link[aria-current="page"] { background: none; }
  .dropdown { position: static; min-width: 0; box-shadow: none; border: 0; padding: 0 0 0 .5rem; display: none; opacity: 1; visibility: visible; transform: none; }
  .nav__item--open .dropdown { display: block; }
  .nav__mobile-cta { display: grid; gap: .75rem; margin-top: 1.25rem; }
}

@media (max-width: 991px) {
  .hero .container { grid-template-columns: 1fr; }
  .building { max-width: 640px; margin: 0 auto; width: 100%; }
  .grid-2, .contact, .detail { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .svc-grid { grid-template-columns: 1fr 1fr; }
  .projects-feature { grid-template-columns: 1fr; }
  .projects-feature .project:first-child { grid-row: auto; }
  .work-types { grid-template-columns: 1fr 1fr; }
  .work-type:nth-child(2) { border-right: 0; }
  .work-type:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .steps { grid-template-columns: 1fr 1fr; }
  .step:nth-child(2)::after { display: none; }
  .proof { grid-template-columns: 1fr 1fr; }
  .projects { grid-template-columns: 1fr 1fr; }
  .plans { grid-template-columns: 1fr; max-width: 520px; }
  .service-row { grid-template-columns: 56px 1fr auto; }
  .service-row p { grid-column: 2 / 3; grid-row: 2; }
  .service-row__go { grid-row: 1 / 3; grid-column: 3; }
  .section-head--split { flex-direction: column; align-items: start; }
}

@media (max-width: 640px) {
  .topbar__hours { display: none; }
  .topbar .container { justify-content: center; }
  .header .container { padding-left: 1rem; }
  .building { padding-bottom: 0; }
  .bms { position: static; width: 100%; margin-top: 1rem; }
  .building__caption { position: static; max-width: none; margin-top: .75rem; }
  .svc-grid, .work-types, .work-types--2, .steps, .proof, .proof.proof--2, .projects, .projects--2, .values, .checklist, .form__grid, .footer__grid { grid-template-columns: 1fr; }
  .projects-feature .project:not(:first-child) { grid-template-columns: 1fr; }
  .projects-feature .project:not(:first-child) .project__img { aspect-ratio: 4 / 3; }
  .work-type, .work-types--2 .work-type { border-right: 0; border-bottom: 1px solid var(--line); }
  .step::after { display: none; }
  .team { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
  .service-row { grid-template-columns: 48px 1fr; gap: .5rem 1rem; }
  .service-row__icon { width: 48px; height: 48px; }
  .service-row__go { display: none; }
  .cta-band .container { flex-direction: column; align-items: start; }
  .btn-row .btn { flex: 1 1 auto; }
  .spec-table th { width: 45%; }
}

@media (max-width: 1140px) { .lang { display: none; } }

/* Uzun menyu adları (RU/EN) üçün orta ekranlarda sıxlaşdırma */
@media (min-width: 1141px) and (max-width: 1320px) {
  .nav__link { padding: .5rem .55rem; font-size: .9rem; }
  .header .container { gap: .75rem; }
}

@media (max-width: 991px) { .page-head--media .container { grid-template-columns: 1fr; } .page-head__media { max-width: 640px; } }

@media (max-width: 640px) {
  .brand { min-width: 150px; height: 88px; padding: 0 1.1rem; }
  .brand__name { font-size: 1.1rem; }
  .brands__stats { gap: 1.75rem; }
}