
/* Extra spacing above search results */
.search.results 	{
	margin-top: 20px;
}

@media (max-width: 767px) {
	/* Prices not showing on mobile */
	.products-list .price-box 	{
		position: static !important
	}
}

/* Hide old tier prices */
.old-price,
.product-item .minimal-price-link 	{
	display: none !important;
}


@media (max-width: 767px) {

	/* Find a tyre heading spacing/center */
	.banner-content .container 	{
		display: block;
		text-align: center;
	}

	/* Account area padding */
	.customer-account-login .column.main 	{
		padding: 20px 0;
	}

	/* Login block padding */
	.login-container .block 	{
		padding: 40px 25px 40px;
	}

	/* Account area title spacing */
	.account .page-title-wrapper 	{
		margin-bottom: 40px;
	}

	/* Filters on catalog page - make into vertical list */
	#layered-filter-block .filter-content .filter-options,
	#layered-filter-block .filter-content 	{
		display: block;
		padding: 0;
		margin: 20px 0;
	}

	/* Spacing for filter items */
	#layered-filter-block .filter-content 	{
		padding: 20px;
	}

	/* Hide Shop By button that appears */
	#layered-filter-block .block-title strong 	{
		display: none !important;
	}

	/* A filter item, add vertical spacing */
	#layered-filter-block .filter-content .filter-options .filter-options-item 	{
		margin-bottom: 20px;
		margin-right: 0;
	}

	/* Make the filter dropdown box full width */
	#layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title 	{
		width: 100%;
	}

	/* Filter options title plus/minus signs sizing */
	#layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title::after 	{
		width: 12px;
		height: 12px;
	}

	/* Add the plus/minus signs */
	.page-horiz-filter .block.filter .filter-options .filter-options-title:after {
		width: 12px;
		height: 12px;
		position: relative;
		top: -1px;
		content: ' ';
		display: inline-block;
		margin-left: 6px;
		float: none;
		filter: none;
	}

	/* Move the minus down to center */
	#layered-filter-block .filter-content .filter-options .filter-options-item .filter-options-title.active::after  	{
		top: 57%;
	}

	/* Make the filter dropdown scrollable, full width */
	#layered-filter-block .filter-content .filter-options .filter-options-title.active + .filter-options-content 	{
		overflow-y: scroll;
		width: 100%;
	}

	/* Each filter value in the filter dropdown */
	.filter-options-content .item 	{
		display: flex;
	}

	/* The text label in the filter value */
	.filter-options-content .am-ranges .items.-am-multiselect .item [class*='am-filter-item'] 	{
		order: 10;
		margin-left: 5px;
		position: relative;
		top: 2px;
	}

	/* Current */
	.filter .filter-current 	{
		display: none;
	}

	#layered-filter-block 	{
		margin-top: 30px;
	}

	.filter-no-options .filter-title:before 	{
		display: none !important;
	}


	/**
	 * Product listing
	 */

	.product-item-actions .actions-primary 	{
		display: block;
		text-align: center;
	}

	.product-item-actions .actions-primary .stock.unavailable 	{
		width: 100%;
	}


	/**
	 * Product listing image
	 */

	.page-layout-2columns-left ol.products.list li.item.product .product-image-container 	{
		width: 100% !important;
	}

	.catalog-category-view ol.products.list li.item.product .product.details .price-box,
	.page-layout-2columns-left ol.products.list li.item.product .product.details .product.name 	{
		text-align: center;
	}


	#amasty-shopby-product-list .toolbar.toolbar-products .toolbar-right 	{
		display: grid;
		grid-gap: 20px;
	}

}

@media (max-width: 576px) {

	.product.actions form 	{
		display: grid;
		grid-gap: 20px;
	}

	.product.actions form button 	{
		margin-left: 0;
	}

}

@media (max-width: 572px) {

	.page-layout-2columns-left ol.products.list li.item.product .product.details .product-item-stocks 	{
		position: absolute;
		top: 10px;
		right: 15px;
		z-index: 20;
		bottom: auto;
		padding: 0;
		box-sizing: border-box;
		color: #fff !important;
		background: #05203E;
	}

	.page-layout-2columns-left ol.products.list li.item.product .product.details .product-item-stocks span 	{
		color: #fff;
		padding: 5px 10px;
		display: block;
	}

}


/**
 * Cart
 */

.cart-summary .checkout-methods-items 	{
	padding-left: 0;
	padding-right: 0;
}

.cart.table-wrapper .cart .item td.col.qty 	{
	padding-left: 0;
	padding-right: 0;
}


/**
 * Checkout header
 */

@media (max-width: 767px) {

	.header.content .search.mobile {
		display: block;
		margin-top: 40px;
		width: 100%;
	}

	.custom-top-wrapper.right.mobile .mobile 	{
		display: grid;
		justify-content: flex-end;
		position: absolute;
		top: 38px;
		right: 46px;
		grid-template-columns: 1fr 1fr;
		width: auto;
		grid-gap: 9px;
	}

	header.page-header span.ammenu-menu-toggle 	{
		top: 42px;
	}

	.header.content .search.mobile .block.block-search 	{
		margin-top: 70px;
	}

}


/**
 * Product Listing
 */

.product.actions form 	{
	padding-bottom: 15px;
}

.product-attributes ul.category-attributes li strong 	{
	font: normal normal bold 15px/22px 'DM Sans';
}

.product-attributes ul.category-attributes li span 		{
	font: normal normal normal 15px/22px 'DM Sans';
}

.product-attributes ul.category-attributes li 	{
	padding: 0 15px;
}

.product-attributes ul.category-attributes li strong 	{
	white-space: nowrap;
}



/**
 * Popup
 */

.banner-content .container 	{
	grid-template-columns: 165px 1fr 50px;
}

.fa.fa-info 	{
	border: 1px solid #fff;
	display: block;
	text-align: center;
	border-radius: 200px;
	width: 24px;
	height: 24px;
	line-height: 23px;
	float: left;
	margin-left: 20px;
	margin-top: 11px;
	cursor: pointer;
	color: #fff;
}

.fa.fa-info:before 	{
	position: relative;
	left: 1px;
}

.modal-popup._inner-scroll .modal-inner-wrap 	{
	max-width: 800px;
}

.infopopup-modal-popup.modal-popup button 	{
	width: auto;
	height: auto;
}

@media (max-width: 767px) {

	.topsearch-wrapper + .fa.fa-info 	{
		display: none !important;
	}

}

@media (min-width: 768px) {

	.banner-content .container  	{
		grid-template-columns: 165px 1fr 50px;
	}

}

