/*
 * GS BUY NOW BOX
 * ==============
 * Author:   tom@portforward.co.uk
 *
 * GLOBAL RULES
 * =============
 * Some information about the default rules
 */

.buynowbox-container {
    /* Note:
     * The _postRender method requires elements to be in the dom and rendered to compute
     * element sizes accurately. So rather than toggling a display:none/block (which un-renders
     * the element) we toggle the visibility. The end result means, from the viewers point of view,
     * things aren't crazily moving around the buy now box while it tidies itself up
     */
    visibility: hidden;
    transition: opacity 1000ms;
    position: relative;
}

.buynowbox {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 15px;
    border: 1px solid #DADADA;
    border-radius: 5px;
    background-color: white;
    /*background-color: #FAFAFA;*/
    box-sizing: border-box;
}

.buynowbox::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}

.vertical.buynowbox {
    -webkit-flex-direction: column;
    /* Safari */
    flex-direction: column;
    overflow-y: scroll;
}

.horizontal.buynowbox {
    -webkit-flex-direction: row;
    /* Safari */
    flex-direction: row;
    -webkit-justify-content: flex-start;
    /* Safari */
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
}

.buynowbox .facet {
    box-sizing: border-box;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    /* Safari */
    flex-direction: column;
    flex: 0 0 auto;
}

.vertical.buynowbox .facet {
    margin-bottom: 5px;
}

.horizontal.buynowbox .facet {
    margin-right: 11px;
}

.buynowbox .facet h4 {
    font-size: 14px;
    color: #374079;
    padding: 0 0 5px 0;
    margin: 0;
    width: 100%;
    display: inline-block;
    font-family: Metropolis;
}

.buynowbox .facet img {
    max-width: 100%;
    vertical-align: bottom;
}


/*
 * DEFAULT FACET RULES
 * ===================
 */


/* product */

.buynowbox [data-facet="product"] {
    -webkit-order: 0;
    /* orders the items in the buy now box */
    order: 0;
}

.vertical.buynowbox [data-facet="product"] {
    border-bottom: 1px solid #DADADA;
}

.vertical.buynowbox [data-facet="product"] a {
    text-align: center;
}

.vertical.buynowbox [data-facet="product"] img {
    max-height: 80px!important;
    padding: 5px 0;
}

.horizontal.buynowbox [data-facet="product"] {
    text-align: center;
    border-right: 1px solid #DADADA;
}

.horizontal.buynowbox [data-facet="product"] img {
    max-height: 100px;
}


/* vendors */

.buynowbox [data-facet="vendors"] {
    -webkit-order: 1;
    order: 1;
    position: relative;
}

.buynowbox [data-facet="vendors"] .facet-container {}


/*.buynowbox [data-facet="vendors"] .cta {
    text-align: center;
    text-transform:uppercase;
	text-decoration: none;
    font-weight: bold;
    font-size: 0.8rem;
    border: 1px solid #F36A31;
    border-radius:2px;
    display: inline-block;
    padding: 6px 0;
	cursor:pointer;
    margin: 4px 0 8px;
    box-sizing: border-box;
}*/

.buynowbox [data-facet="vendors"] img {
    margin-bottom: 8px;
    border: 1px solid #DADADA;
}

.vertical.buynowbox [data-facet="vendors"] {
    border-bottom: 1px solid #DADADA;
}

.vertical.buynowbox [data-facet="vendors"] .cta {
    width: 100%;
}

.horizontal.buynowbox [data-facet="vendors"] {
    border-right: 1px solid #DADADA;
    width: auto;
}

.horizontal.buynowbox [data-facet="vendors"] .facet-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 300px;
    height: 150px;
}

.horizontal.buynowbox [data-facet="vendors"] a {
    flex: 0 1 auto;
}

.horizontal.buynowbox [data-facet="vendors"] img {
    max-height: 46px;
    margin-right: 5px;
    margin-bottom: 2px;
}


/*.horizontal.buynowbox [data-facet="vendors"] .cta {
    font-size: 0.6rem;
    padding: 2px 0;
    margin: 2px 0;
}
.buynowbox [data-facet="vendors"] .cta.buy-similar {
    background-color: white; color: #F36A31;
}
.buynowbox [data-facet="vendors"] .cta.buy-similar:hover {
    color: #F8761F; border: 1px solid #F8761F;
}
.buynowbox [data-facet="vendors"] .cta.buy-now {
    background-color: #F36A31; color: white;
}
.buynowbox [data-facet="vendors"] .cta.buy-now:hover {
    background-color: #F8761F; border: 1px solid #F8761F;
}*/


