.filter-category-pill:hover{background:#24273C !important;color:#fff !important;}

/* #product-results{max-height:75vh;overflow-y:auto;} */
/* #product-results .js-product-miniature{border-bottom:solid 1px #dedede;} */
#product-results .js-product-miniature:hover{background:#FAF6F0;}
/* #product-results .js-product-miniature:first-child{border-top:solid 1px #dedede;} */
/* #product-results .product-price{font-weight:700;} */
#product-results .product-title a:hover{color:#000;}

.search__offcanvas.hiding .search-ajax-wrapper{display:none;}


/* #product-results{display: block; overflow-x: auto; text-wrap-mode: nowrap;} */

#product-results .js-product-miniature{width:100%;display:block !important;transition:background 0.3s}
#product-results .js-product-miniature .thumbnail-container{flex-direction:row;}

#product-results .js-product-miniature .thumbnail-container .product-title{margin-bottom:0.5rem; color:#000;font-size:1rem;}
#product-results .js-product-miniature .thumbnail-container .product-price{color:#000;}
/* #product-results .js-product-miniature:hover .product-title, */
/* #product-results .js-product-miniature:hover .product-price{color:#fff;} */


.dragbox{
  display:block;
}

@media(max-width:1199px){
	#product-results .thumbnail-container {border-bottom:solid 1px #dedede;}
	#product-results .thumbnail-container .product-thumbnail{width:100px !important;margin-bottom:0 !important;margin-right:15px;}
	#product-results .thumbnail-container .product-description{flex:1;}
	.search-suggestions{max-height:60vh !important;}
}
@media(max-width:575px){
	.search-suggestions .px-3{padding-left:0 !important;padding-right:0 !important;}
	.search-suggestions .px-3{padding-left:1rem !important;padding-right:1rem !important;}
	#product-results .thumbnail-container .product-thumbnail{width:80px !important}
}

@media(min-width:1200px){
	#product-results .js-product-miniature{width:10%;display:inline-block !important;}
	#product-results .js-product-miniature .thumbnail-container{flex-direction:column;}
	#product-results .js-product-miniature .thumbnail-container .product-description{text-align:center;}
	.dragbox{
	  display:flex;
	  gap:12px;
	  overflow-x:auto;
	  overflow-y:hidden;
	  cursor:grab;
	  -webkit-overflow-scrolling:touch;
	}

	.dragbox.dragging{
	  cursor:grabbing;
	  user-select:none;
	}

	.dragbox > *{
	  flex:0 0 auto;
	}	
}