.gromko-preview .site-main-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.gromko-preview .site-main-nav a { color: #ccc; font: 400 12px/1.5 Manrope,Arial,sans-serif; text-decoration: none; white-space: nowrap; border: 0; padding: 0; }
.gromko-preview .site-main-nav a:hover { color: #fff; }
.gromko-preview .site-main-nav a:focus-visible { outline: 2px solid #fff; outline-offset: 6px; }
.gromko-preview .service-nav > .brand { border: 0; padding: 0; }
.gromko-preview .service-nav.rental-nav { display: grid; grid-template-columns: auto 1fr auto; column-gap: 32px; row-gap: 20px; align-items: center; }
.gromko-preview .rental-nav > .brand { grid-column: 1; grid-row: 1; margin-right: 0; }
.gromko-preview .rental-nav > .rental-brand-note { display: none; }
.gromko-preview .rental-nav > .site-main-nav { grid-column: 2; grid-row: 1; justify-self: end; }
.gromko-preview .rental-nav > .rental-phone { grid-column: 3; grid-row: 1; }
.gromko-preview .rental-nav > nav[aria-label="Навигация по аренде"] { grid-column: 2/4; grid-row: 2; justify-self: end; margin: 0; gap: 24px; }
.gromko-preview .rental-nav > nav[aria-label="Навигация по аренде"] a { font-size: 12px; color: #999; }
@media(max-width:760px) {
 .gromko-preview .service-nav:not(.rental-nav),.gromko-preview .case-nav { flex-wrap: wrap; gap: 24px; }
 .gromko-preview .service-nav:not(.rental-nav) .site-main-nav,.gromko-preview .case-nav .site-main-nav { width: 100%; justify-content: space-between; margin: 0; gap: 12px; }
 .gromko-preview .site-main-nav a { font-size: 10px; }
 .gromko-preview .service-nav.rental-nav { grid-template-columns: 1fr auto; gap: 22px 12px; }
 .gromko-preview .rental-nav > .rental-phone { grid-column: 2; font-size: 12px; }
 .gromko-preview .rental-nav > .site-main-nav { grid-column: 1/-1; grid-row: 2; justify-self: stretch; justify-content: space-between; margin: 0; gap: 12px; }
 .gromko-preview .rental-nav > nav[aria-label="Навигация по аренде"] { grid-column: 1/-1; grid-row: 3; justify-self: start; }
 .gromko-preview :is(.hero header,.section-header) nav a[href$="#contacts"],.gromko-preview .section-header nav a[href$="#rental-contact"] { display: inline-flex; }
}