/* square buy now box */

.square.horizontal.buynowbox [data-facet="vendors"] {
    max-width: 180px;
}

.square.horizontal.buynowbox [data-facet="vendors"] .facet-container {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    width: 180px;
    overflow-y: scroll;
}

.square.horizontal.buynowbox [data-facet="vendors"] .facet-container::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}

.square.horizontal.buynowbox [data-facet="vendors"] img {
    max-height: none;
    max-width: 165px;
    margin-bottom: 8px;
}


/*.square.horizontal.buynowbox [data-facet="vendors"] .cta {
    max-width: 200px;
    font-size: 0.8rem;
    padding: 6px 0;
    margin: 4px 0 8px;
}*/


/* itemlist */

.buynowbox [data-facet="itemlist"] {
    -webkit-order: 2;
    order: 2;
}

.vertical.buynowbox [data-facet="itemlist"] .itemlist-fallback-vendors {
    width: 100%;
    box-sizing: border-box;
}

.buynowbox [data-facet="itemlist"] .facet-container {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    width: 100%;
    max-width: 198px;
    height: 85px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: white;
    border: 1px solid #DADADA;
    border-radius: 3px;
    position: relative;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container:hover, .buynowbox [data-facet="itemlist"] .itemlist-fallback-vendors:hover, .buynowbox [data-facet="vendors"] img:hover {
    border: 1px solid #F36A31;
    background-color: #FFFBF8;
}

.vertical.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    box-sizing: border-box;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .left-col {
    width: 65px;
    margin-right: 5px;
    height: 100%;
    float: left;
    overflow-x: hidden;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .left-col:hover {}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .left-col img {
    max-height: 58px;
    max-width: 58px;
    vertical-align: bottom;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .left-col .product-img {
    border: 1px solid #DADADA;
    border-radius: 3px;
    min-height: 100%;
    max-height: 100%;
    min-width: 60px;
    max-width: 60px;
    object-fit: cover;
    object-position: top left;
    box-sizing: border-box;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col {
    width: calc(100% - 70px);
    height: 100%;
    float: left;
    overflow: hidden;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a {
    display: inline-block;
    font-family: Metropolis;
    font-size: 0.8rem;
    width: 100%;
    /* without the min-width, dunno y */
    color: black;
    font-weight: bold;
    line-height: 0.9rem;
    max-height: 2.55rem;
    overflow-y: hidden;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a:hover {
    text-decoration: underline;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-price {
    display: inline-block;
    color: black;
    font-size: 0.8rem;
    line-height: 0.9rem;
    font-family: Metropolis;
    position: relative;
    top: -0.2rem;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-flag {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.buynowbox [data-facet="itemlist"] .itemlist-fallback-vendors {
    position: relative;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    display: inline-block;
    width: 140px;
    height: 50px;
    border: 1px solid #DADADA;
    border-radius: 5px;
}

.horizontal.buynowbox [data-facet="itemlist"] {
    width: auto;
}

.horizontal.buynowbox [data-facet="itemlist"] .facet-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    height: 100%;
}

.horizontal.buynowbox [data-facet="itemlist"] .facet-container>a {
    height: inherit;
    box-sizing: border-box;
}

.square.horizontal.buynowbox [data-facet="itemlist"] .facet-container>a {
    height: auto;
}

.square.horizontal.buynowbox [data-facet="itemlist"] .facet-container .itemlist-fallback-vendors {
    height: 50px;
}

.horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    height: calc(100% - 2px);
    box-sizing: border-box;
    margin-bottom: 0;
}

.horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    margin-right: 4px;
}

.horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a {
    min-width: 128px;
}


/* square buy now box */

.square.horizontal.buynowbox [data-facet="itemlist"] {
    width: calc(100% - 185px);
    height: 100%;
    position: relative;
}

.square.horizontal.buynowbox [data-facet="itemlist"] .facet-container {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-align-content: flex-start;
    -webkit-align-items: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.square.horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    height: 80px;
    box-sizing: content-box;
    margin-bottom: 4px;
    -webkit-flex: 0 0 auto;
    flex: 1 1 auto;
}

.square.horizontal.buynowbox [data-facet="itemlist"] .facet-container::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}


/* vendor image adjustments */

.buynowbox [data-facet="itemlist"] .facet-container .item-container .product-vendor {
    position: absolute;
    bottom: 5px;
    left: 75px;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .product-vendor.Reverb {
    width: 48px;
}

.buynowbox [data-facet="itemlist"] .facet-container .item-container .product-vendor.eBay {
    width: 41px;
}


/*
 * AREA SPECIFIC FACET RULES
 * =========================
 * Facet rule classes specific for certain areas, for example in the Reviews area.
 * Hint: Add these classes via Javascript after initializing the BuyNowBox e.g,
 *
 * new BuyNowBox('ReviewsBuyNowBox').generate();
 * $( '#ReviewsBuyNowBox [data-facet-type=itemlist]' ).addClass('reviews-itemlist-mobile');
 *
 * Naming Guide:
 * .buynowbox-[facet-name]-[area-name](-[hint])
 */


/*  Search Style BuyNowBox */

.buynowbox-search {
    margin-left: 5px;
}

.buynowbox-search .spinner {
    width: 100%;
}

.buynowbox-search .buynowbox {
    padding: 6px;
}

.buynowbox-search .buynowbox .facet h4 {
    font-size: 0.9rem;
    width: 100%!important;
    text-align: center;
}

.buynowbox-search .buynowbox [data-facet="vendors"] img {
    margin-bottom: 3px;
}


/*.buynowbox-search .buynowbox [data-facet="vendors"] .cta {
    font-size: 0.6rem;
    padding: 2px 0;
    margin-bottom: 4px;
}*/

.buynowbox-search .buynowbox [data-facet="itemlist"] .facet-container .item-container {
    clear: both;
    overflow: auto;
    height: auto;
}

.buynowbox-search .buynowbox [data-facet="itemlist"] .facet-container .item-container .left-col {
    text-align: center;
    width: 100%;
}

.buynowbox-search .buynowbox [data-facet="itemlist"] .facet-container .item-container .left-col .product-img {
    max-width: 100%!important;
    min-width: 100%!important;
    max-height: 100px!important;
    min-height: 10px!important;
}

.buynowbox-search .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
    margin-top: 5px;
}

.buynowbox-search .buynowbox [data-facet="itemlist"] .facet-container .item-container .product-vendor {
    left: 5px;
}

.buynowbox-search .buynowbox [data-facet="itemlist"] .facet-container .nonefound-message {
    font-size: 1rem!important;
    text-align: center;
    width: 100%;
}

.buynowbox-search .buynowbox [data-facet="itemlist"] .itemlist-fallback-vendors {
    height: 40px;
}

.buynowbox-search [data-facet="itemlist"] [data-itemlist-vendor="reverb"] img {
    left: 4px!important;
    max-width: 96px!important;
}

.buynowbox-search [data-facet="itemlist"] [data-itemlist-vendor="ebay"] img {
    top: 5px!important;
    left: 16px!important;
    max-height: 29px!important;
}

.buynowbox-search [data-facet="itemlist"] [data-itemlist-vendor="classifieds"] img {
    top: 5px!important;
    left: 4px!important;
    max-width: 96px!important;
}


/* TEMPORARY */

.buynowbox-reviews-inline .buy-similar-subtitle, .buynowbox-classifieds-inline .buy-similar-subtitle {
    display: none!important;
}

.buynowbox-reviews-left {
    width: 210px;
}

.buynowbox-classifieds-left-wrapper {
    margin-top: 20px;
    width:200px;
    height: 100%;
}

.buynowbox-classifieds-left {
    width: 200px;
    height: 600px;
    float: left;
    margin: 0 10px;
}

.buynowbox-classifieds-inline-wrapper {
    box-sizing: border-box;
    padding: 10px 2%;
}

/* remove border for reviews and classifieds inline */

#TopReviewsPageBuyNowBox.buynowbox-reviews-inline,
#InlineBottomReviewsPageBuyNowBox.buynowbox-reviews-inline,
#InlineClassifiedsPageBuyNowBox.buynowbox-classifieds-inline {
    margin-bottom: 0;
}
#TopReviewsPageBuyNowBox.buynowbox-reviews-inline .buynowbox,
#InlineBottomReviewsPageBuyNowBox.buynowbox-reviews-inline .buynowbox,
#InlineClassifiedsPageBuyNowBox.buynowbox-classifieds-inline .buynowbox {
    border: none;
    padding: 10px;
}
#InlineClassifiedsPageBuyNowBox.buynowbox-classifieds-inline .buynowbox {
    padding: 0;
}
#TopReviewsPageBuyNowBox.buynowbox-reviews-inline .buynowbox-overflow-fade-horizontal,
#InlineBottomReviewsPageBuyNowBox.buynowbox-reviews-inline .buynowbox-overflow-fade-horizontal,
#InlineClassifiedsPageBuyNowBox.buynowbox-classifieds-inline .buynowbox-overflow-fade-horizontal {
    right: -1px;
    top : 0;
    bottom: 0;
}
.buynowbox-classifieds-inline .horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    height: calc(100% - 18px);
}

