/* Content follows the rendered header height, including narrow phones. */
body {
    padding-top: var(--inttools-header-offset, 165px);
}

/* Desktop offsets follow the actual height of the contact strip. */
@media (min-width: 992px) {
    .header {
        margin-top: var(--inttools-top-height, 60px);
    }

}

/* The tablet search and action rows share one fixed header. */
@media (min-width: 768px) and (max-width: 991px) {
    body {
        padding-top: 148px;
    }

    .top {
        display: none !important;
    }

    .header {
        height: 148px;
        margin-top: 0;
        padding: 12px 20px;
    }

    .header > .row--100 {
        height: 64px;
        flex-wrap: nowrap;
        align-items: center;
    }

    .header .header-logo {
        height: 60px;
    }

    .header .header-separator {
        height: 64px;
        margin: 0 18px;
    }

    .header .header-category {
        margin-right: 0;
    }

    .navbar {
        top: 148px;
        z-index: 200;
    }

    .catalog {
        position: fixed;
        top: 148px;
        max-height: calc(100vh - 148px);
        max-height: calc(100dvh - 148px);
        z-index: 200;
    }
}