
@media (max-width: 74rem) {
  .slab__inner { flex-wrap: wrap; }
  .slab__toggle { display: flex; align-items: center; }

  .slab__nav {
    order: 3;
    flex-basis: 100%;
    margin-left: 0;
    margin-top: var(--space-sm);
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    border-top: var(--border-slab) solid var(--color-line);
  }
  .slab__nav.is-open { display: flex; }
  .slab__link {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--hairline-on-dark);
  }
  .slab__call {
    margin-top: var(--space-sm);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 56rem) {
  .calc__body { grid-template-columns: minmax(0, 1fr); }

  .inquiry { grid-template-columns: minmax(0, 1fr); }
  .inquiry__info { order: -1; }
}
@media (max-width: 48rem) {
  .services__grid,
  .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .slab__logo { width: 48px; height: 48px; }
  .slab__mark { font-size: var(--text-base); letter-spacing: .02em; }
  .slab__toggle-label { display: none; }
  .hero__cta .btn { padding-inline: var(--space-md); }
  .form-row { grid-template-columns: minmax(0, 1fr); }

  .foot__band { flex-direction: column; gap: var(--space-2xs); align-items: flex-start; }
  .foot__band .foot__links { margin-left: 0; margin-top: var(--space-xs); }
}
@media (max-width: 30rem) {
  .svc { padding: var(--space-md); }
  .services__grid,
  .gallery { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 414px) {
  .calc-result__grid { grid-template-columns: minmax(0, 1fr); }
  .foot__links { flex-wrap: wrap; gap: var(--space-md); }
}
@media (max-width: 360px) {
  .slab__mark { font-size: var(--text-base); }
}
