﻿.shopping-bag-wrapper .shopping-bag-container .empty-basket {
    text-align: center;
    padding: 8rem 0;
    font-size: 1.3rem
}

.shopping-bag-widget-wrapper.side-float > .float-content > .empty-basket {
    text-align: center
}

    .shopping-bag-widget-wrapper.side-float > .float-content > .empty-basket .basket-text {
        padding: 2rem 0 3rem 0
    }

    .shopping-bag-widget-wrapper.side-float > .float-content > .empty-basket .md-button {
        margin: 0
    }

.shopping-bag-widget-wrapper.side-float > .float-header {
    font-size: 1.5rem;
    text-align: center;
    padding: 0 1.6rem .9rem 1.6rem
}

    .shopping-bag-widget-wrapper.side-float > .float-header .bag-icon::before {
        font-size: 1.7rem
    }

    .shopping-bag-widget-wrapper.side-float > .float-header .row-price {
        line-height: inherit;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%
    }

        .shopping-bag-widget-wrapper.side-float > .float-header .row-price > div:first-of-type > span {
            text-align: left;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .shopping-bag-widget-wrapper.side-float > .float-header .row-price > div:last-of-type > span {
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .shopping-bag-widget-wrapper.side-float > .float-header .row-price > div.price, .shopping-bag-widget-wrapper.side-float > .float-header .row-price > div.title {
            -ms-flex: 1;
            flex: 1
        }

            .shopping-bag-widget-wrapper.side-float > .float-header .row-price > div.price > span, .shopping-bag-widget-wrapper.side-float > .float-header .row-price > div.title > span {
                height: 100%;
                -ms-flex-align: center;
                align-items: center;
                display: -ms-flexbox;
                display: flex
            }

        .shopping-bag-widget-wrapper.side-float > .float-header .row-price .price {
            font-size: 2.4rem
        }

    .shopping-bag-widget-wrapper.side-float > .float-header > .price {
        display: block;
        font-size: 2.4rem;
        line-height: 4rem
    }

        .shopping-bag-widget-wrapper.side-float > .float-header > .price .old {
            position: relative;
            color: #b2b2b2;
            padding-right: 1rem
        }

            .shopping-bag-widget-wrapper.side-float > .float-header > .price .old:after {
                display: block;
                content: "";
                height: .25rem;
                background: #b2b2b2;
                position: absolute;
                bottom: 50%;
                left: 0;
                right: 1rem
            }


.shopping-bag-widget-wrapper.side-float {
    margin-top: .75rem;
    box-shadow: 0 0 2.5rem 0 rgba(0,0,0,.12);
    padding: 1.1rem 0;
    margin: 0 auto;
    margin-bottom: 2rem
}

    .shopping-bag-widget-wrapper.side-float > .line {
        height: .08rem;
        background-color: #000;
        opacity: .1
    }

    .shopping-bag-widget-wrapper.side-float > .float-content {
        padding: 1.4rem 1.6rem 0;
        font-size: 1.3rem;
        line-height: 1.6rem;
        font-family: brown-light,sans-serif
    }

        .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap {
            margin: 0
        }

            .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .product-line {
                padding: .8rem 0
            }

                .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .product-line:first-of-type {
                    padding-top: 0
                }

                .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .product-line .gift-card-link {
                    display: inline-block
                }

                .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .product-line .pw-property-link {
                    cursor: pointer
                }

            .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row {
                padding: .3rem 0
            }

                .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .padding-top-16.accordion-content-2col-row, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row.padding-top-16 {
                    padding-top: 1.4rem
                }

                .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .bold.accordion-content-2col-row, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row.bold {
                    font-weight: 700
                }

                .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .hidden.accordion-content-2col-row, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row.hidden {
                    display: none
                }

.layout-reversed .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row > [class*=grid-col-], .layout-reversed .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row > [class*=grid-col-] {
    float: right
}

.shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row > [class*=grid-col-].price, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row > [class*=grid-col-].price {
    text-align: right;
    font-weight: 700
}

.layout-reversed .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row > [class*=grid-col-].price, .layout-reversed .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row > [class*=grid-col-].price {
    text-align: left
}

.shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row > [class*=grid-col-].price > span, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row > [class*=grid-col-].price > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row .md-button, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row .md-button {
    margin: 0;
    margin-bottom: 1rem
}

    .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row .md-button:last-of-type, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row .md-button:last-of-type {
        margin-bottom: 0
    }

    .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row .md-button .md-button-content, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row .md-button .md-button-content {
        top: 6%
    }

.shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row > .buttons, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row > .buttons {
    margin-top: 1rem
}

.shopping-bag-widget-wrapper.side-float > .float-content [class*=grid-col-]:first-child {
    padding-left: 0
}

.shopping-bag-widget-wrapper.side-float > .float-content [class*=grid-col-]:last-child {
    padding-right: 0
}

.shopping-bag-widget-wrapper .action-link-container {
    padding-top: .6667rem;
    text-align: center;
    text-decoration: underline
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row .md-button .md-button-content, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row .md-button .md-button-content {
        top: 8%
    }
}

@media screen and (max-width:64em) {
    .shopping-bag-widget-wrapper.side-float {
        margin-right: 5%
    }
}

@media screen and (max-width:55em) {
    .shopping-bag-widget-wrapper.side-float {
        margin: 0 auto;
        margin-bottom: 4rem
    }
}

@media (max-width:50em) and (orientation:landscape) {
    .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row > [class*=grid-col-], .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row > [class*=grid-col-] {
        padding: 0
    }
}

@-moz-document url-prefix('') {
    .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .accordion-content-2col-row .md-button .md-button-content, .shopping-bag-widget-wrapper.side-float > .float-content > .grid-wrap .row .md-button .md-button-content {
        top: 4%
    }
}