.buynowbox-reviews-inline [data-facet="itemlist"] .itemlist-fallback-vendors, .buynowbox-classifieds-inline [data-facet="itemlist"] .itemlist-fallback-vendors {
    height: 50px!important;
    width: 120px!important;
}

.buynowbox-reviews-inline .nonefound-message, .buynowbox-classifieds-inline .nonefound-message {
    min-width: 390px!important;
}

.buynowbox-reviews-inline [data-facet="itemlist"] [data-itemlist-vendor="reverb"], .buynowbox-classifieds-inline [data-facet="itemlist"] [data-itemlist-vendor="reverb"] {
    position: absolute;
    left: 0;
    bottom: 0;
}

.buynowbox-reviews-inline [data-facet="itemlist"] [data-itemlist-vendor="ebay"], .buynowbox-classifieds-inline [data-facet="itemlist"] [data-itemlist-vendor="ebay"] {
    position: absolute;
    left: 130px;
    bottom: 0;
}

.buynowbox-reviews-inline [data-facet="itemlist"] [data-itemlist-vendor="classifieds"], .buynowbox-classifieds-inline [data-facet="itemlist"] [data-itemlist-vendor="classifieds"] {
    position: absolute;
    left: 260px;
    bottom: 0;
}

.buynowbox-reviews-inline [data-facet="itemlist"] [data-itemlist-vendor="reverb"] img, .buynowbox-classifieds-inline [data-facet="itemlist"] [data-itemlist-vendor="reverb"] img {
    top: 10px;
    left: 5px!important;
    max-width: 106px !important;
}

