.top-products {background-color:var(--blue-dark); margin-bottom:20px;}
.top-products .boundary:after {content:""; display:none; }
.top-products .p-container {padding-bottom:20px;}
.top-products .p-item .p-title {font-size:0.8em; line-height:1.3em;}
.top-products .p-item .p-price { text-align:center; display:inline-block; margin:0 auto; background-color:#FFF; color:var(--blue-dark); padding:0 10px; border-radius:5px; font-size:0.8em; }
.top-products .p-item:hover .p-price {background-color:var(--blue-light); color:#FFF; }

.product-list {margin:20px 0;}
.product-list .boundary {max-width:1200px; }
 
.product-list .pl-title h2 {text-align:left; text-transform:uppercase; font-size:1.2em; color:#F00; margin:0; padding:10px 0; box-sizing:border-box; }

.product-list .order-by { background-color:#FAFAFA; border:1px solid #DDD; padding:10px; border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; margin-bottom:20px; }
.product-list .order-by a {display:inline-block; background-color:#FFF; color:#333; border:1px solid #DDD; margin:0 3px; padding:0 10px; font-size:0.8em; vertical-align:middle; border-radius:3px;}
.product-list .order-by a:hover, .product-list .order-by a.active {background-color:var(--blue); color:#DDD; }
.product-list .page-nav { text-align:center; margin-top:2em; }
.product-list .page-nav a { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #DDD; border-radius: 3px; font-size: 0.8em; margin: 0 2px; }
.product-list .page-nav a:hover, .product-list .page-nav a.active {background-color:var(--blue); color:#FFF; }

.product-group {margin-top:20px;}
.pg-title { width:auto; height:auto; text-align:left; position:relative; border-bottom:2px solid var(--blue); }
.pg-title h2 { display:inline-block; font-size:1em; text-transform:uppercase; line-height:1.5em; color:#FFF; width: auto; max-width:70%; height: auto; background-color:var(--blue); position: relative; padding:13px 30px 2px 10px; margin:0 0 -1px; box-sizing:border-box; }
.pg-title h2:after { content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-bottom: 20px solid var(--blue); border-right: 20px solid #FFF; box-sizing:border-box; }
.pg-title a {font-size:0.9em; position:absolute; bottom:0; right:5px;}
.pg-title a:hover {color:var(--blue);}

.right-box { margin-top:20px; }
.right-box h3 {width:100%; font-size:1em; text-transform:uppercase; background-color:var(--blue); color:#FFF; margin:0; padding:10px; box-sizing:border-box;}
.right-box ul { list-style-type:none; padding:0; margin:0; }
.right-box ul li { display:block; }
.right-box ul li a { display:block; border:2px solid var(--blue); border-top:0; line-height:1.5em; padding:3px 0; box-sizing:border-box; }
.right-box ul li a:hover {background-color:var(--blue); color:#FFF; }
.right-box.news ul li {display:block; background-color:#DDD; border-top:2px solid #FFF; border-bottom:2px solid #FFF; text-align:right; position:relative; }
.right-box.news ul li a {border:0;}
.right-box.news ul li a:hover {color:var(--blue-light)!important; background-color:unset;}
.right-box.news ul li .square-image {position:absolute; top:0; left:0; display:inline-block; width:30%; height:100%; vertical-align:top;}
.right-box.news ul li .n-content {display:inline-block; width:70%; vertical-align:top; padding:5px; box-sizing:border-box; }
.right-box.news ul li .n-content .n-title {text-transform:uppercase; color:var(--blue); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:left; font-weight:bold; font-size:0.6em; line-height:1.7em; }

.products-title h3 { color:var(--blue-dark); text-transform:uppercase; margin-bottom:0; padding-bottom:10px; border-bottom:1px solid var(--blue-dark); }
.products-title h3 i {transition:all 0.3s; display:inline-block;}
.products-title h3 i.active {transform:rotate(-180deg);}

.products { text-align:left; }
.products .product { display:inline-block; width:49%; margin:10px 2% 0 0; position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; }
.products .product:nth-child(2n+0){margin-right:0;}
.products .product .square-image .p-promotions {position:absolute; top:0; left:0; font-size:0.8em; color:#FFF; z-index:1; }
.products .product .square-image .p-promotions span {background-color:#000; padding:2px 5px; display:inline-block; margin-right:3px; }
.products .product .square-image .p-group-name { position:absolute; display:none; top:0; left:0; font-size:0.7em; z-index:999; background-color:var(--blue-ex-light); color:#000; }

.products .product .p-content { font-size:1em; text-align:center; }
.products .product .p-content .p-title { color:#000; line-height:1.3em; font-size:0.8em; margin-top:5px; }
.products .product .p-content .p-title a { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.products .product .p-content .p-price { margin:5px auto; padding: 5px 10px; text-align:center; color:#FFF; font-size:0.8em; line-height:1em; background-color:var(--blue); display:inline-block; border-radius:5px; }
.products .product .p-content .p-price i {margin-right:3px;}
.products .product .p-content .p-price span {display:inline-block; color:var(--grey); }
.products .product .p-content .button {width:calc(100% - 20px); box-sizing:border-box; text-align:center; background-color:#000; border-color:#000; margin:0 10px 10px; font-size:0.8em; padding:3px 10px; }
.products .product .p-content .button.in-cart {background-color:#FFF; color:#000!important; border-color:#000; }
.products .product:hover .inverted-7 { background-position: left; }

.products .categories { background-color:var(--blue-ex-light); margin-bottom:20px; height:0; overflow:hidden; transition:all 0.3s; opacity:0; }
.products .categories a { display:block; padding:5px 10px; box-sizing:border-box; color:var(--blue-dark); text-align:left; }
.products .categories a.active, .products .categories a:hover {background-color:var(--blue-dark); color:#FFF; }
.products .categories.active {height:auto; opacity:1;}

@media (min-width:576px){
	
}

@media (min-width: 768px){
	.pg-title h2, .right-box h3 {font-size:0.9em;}
	.right-box ul li a {font-size:0.8em;}
	
	.product-list {margin:30px 0 50px;}
	.products-title h3 { border-bottom:unset; }
	.products-title h3 i {display:none;}

	.products .p-container { padding-left:30px; }
	
	.products .product {width:32%; margin:10px 2% 0 0;}
	.products .product:nth-child(2n){margin-right:2%;}
	.products .product:nth-child(3n){margin-right:0;}
	
	.products .product .p-content .p-price {font-size:0.9em;}
	.products .categories {font-size:0.9em; opacity:1;}
}

@media (min-width:992px){
	.product-list .pl-title {padding:10px 0;}
	.product-list .pl-title h2 {font-size:1.5em; }
	
	.products .product {width:23.5%; margin:20px 2% 0 0;}
	.products .product:nth-child(2n), .products .product:nth-child(3n){margin-right:2%;}
	.products .product:nth-child(4n){margin-right:0;}
	.products .product .p-content .p-price {font-size:0.8em;}
}