html, body.xavi-search-v1-body {
    margin: 0;
    min-height: 100%;
    background: #050505;
}

body.xavi-search-v1-body {
    color: #fff;
}

.xavi-search-v1-page {
    min-height: 100vh;
    background: #050505;
}

.xavi-search-v1-header {
    position: relative;
    z-index: 1000;
    min-height: 56px;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 56px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 8px;
    border-bottom: 1px solid rgba(255,255,255,.18);
    background: #050505;
}

.xavi-search-v1-home {
    grid-column: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
}

.xavi-search-v1-main-nav {
    grid-column: 2;
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.xavi-search-v1-navigation {
    min-width: 0;
    width: 100%;
}

.xavi-search-v1-nav-toggle {
    grid-column: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.xavi-search-v1-home .xavi-home-button {
    margin: 0;
}

.xavi-search-v1-nav-toggle .xavi-header-nav__toggle {
    display: flex;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 1405;
    margin: 0;
}

.xavi-search-v1-main {
    width: 100%;
    min-height: calc(100vh - 56px);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.xavi-search-v1-main > .ccm-area-block-list,
.xavi-search-v1-main .ccm-block-edit-layout,
.xavi-search-v1-main .ccm-custom-style-container {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.xavi-search-v1-main .xavi-search-search-app {
    width: 100%;
    max-width: none;
}

.xavi-search-v1-page .container,
.xavi-search-v1-page .container-fluid {
    max-width: none;
}

body.ccm-edit-mode .xavi-search-v1-header,
.ccm-toolbar-visible .xavi-search-v1-header {
    position: relative;
}

body.ccm-edit-mode .xavi-search-v1-header [data-xavi-search-v1-area] {
    min-height: 48px;
    outline: 1px dashed rgba(255,255,255,.28);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .xavi-search-v1-header {
        padding-inline: 10px;
    }

    .xavi-search-v1-navigation {
        min-width: 0;
    }
}