.buynowbox-reviews-inline [data-facet="itemlist"] [data-itemlist-vendor="ebay"] img, .buynowbox-classifieds-inline [data-facet="itemlist"] [data-itemlist-vendor="ebay"] img {
    left: 13px!important;
    max-height: 36px!important;
}

.buynowbox-reviews-inline [data-facet="itemlist"] [data-itemlist-vendor="classifieds"] img, .buynowbox-classifieds-inline [data-facet="itemlist"] [data-itemlist-vendor="classifieds"] img {
    left: 5px!important;
    max-width: 106px !important;
}

.buynowbox-reviews-left [data-facet="itemlist"] [data-itemlist-vendor="reverb"] img, .buynowbox-classifieds-left [data-facet="itemlist"] [data-itemlist-vendor="reverb"] img {
    left: 24px!important;
}

.buynowbox-reviews-left [data-facet="itemlist"] [data-itemlist-vendor="ebay"] img, .buynowbox-classifieds-left [data-facet="itemlist"] [data-itemlist-vendor="ebay"] img {
    left: 39px!important;
}

.buynowbox-reviews-left [data-facet="itemlist"] [data-itemlist-vendor="classifieds"] img, .buynowbox-classifieds-left [data-facet="itemlist"] [data-itemlist-vendor="classifieds"] img {
    left: 24px!important;
}

.buynowbox-beststudiogear .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a, .buynowbox-reviews-left .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a, .buynowbox-classifieds-left .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a, .buynowbox-reviews-left .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-price, .buynowbox-classifieds-left .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-price, .buynowbox-classifieds-inline .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a, .buynowbox-reviews-inline .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a, .buynowbox-classifieds-inline .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-price, .buynowbox-reviews-inline .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-price, .buynowbox-beststudiogear .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col .product-price {
    font-size: 0.8rem!important;
}

.buynowbox-reviews-inline, .buynowbox-classifieds-inline {
    margin-bottom: 15px;
    position: relative;
    /* Makes the overflow fade work for horizontal */
}


