.product__sticky-bottom-bar {
    z-index        : 6;
    position       : fixed;
    bottom         : 0;
    left           : 0;
    right          : 0;

    border-top     : 1px solid var(--color-primary);
    box-shadow     : 2px -6px 25px 0 #d9d9d994;
    background     : var(--color-grey-default);
    display        : grid;

    opacity        : 0;
    visibility     : hidden;
    pointer-events : none;
    transition     : all .3s;
}

.product__sticky-bottom-bar--is-visible {
    opacity        : 1;
    visibility     : visible;
    pointer-events : all;
}

.product__sticky-bottom-bar__name {
    font-weight    : 700;
    text-transform : uppercase;
    letter-spacing : 0.05em;
}

.product__sticky-bottom-bar__variants {
    display   : flex;
    flex-wrap : wrap;
}

.product__sticky-bottom-bar__variants .product__sticky-bottom-bar__variant:not(:first-child) {
    margin-left  : .5rem;
    padding-left : .5rem;
    border-left  : 1px solid currentColor;
}

.product__sticky-bottom-bar__variant-value {
    font-weight : 700;
}

.product__sticky-bottom-bar__prices,
.product__sticky-bottom-bar__prices-inner {
    display : flex;
}

.product__sticky-bottom-bar__prices {
    align-items : center;
}

.product__sticky-bottom-bar__prices-inner > *:not(:first-child) {
    margin-left : 1.5rem;
}

.product__sticky-bottom-bar__price-wrapper {
    display        : flex;
    flex-direction : column;
}

.product__sticky-bottom-bar__price-wrapper > * {
    display     : flex;
    align-items : baseline;
}

.product__sticky-bottom-bar__price-wrapper .product__sticky-bottom-bar__price-title {
    margin-bottom : .25rem;
}

.product__sticky-bottom-bar__price-title {
    font-size : var(--font-size-400);
}

.product__sticky-bottom-bar__price {
    color          : var(--color-primary);
    font-weight    : 700;
    letter-spacing : 0.025em
}

.product__sticky-bottom-bar__current-price {
    font-size : var(--font-size-600);
}

.product__sticky-bottom-bar__qty {
    display : flex;
}

.product__sticky-bottom-bar__btn-change-qty {
    position        : relative;
    display         : flex;
    justify-content : center;
    align-items     : center;
    white-space     : nowrap;
    border          : 1px solid var(--color-grey-font-default);
    color           : var(--color-grey-font-default);
}

.product__sticky-bottom-bar__qty input {
    color            : var(--color-black-default);
    border           : 1px solid transparent;
    text-align       : center;
    background-color : transparent;
    padding          : 0 0.5rem;
    transition       : all .3s;
}


@media (max-width : 1199px) {
    .product__sticky-bottom-bar-overlay {
        z-index        : 6;
        position       : fixed;
        top            : 0;
        left           : 0;
        right          : 0;
        bottom         : 0;
        background     : #00000061;
        opacity        : 0;
        visibility     : hidden;
        pointer-events : none;
        transition     : all .3s;
    }

    .product__sticky-bottom-bar-overlay--is-visible {
        opacity        : 1;
        visibility     : visible;
        pointer-events : all;
    }

    .product__sticky-bottom-bar {
        padding               : .5rem .25rem .25rem;
        grid-template-columns : 1fr 2fr;
        grid-gap              : .5rem 1rem;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__name,
    .product__sticky-bottom-bar .product__sticky-bottom-bar__variants,
    .product__sticky-bottom-bar .product__sticky-bottom-bar__prices {
        grid-column : 1/-1;
        width       : 100%;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__name {
        text-align : center;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__qty,
    .product__sticky-bottom-bar .product__sticky-bottom-bar__btn-add {
        grid-row : 4;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__qty input {
        height    : 100%;
        max-width : 3rem;
    }


    .product__sticky-bottom-bar__btn-add .material-icons {
        display : none;
    }

}

@media (min-width : 1200px) {
    .product__sticky-bottom-bar-overlay {
        display : none;
    }

    .product__sticky-bottom-bar {
        position              : -webkit-sticky;
        position              : sticky;
        grid-template-columns : 1fr auto auto;
        grid-gap              : .25rem 1.5rem;
        padding               : .75rem 1rem;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__name,
    .product__sticky-bottom-bar .product__sticky-bottom-bar__variant {
        grid-column : 1;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__variant {
        grid-row : 2;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__prices,
    .product__sticky-bottom-bar .product__sticky-bottom-bar__qty,
    .product__sticky-bottom-bar .product__sticky-bottom-bar__btn-add {
        grid-row : 1/3;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__prices {
        grid-column : 2;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__qty {
        grid-column : 3;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__qty input {
        height    : 100%;
        max-width : 8rem;
    }

    .product__sticky-bottom-bar .product__sticky-bottom-bar__btn-add {
        grid-column : 4;
    }
}

/********************
	Part - header-actions-footer__buy-btn
********************/
.header-actions-footer {
    z-index  : 4;
    position : -webkit-sticky;
    position : sticky;
    bottom   : 0;
}

.header-actions-footer .header-actions-footer__buy-btn {
    width    : 100%;
    position : absolute;
    bottom   : 100%;
    left     : 0;
    right    : 0;
}

.header-actions-footer__buy-btn {
    opacity        : 0;
    visibility     : hidden;
    pointer-events : none;
    transition     : all .3s;
}

.header-actions-footer__buy-btn--is-visible {
    opacity        : 1;
    visibility     : visible;
    pointer-events : all;
}