/* Start:/local/resources/blanks/wine_bank/style.css?17701562654502*/

.content_wine_bank {
    .block--actions {
        margin-top: var(--g-content-m);
    }
}
@media (min-width: 1024px) {
    .content_wine_bank.block_list.block_list-filter .block--wrapper {
        display: flex;
        flex-direction: column;
    }
}
#winebank {
    display: flex;
    flex-direction: column;
    margin-top: var(--g-content-m);
    place-items: start;
    @media(min-width: 1024px) {
        display: grid;
        grid-template-columns:  280px 1fr;
    }
    .block--filter{
        grid-row: 1;
        grid-column: 2;
        margin-top: 0;
        padding: 0 0 12px;
        width: 100%;
        @media(min-width: 1024px) {
            padding: 0 0 24px;
        }
    }
    .filter {
        width: 100%;
    }
    .filter--title {
        @media(max-width: 1024px) {
            display: none
        }
    }
    .block--selection {
        padding: 0;
        margin: 0;
        @media(min-width: 1024px){
            grid-column: 1;
            grid-row: 1 / span 2;
        }
    }
    .block--elements {
        grid-row: 2;
        grid-column: 2;
        display: grid;
        grid-template-columns: repeat(var(--col, 3), 1fr);
        gap: var(--gap);
        .block--pagination {
            grid-column: span var(--col, 4)
        }
        @media(min-width: 640px) {
            --col: 1
        }
        @media(min-width: 1023px){
            --col: 2
        }
        @media(min-width: 1441px){
            --col: 3
        }
    }
    .block--sections {
        gap: 2px;
        flex-direction: column;
        --sections-border-color: transparent;
        width: 100%;
        @media(min-width: 1024px) {
            padding-right: 24px;
        }
        label{
            text-align: start;
            width: 100%;
            position: relative;
            cursor: pointer;
            input {
                opacity: 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 1px;
                height: 1px;
            }
        }
    }

}
@media(min-width: 1024px) {
    .block--section_mobile_button, .block--section_mobile_head {
        display: none;
    }
}
@media(max-width: 1024px) {
    #winebank .block--section_mobile_button {
        padding: 8px 12px;
        border: 1px solid #121212;
        color: #121212;
        width: 100%;
        margin-bottom: 16px;
        position: relative;
        &:after {
            content: "\e912";
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--output-color);
            font-family: "icomoon" !important;
            font-size: 24px;
            position: absolute;
            right: 10px;
            top: 6px
        }
    }
    #winebank .block--sections {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        background: #fff;

        margin: 0;
        transform: translate(1px);
        isolation: isolate;
        opacity: 0;
        pointer-events: none;
        &.is_active {
            opacity: 1;
            pointer-events: auto;
        }
    }
    #winebank .block--selection_title {
        display: none;
    }
    .block--selection {
        width: 100%;
        display: flex;
        align-items: flex-start;
        height: 52px;
        background-color: #E6E6E6;
        z-index: 10;
    }
    .block--section_mobile_head {
        padding: 32px 0;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 24px;
        position: relative;
        width: 100%;
    }
    .block--section_mobile_close {
        position: absolute;
        top: 32px;
        right: 0;
        width: 24px;
        height: 24px;
        font-family: "icomoon" !important;
        font-size: 24px;
        display: grid;
        place-items: center;
        line-height: 24px;
        &:before {
            content: "\e918";
        }
    }
    .content_wine_bank.block_list-filter .block--filter {
        top: calc(var(--headerHeight) + 54px)
    }
    #winebank .block--selection:has(.block--sections.is_active) {
        z-index: 50;
    }
    #winebank .block--filter {

    }
}

/* End */
/* /local/resources/blanks/wine_bank/style.css?17701562654502 */