/* Product Page BuyNowBox - most of this arbitraryness is because of the poor coding of the Product Page */

.buynowbox-productpage {
    width: 100%;
    max-width: 650px;
    min-width: 650px;
}

.buynowbox-productpage .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a {
    font-size: 1rem;
    line-height: 1.1rem;
    max-height: 3.3rem;
}

.buynowbox-productpage .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col span {
    font-size: 1rem;
    top: 0.2rem;
}

.bnbspf-desktop-only {
    display: none;
}


/* Best Studio Gear Article Buy Now Box */
.bsg-articles-container footer > .buynowbox-beststudiogear {}
.bsg-articles-container footer > .buynowbox-beststudiogear .horizontal.buynowbox { padding: 12px }
.bsg-articles-container footer > div[id^="BSGArticleBuyNowBox_"] { margin: 2rem auto }
.bsg-articles-container footer > .buynowbox-beststudiogear .horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    max-width: 165px;
}
.bsg-articles-container footer > .buynowbox-beststudiogear .horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a {
    min-width: 80px;
}
.bsg-articles-container footer > .buynowbox-beststudiogear .horizontal.buynowbox [data-facet="itemlist"] .itemlist-fallback-vendors {
    height: 50px;
}

/* Bottom of Search Results */
.buynowbox-search-bottom .horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container {
    max-width: 160px;
}
.buynowbox-search-bottom .horizontal.buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a {
    min-width: 78px;
}

.failed.buynowbox {
    font-family: 'open_sans';
    color: #ADADAD;
}

.failed.buynowbox span.error-code {
    font-weight: 900;
    font-size: 1.5rem;
    color: #DADADA;
}

#SearchReviewsBuyNowBox, #SearchGearBuyNowBox, #SearchGearDatabaseBuyNowBox {
    max-height: 100%!important;
}

#SearchBuyNowBox, #SearchReviewsBuyNowBox, #SearchGearDatabaseBuyNowBox, #SearchGearBuyNowBox {
    max-width: 120px!important;
}

@media screen and (min-width: 1101px) {
    #InlineClassifiedsPageBuyNowBox {
        display: none;
    }
}
@media screen and (max-width: 1100px) {
    #LeftClassifiedsPageBuyNowBox, .buynowbox-classifieds-left-wrapper {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .bnbspf-desktop-only {
        display: table-cell;
    }
}
@media screen and (max-width: 767px) {
    .buynowbox-search-bottom .horizontal.buynowbox [data-facet="vendors"] {
        display: none;
    }
}
@media screen and (min-width: 720px) and (max-width: 1100px) {
    .buynowbox-productpage {
        margin-top: 40px;
    }
}

@media screen and (max-width: 719px) {
    .buynowbox-productpage {
        max-width: 400px;
        min-width: 400px;
    }
    .buynowbox-productpage .square.horizontal.buynowbox [data-facet="vendors"] {
        max-width: 175px;
    }
    .buynowbox-productpage .square.horizontal.buynowbox [data-facet="vendors"] img {
        max-width: 165px;
    }
    .buynowbox-productpage .square.horizontal.buynowbox [data-facet="itemlist"] {
        width: calc(100% - 175px);
    }
    .buynowbox-productpage .buynowbox [data-facet="itemlist"] .facet-container .item-container {
        max-width: 168px;
    }
    .buynowbox-productpage .buynowbox [data-facet="itemlist"] .facet-container .item-container .right-col a {
        min-width: 100px;
        max-width: 100px;
    }
}

@media screen and (max-width: 399px) {
    .buynowbox-productpage {
        max-width: 210px;
        min-width: 210px;
    }
}

.buynowbox-container a, .buynowbox-container span {}

.buynowbox-search-productfacet {
    width: 100%;
    height: 123px;
    box-sizing: border-box;
    position: relative;
    font-family: metropolis;
    padding: 3px 0;
}

.buynowbox-search-productfacet .bnbspf-img {
    width: 68px;
    height: 68px;
}

.buynowbox-search-productfacet .bnbspf-img>div, .buynowbox-search-productfacet .bnbspf-img img {
    border: 1px solid #DADADA;
    border-radius: 3px;
    min-height: 100%;
    max-height: 100%;
    min-width: 68px;
    max-width: 68px;
    object-fit: cover;
    object-position: top left;
    box-sizing: border-box;
}

.buynowbox-search-productfacet .bnbspf-img img:hover {
    border: 1px solid #F8761F;
}

.buynowbox-search-productfacet .bnbspf-engagement {
    width: calc(100% - 44px);
    height: 20px;
    position: absolute;
    top: 3px;
    left: 75px;
    line-height: 26px;
    overflow-x: hidden;
    /*background-color: rgba(0, 0, 0, 0.1);*/
}

.buynowbox-search-productfacet .bnbspf-engagement .bnbspf-title {
    display: inline-block;
}

.buynowbox-search-productfacet .bnbspf-engagement .bnbspf-title a {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

.buynowbox-search-productfacet .bnbspf-engagement .bnbspf-title>a>span {
    font-weight: 900;
    font-size: 16px;
    text-transform: capitalize;
}

.buynowbox-search-productfacet .bnbspf-engagement .bnbspf-reviews {
    display: inline-block;
    margin-left: 2px;
}

.buynowbox-search-productfacet .bnbspf-engagement .bnbspf-reviews span {
    color: #DADADA;
    margin-right: 2px;
    cursor: default;
    transition: color 0.5s ease;
}

.buynowbox-search-productfacet .bnbspf-description {
    position: absolute;
    width: calc(100% - 44px);
    top: 30px;
    left: 75px;
}

.buynowbox-search-productfacet .bnbspf-counts {
    width: 100%;
    height: 42px;
    position: absolute;
    bottom: 3px;
    left: 0px;
    /*background-color: rgba(0, 0, 0, 0.1);*/
}

.buynowbox-search-productfacet .bnbspf-counts div {
    height: 100%;
    width: 84px;
    margin-right: 5px;
    float: left;
    border-radius: 3px;
    border: 1px solid #DADADA;
    box-sizing: border-box;
}

.buynowbox-search-productfacet .bnbspf-counts div:hover {
    background-color: #FFFBF8;
    border: 1px solid #F8761F;
    color: white;
}

.buynowbox-search-productfacet .bnbspf-counts div span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.8);
}

.buynowbox-search-productfacet .bnbspf-counts div span.count {
    font-size: 14px;
    font-weight: 800;
    margin-top: 5px;
}

.buynowbox-search-productfacet .bnbspf-img .spinner {
    min-height: auto;
    height: 100%;
    text-align: center;
    margin: 15px auto;
}

.buynowbox-search-productfacet .bnbspf-img .spinner>div {
    height: 25px;
    width: 2px;
    min-width: auto;
    min-height: auto;
    background-color: rgba(0, 0, 0, 0.8);
}


/*
 * MISC RULES
 * =========================
 */

.buynowbox-optionsbubble button {
    color: #F36A31;
    border: 1px solid #F36A31;
}

.buynowbox-optionsbubble button.buy-now {
    background-color: #F36A31;
    color: white;
}

.buynowbox-optionsbubble button.buy-now:hover {
    background-color: #F8761F;
}

.buynowbox-overflow-fade {
    position: absolute;
    height: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    pointer-events: none;
}

.vertical.buynowbox .buynowbox-overflow-fade {
    /* have to reduce the stretch of the fade a little bit otherwise it fades the whole box */
    left: 5px;
    right: 5px;
    bottom: 1px;
    height: 100px;
}

.buynowbox-overflow-fade-horizontal {
    position: absolute;
    width: 100px;
    top: 5px;
    right: 1px;
    bottom: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
    pointer-events: none;
}

.buynowbox-overflow-hint {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-family: Metropolis, sans-serif;
    color: #374079;
    font-size: 14px;
    pointer-events: none;
}

.vertical.buynowbox .buynowbox-overflow-hint {
    bottom: 10px;
}

.buynowbox-reviews-inline .buynowbox-overflow-hint, .buynowbox-classifieds-inline .buynowbox-overflow-hint {
    top: 0;
    right: auto;
    left: calc(100% - 20px);
    bottom: 0;
    min-width: 150px;
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* IE */
    -ms-transform: rotate(-90deg);
    /* Opera */
    -o-transform: rotate(-90deg);
    /* Internet Explorer */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/* Loading Spinner */

.spinner {
    text-align: center;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    min-height: 100px;
}

.spinner>div {
    background-color: #333;
    height: 75px;
    width: 6px;
    margin: 2px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}