/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* Basket */
.basket{
	position: relative;
	display: inline-flex;
}
	.basket .checkout-btn,
	.basket .wish-list-btn{}

		.basket .checkout-btn > span,
		.basket .wish-list-btn > span{
			display: flex;
			align-items: center;
		}

	.basket .basket-num,
	.basket .wish-list-num{
		color: #fff;
		width: 16px;
		height: 16px;
		font-size: 10px;
		margin-left: 3px;
		background-color: var(--bgColor);
		
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.basket .checkout-prompt{
		right: 0;
		top: 30px;
		color: #000;
		padding: 10px;
		z-index: 10000;
		text-align: center;
		position: absolute;
		background-color: #fff;
	}

	.basket .checkout-prompt:before{
		width: 0;
		height: 0;
		top: -8px;
		right: 25%;
		content: '';
		position: absolute;
		border-bottom: 8px solid #fff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
	}

		.basket .checkout-prompt a{
			font-weight: bold;
			color: var(--bgColor) !important;
			text-decoration: underline !important;
		}
		
/* Basket eCommerce */
.basket.ecommerce{}

	.basket.ecommerce > a{
		margin: 0 10px;
	}

	.basket.ecommerce > a:first-child{
		margin-left: 0;
	}

	.basket.ecommerce > a:last-child{
		margin-right: 0;
	}

		.basket.ecommerce .button{
			text-align: center;
		}
		
			.basket.ecommerce .button .icon{
				position: relative;
				display: inline-block;
				font-size: var(--fontSize180);
			}
			
				.basket.ecommerce .button .icon .count{
					top: 0;
					right: -8px;
					position: absolute;
				}
			
			.basket.ecommerce .button .label{
				font-size: var(--fontSize80);
			}
	
/* Credit Description */
.credit-description{
	cursor: pointer;
	text-align: right;
}

/* Basket Favourite */
.basket-favourite{
	right: 20px;
	bottom: 20px;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

	.basket-favourite span{
		color: #000;
		width: 25px;
		height: 25px;
		display: flex;
		align-items: center;
		background-color: #fff;
		justify-content: center;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}

		.basket-favourite span:before{
			bottom: -2px;
			position: relative;
		}

		.basket-favourite:hover span{
			color: var(--bgColor);
		}

		.basket-favourite.selected span{
			color: #fff;
			background-color: var(--bgColor);
		}

	.basket-favourite .label{
		margin-left: 5px;
	}

/* Basket Bar */
.basket-bar{
	text-align: left;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	/* Add Ons */
	.basket-bar:not(.products) .add-ons{}

		.basket-bar:not(.products) .add-ons .close{
			display: none;
		}

		.basket-bar:not(.products) .add-ons .list{
			padding: 0;
		}

	/* Add Ons */
	.basket-bar.products .add-ons{
		top: -1px;
		left: -1px;
		right: -1px;
		bottom: -1px;
		display: none;
		z-index: 1000;
		text-align: left;
		position: absolute;
		background-color: #fff;
	}
	
	.basket-bar.dark-mode.products .add-ons{
		background-color: var(--darkModeContainerBgColor);
	}
	
		.basket-bar.products .add-ons .label{
			color: #000;
			height: 22px;
			padding: 10px;
			border-bottom: 1px solid var(--softBorderColor);
		}
		
		.basket-bar.dark-mode.products .add-ons .label{
			color: #fff;
			border-bottom: 1px solid var(--darkModeBorderColor);
		}
	
		.basket-bar.products .add-ons .close{
			top: 9px;
			right: 9px;
			cursor: pointer;
			position: absolute;
		}
	
			.basket-bar.products .add-ons .close svg{
				width: 24px;
				fill: var(--bgColor);
			}
	
			.basket-bar.dark-mode.products .add-ons .close svg{
				fill: #fff;
			}
	
		.basket-bar.products .add-ons .list{
			padding: 10px;
			font-size: var(--fontSize90);
		}

			.basket-bar .add-ons .list .radio{
				margin-bottom: 3px;				
			}

			.basket-bar .add-ons .list .checkbox{
				margin-bottom: 5px;				
			}

			.basket-bar .add-ons .list .radio:last-child,
			.basket-bar .add-ons .list .checkbox:last-child{
				margin-bottom: 0;				
			}

	/* Amend */
	.basket-bar .amend{}
	
	.basket-bar.list .amend{
		display: flex;
		align-items: center;
		justify-content: end;
	}
	
		.basket-bar .amend .amend-panel{
			justify-content: space-between;
			background-color: var(--softBgColor);
		}

		.basket-bar.dark-mode .amend .amend-panel{
			background-color: var(--darkModeBgColor);
		}

		.basket-bar.list .amend .amend-panel{
			margin-right: 5px;
		}

			.basket-bar .amend .amend-panel .qty-btn{
				font-weight: bold;
				line-height: 100%;

				color: #000 !important;
				background-color: var(--softBgColor);
			}
				
				.basket-bar .amend .amend-panel .qty-btn:hover{
					color: #fff !important;
					background-color: var(--btnBgHoverColor);
				}
		
			.basket-bar.dark-mode .amend .amend-panel .qty-btn{
				color: #fff !important;
				background-color: var(--darkModeBgColor);
			}
		
			.basket-bar .amend .amend-panel .qty{
				width: auto;
			}

				.basket-bar .amend .amend-panel .qty input{
					width: 30px;
					border: none;
					padding: 8px 5px;
					text-align: center;
					background-color: var(--softBgColor);
					
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}

				.basket-bar.dark-mode .amend .amend-panel .qty input{
					color: var(--darkModeColor) !important;
					background-color: var(--darkModeBgColor);
				}
		
		.basket-bar .amend .basket-btn,
		.basket-bar .quote-only .basket-btn{
			display: block;
			text-align: center;
		}
		
		.basket-bar.list .amend .basket-btn,
		.basket-bar.list .quote-only .basket-btn{
			margin-left: 5px;
		}
		
		.basket-bar .amend .basket-btn.remove{
			margin-left: 5px;
		}
		
		.basket-bar.grid .amend .basket-btn{
			margin-top: 5px;
		}

	.basket-bar .quote-only{}

	.basket-bar .available{
		display: none;
	}

	.basket-bar .no-stock{
		color: #888;
		text-align: center;
	}
	
/* Delivery Fee Rates */
.delivery-fee-rates{}

	.delivery-fee-rates .loader{
		width: 100px;
		display: none;
		margin: 5% auto;
	}
	
	.delivery-fee-rates .results{}

		.delivery-fee-rates .results .rate{
			padding: 20px;
			cursor: pointer;
			background-color: #fff;
			justify-content: space-between;
			border: 2px solid var(--softBorderColor);
		}

		.delivery-fee-rates.dark-mode .rates .results .rate{
			background-color: var(--darkModeBgColor);
		}

		.delivery-fee-rates .results .rate.selected,
		.delivery-fee-rates .results .rate:hover{
			border-color: var(--bgColor);
		}

		.delivery-fee-rates .results .rate.selected{
			overflow: hidden;
			position: relative;
		}
			
			.delivery-fee-rates .results .rate.selected:before{
				content: '';
				width: 50px;
				height: 50px;
				top: -25px;
				right: -25px;
				position: absolute;
				background-color: var(--bgColor);
				
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			
			.delivery-fee-rates .results .rate.selected:after{
				content: '';
				width: 4px;
				height: 9px;
				top: 5px;
				right: 7px;
				position: absolute;
				margin-bottom: 3px;
				border: solid white;
				border-width: 0 2px 2px 0;
				
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}
	
/* Promo Bar */
#promo-bar{
	width: 100%;
	height: 3px;
	background-color: var(--softBgColor);
}
	
	#promo-bar .bar{
		width: 0;
		height: 3px;
		background-color: var(--bgColor);
		
		-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
		transition: width 1s;
	}
	
/* Checkout Panel */
#checkout-panel{
	top: 0;
	right: 0;
	bottom: 0;
	width: 300px;
	display: none;
	z-index: 10000;
	position: fixed;
	background-color: #fff;
}

#checkout-panel.dark-mode{
	background-color: var(--darkModeContainerBgColor);
}

	#checkout-panel .heading{
		border-bottom: 1px solid var(--softBorderColor);
	}

	#checkout-panel.dark-mode .heading{
		border-bottom: 1px solid var(--darkModeBorderColor);
	}

		#checkout-panel .heading .title{
			font-weight: bold;
			padding: 10px 15px;
			font-size: var(--fontSize140);
		}

		#checkout-panel .heading .close{
			cursor: pointer;
		}

		#checkout-panel .heading .close:hover{
			background-color: var(--bgColor);
		}

			#checkout-panel .heading .close img{
				width: 20px;
			}

			#checkout-panel .heading .close:hover img{
				-webkit-animation: rotating 2s linear infinite;
				-moz-animation: rotating 2s linear infinite;
				-ms-animation: rotating 2s linear infinite;
				-o-animation: rotating 2s linear infinite;
				animation: rotating 2s linear infinite;
			}

	/* No Items */
	#checkout-panel .no-data{
		font-size: var(--fontSize100);
	}

	/* Products */
	#checkout-panel .products{}

		#checkout-panel .products .loader{
			margin: 5% auto;
		}

		#checkout-panel .products .product{
			padding: 10px;
			border-bottom: 1px solid var(--softBorderColor);
		}

		#checkout-panel.dark-mode .products .product{
			border-bottom: 1px solid var(--darkModeBorderColor);
		}

		#checkout-panel .products .product:last-child{
			border-bottom: none;
		}

			/* Container */
			#checkout-panel .products .product .container{}

				/* Image */
				#checkout-panel .products .product .container .image{
					width: 80px;
					float: left;
					position: relative;
					background: #fff url('../images/ui/loading.gif') center center no-repeat;
				}

					#checkout-panel .products .product .container .image .tag{
						z-index: 100;
						overflow: hidden;
						position: absolute;
					}

					#checkout-panel .products .product .container .image .tag.sale{
						right: 0;
						bottom: 5px;
					}

					#checkout-panel .products .product .container .image .tag.new{
						left: 0;
						top: 5px;
					}

					#checkout-panel .products .product .container .image .tag.gender{
						left: 0;
						bottom: 5px;
					}

						#checkout-panel .products .product .container .image .tag .label{
							color: #fff;
							padding: 1px 3px;
							position: relative;
							font-size: var(--fontSize80);
						}

						#checkout-panel .products .product .container .image .tag.sale .label{
							background-color: var(--redColor);
						}

						#checkout-panel .products .product .container .image .tag.new .label{
							background-color: var(--greenColor);
						}

						#checkout-panel .products .product .container .image .tag.gender .label{
							background-color: #000;
						}

					#checkout-panel .products .product .container .image .basket-favourite{
						right: 27px;
						bottom: 27px;
					}

				/* Content */
				#checkout-panel .products .product .container .content{
					float: left;
					padding-left: 10px;
					width: calc(100% - 90px);
				}

					#checkout-panel .products .product .container .content > *{
						margin-top: 10px;
					}

					#checkout-panel .products .product .container .content > *:first-child{
						margin-top: 0;
					}

					/* Title */
					#checkout-panel .products .product .container .content .title{
						font-size: var(--fontSize80);
					}

						#checkout-panel .products .product .container .content .title a{
							color: #000;
						}

						#checkout-panel.dark-mode .products .product .container .content .title a{
							color: #fff;
						}

					/* Price */
					#checkout-panel .products .product .container .content .price{
						color: #888;
						text-align: right;
						font-size: var(--fontSize80);
					}

						#checkout-panel .products .product .container .content .price a{
							color: inherit;
						}

						#checkout-panel .products .product .container .content .price b{
							color: var(--redColor);
							font-size: var(--fontSize120);
						}

			/* Basket Bar */
			#checkout-panel .products .product .basket-bar{
				margin-top: 10px;
			}

				#checkout-panel .products .product .basket-bar .add-ons{
					margin-bottom: 10px;			
					font-size: var(--fontSize80);
				}

					#checkout-panel .products .product .basket-bar .add-ons .label{
						margin-bottom: 10px;
					}

				#checkout-panel .products .product .basket-bar .amend{}
				
					#checkout-panel .products .product .basket-bar .amend .amend-panel{}
					
						#checkout-panel .products .product .basket-bar .amend .amend-panel .qty input{
							padding: 5px;
						}
					
					#checkout-panel .products .product .basket-bar .amend .basket-btn{
						font-size: var(--fontSize80);
					}
	
	#checkout-panel .delivery-options{
		display: none;
		justify-content: end;
		
		padding: 10px;
		text-align: right;
		border-top: 1px solid var(--softBorderColor);
	}

		#checkout-panel .delivery-options > label:nth-child(2){
			margin-left: 10px;
		}

	#checkout-panel .summary{
		display: none;
		padding: 10px;
		font-size: var(--fontSize90);
		border-top: 1px solid var(--softBorderColor);
	}

	#checkout-panel .buttons{
		padding: 10px;
		border-top: 1px solid var(--softBorderColor);
	}

	#checkout-panel.dark-mode .delivery-options,
	#checkout-panel.dark-mode .summary,
	#checkout-panel.dark-mode .buttons{
		border-top: 1px solid var(--darkModeBorderColor);
	}

		#checkout-panel .buttons .btn.checkout{
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			text-align: center;
			display: inline-block;
		}

/* Checkout */
#checkout{}

	#checkout > *:not(:first-child),
	#checkout .core-steps-data > *{
		margin-top: 20px;
	}

	/* Info */
	#checkout .info{
		color: #444;
		text-align: center;
	}
	
	#checkout.dark-mode .info{
		color: #fff;
	}

	#checkout .or{
		text-align: center;
		font-size: var(--fontSize180);
	}

	#checkout .text{
		font-size: var(--fontSize90);
	}

	#checkout .form{
		text-align: left;
		padding: 0 15% 5%;
	}

	/* Btns */
	#checkout .buttons{
		text-align: center;
	}

		#checkout .buttons:not(.login) .btn{
			display: block;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
			margin-top: 5px;
		}

	/* Delivery */
	#checkout .delivery{}

	/* rates */
	#checkout .rates{}
		
		#checkout .rates .results{}
		
			#checkout .rates .results .will-collect{
				padding: 0;
			}

	/* Review */
	#checkout .review{
		padding: 5px;
		border: 1px solid var(--softBorderColor);
	}

	#checkout.dark-mode .review{
		border: 1px solid var(--darkModeBorderColor);
	}

		#checkout .review table{
			border-spacing: revert;
		}

		#checkout .review table tr{
			background-color: unset;
		}

			#checkout .review table tr td{
				padding: 5px;
			}

			#checkout .review table tr td:first-child{
				color: #888;
				width: 150px;
				text-align: right;
			}

			#checkout.dark-mode .review table tr td:first-child{
				color: #fff;
			}

			#checkout .review table tr td:last-child{
				text-align: left;
				font-weight: bold;
				padding: 5px 5px 5px 10px;
				background-color: var(--softBgColor);
			}

			#checkout.dark-mode .review table tr td:last-child{
				background-color: var(--darkModeBgColor);
			}
	
	/* Delivery Options */
	#checkout .delivery-options{
		display: none;
		justify-content: end;
		
		margin: 10px;
		text-align: right;
	}

		#checkout .delivery-options > label:nth-child(2){
			margin-left: 10px;
		}

	/* summary */
	#checkout .summary{
		display: none;
		font-size: var(--fontSize90);
	}

	/* Coupons */
	#checkout .checkout{}
	
		#checkout .checkout > *:not(:first-child){
			margin-top: 20px;
		}

		/* Locator */
		#checkout .checkout .locator{
			text-align: center;
		}
		
			#checkout .checkout .locator select{
				width: 100%;
			}

		/* Terms */
		#checkout .checkout .terms{}

	/* Coupons */
	#checkout .coupons{}
		
		#checkout .coupons .fields{
			text-align: center;
		}
	
			#checkout .coupons .fields input{
				width: 110px;
			}
	
		#checkout .coupons .result{
			padding: 10px;
			display: none;
			align-items: baseline;
			justify-content: space-between;
			border: 1px solid var(--softBorderColor);
		}
	
		#checkout.dark-mode .coupons .result{
			border: 1px solid var(--darkModeBorderColor);
		}
		
			#checkout .coupons .result .label{}
		
				#checkout .coupons .result .coupon .label{
					font-weight: bold;
				}
		
					#checkout .coupons .result .coupon .label span{
						font-weight: bold;
					}
		
				#checkout .coupons .result .coupon .description{
					color: var(--softColor);
					font-size: var(--fontSize90);
				}
		
			#checkout .coupons .result .remove{
				cursor: pointer;
			}

	/* Products */
	#checkout .products{}

		#checkout .products .loader{
			width: 100px;
			display: block;
			margin: 5% auto;
		}

		#checkout .products .product{
			z-index: 0;
			overflow: hidden;
			margin-bottom: 20px;
		}

		#checkout .products .product.item-changed{
			background-color: var(--redBgColor);
			border: 2px solid var(--redBorderColor);
		}

			#checkout .products .product .container{}
				
				/* image */
				#checkout .products .product .container .image{
					width: 150px;
					float: left;
					position: relative;
					background: #fff url('../images/ui/loading.gif') center center no-repeat;
				}

					#checkout .products .product .container .image .tag{
						z-index: 100;
						overflow: hidden;
						position: absolute;
					}

					#checkout .products .product .container .image .tag.sale{
						right: 0;
						top: 10px;
					}

					#checkout .products .product .container .image .tag.new{
						left: 0;
						top: 10px;
					}

					#checkout .products .product .container .image .tag.gender{
						left: 0;
						bottom: 10px;
					}

						#checkout .products .product .container .image .tag .label{
							color: #fff;
							padding: 3px 8px;
							position: relative;
							font-size: var(--fontSize80);
						}

						#checkout .products .product .container .image .tag.sale .label{
							background-color: var(--redColor);
						}

						#checkout .products .product .container .image .tag.new .label{
							background-color: var(--greenColor);
						}

						#checkout .products .product .container .image .tag.gender .label{
							background-color: #000;
						}

					#checkout .products .product .container .image .img{}

						#checkout .products .product .container .image .img img{
							width: 100%;
						}
				
				/* Product Content */
				#checkout .products .product .container .content{
					float: left;
					padding: 10px 10px 10px 20px;
					width: calc(100% - 150px - 30px);
				}

					#checkout .products .product .container .content > *{
						margin-top: 10px;
					}

					#checkout .products .product .container .content > *:first-child{
						margin-top: 0;
					}

					/* Title */
					#checkout .products .product .container .content .title{}

						#checkout .products .product .container .content .title a{
							color: #000;
						}

						#checkout.dark-mode .products .product .container .content .title a{
							color: #fff;
						}

					/* Description */
					#checkout .products .product .container .content .description{
						font-size: var(--fontSize90);
					}

						#checkout .products .product .container .content .description a{
							color: #888;
						}

					/* Price */
					#checkout .products .product .container .content .price{
						color: #888;
						text-align: right;
						font-size: var(--fontSize90);
					}

						#checkout .products .product .container .content .price a{
							color: inherit;
						}

						#checkout .products .product .container .content .price b{
							color: var(--redColor);
							font-size: var(--fontSize140);
						}

					/* Basket Bar */
					#checkout .products .product .container .content .basket-bar .add-ons{
						margin-bottom: 10px;
					}

						#checkout .products .product .container .content .basket-bar .add-ons .label{
							margin-bottom: 10px;
						}
						
/* Wish List */
#wish-list{}

	#wish-list > *:not(:first-child){
		margin-top: 20px;
	}

	/* Info */
	#wish-list .info{
		color: #444;
		padding-top: 20px;
		text-align: center;
		border-top: 1px solid var(--softBorderColor);
	}
	
	#wish-list.dark-mode .info{
		color: #fff;
		border-top: 1px solid var(--darkModeBorderColor);
	}

	/* Btns */
	#wish-list .buttons{
		text-align: center;
	}

		#wish-list .buttons .btn{
			margin: 0 5px;
		}

	/* Products */
	#wish-list .products{}

		#wish-list .products .loader{
			width: 100px;
			display: block;
			margin: 5% auto;
		}

		#wish-list .products .product{
			z-index: 0;
			margin-bottom: 20px;
		}

			#wish-list .products .product .container{}
				
				/* image */
				#wish-list .products .product .container .image{
					width: 150px;
					float: left;
					position: relative;
					background: #fff url('../images/ui/loading.gif') center center no-repeat;
				}

					#wish-list .products .product .container .image .tag{
						z-index: 100;
						overflow: hidden;
						position: absolute;
					}

					#wish-list .products .product .container .image .tag.sale{
						right: 0;
						top: 10px;
					}

					#wish-list .products .product .container .image .tag.new{
						left: 0;
						top: 10px;
					}

						#wish-list .products .product .container .image .tag .label{
							color: #fff;
							padding: 3px 8px;
							position: relative;
							font-size: var(--fontSize80);
						}

						#wish-list .products .product .container .image .tag.sale .label{
							background-color: var(--redColor);
						}

						#wish-list .products .product .container .image .tag.new .label{
							background-color: var(--greenColor);
						}

					#wish-list .products .product .container .image .img{}

						#wish-list .products .product .container .image .img img{
							width: 100%;
						}
				
				/* Product Content */
				#wish-list .products .product .container .content{
					float: left;
					padding: 10px 10px 10px 20px;
					width: calc(100% - 150px - 30px);
				}

					#wish-list .products .product .container .content > *{
						margin-top: 10px;
					}

					#wish-list .products .product .container .content > *:first-child{
						margin-top: 0;
					}

					/* Title */
					#wish-list .products .product .container .content .title{
						font-size: var(--fontSize120);
					}

						#wish-list .products .product .container .content .title a{
							color: #000;
						}

						#wish-list.dark-mode .products .product .container .content .title a{
							color: #fff;
						}

					/* Description */
					#wish-list .products .product .container .content .description{
						font-size: var(--fontSize90);
					}

						#wish-list .products .product .container .content .description a{
							color: #888;
						}

					/* Basket Favourite */
					#wish-list .products .product .container .content .basket-favourite{
						right: unset;
						bottom: unset;
						position: relative;
					}

					/* Price */
					#wish-list .products .product .container .content .price{
						color: #888;
						text-align: right;
						font-size: var(--fontSize90);
					}

						#wish-list .products .product .container .content .price a{
							color: inherit;
						}

						#wish-list .products .product .container .content .price b{
							color: var(--redColor);
							font-size: var(--fontSize140);
						}
						
					/* Wish List Manage */
					#wish-list .products .product .container .content .wish-list-manage{
						text-align: right;
					}
	
/* Basket Totals */
#basket-totals{
	text-align: right;
}

	#basket-totals table{
		width: 100%;
	}

		#basket-totals table td{
			padding: 5px;
		}

		#basket-totals table td:first-child{
			color: #888;
		}

		#basket-totals table td:last-child{
			width: 120px;
			text-align: left;
			font-weight: bold;
			padding: 5px 5px 5px 10px;
			background-color: var(--softBgColor);
		}

		#basket-totals.dark-mode table td:last-child{
			background-color: var(--darkModeBgColor);
		}

	#basket-totals .info{
		margin-top: 10px;
		text-align: center;
		font-size: var(--fontSize90);
	}
	
/* Shopping */
#shopping{}
	
	/* buttons 
	#shopping .buttons{
		margin: 2% 0 0;
		padding: 2% 0 0;
		border-top: 1px dashed var(--softBorderColor);
	}
	
		#shopping .buttons .btn{
			float: right;
			padding: 8px 12px;
			margin: 0 5px 0 0;
		}
	*/
	
	/* Delivery Fee Prompt */
	#shopping .delivery-fee-prompt{
		width: 450px;
		padding: 40px;
		background-color: #fff;
		max-width: calc(90% - 80px);
		max-height: calc(95% - 80px);
	}
	
		#shopping .delivery-fee-prompt .results{}

			#shopping .delivery-fee-prompt .results .rate{
				margin-bottom: 10px;
			}

			#shopping .delivery-fee-prompt .results .rate:last-child{
				margin-bottom: 0px;
			}
	
		#shopping .delivery-fee-prompt .buttons{
			margin-top: 20px;
			padding-top: 20px;
			border-top: 1px solid var(--softBorderColor);
		}
	
		#shopping.dark-mode .delivery-fee-prompt .buttons{
			border-top: 1px solid var(--darkModeBorderColor);
		}
	
			#shopping .delivery-fee-prompt .buttons .btn{
				width: 100%;
				padding-left: 0;
				padding-right: 0;
				text-align: center;
				margin-bottom: 10px;
			}
	
			#shopping .delivery-fee-prompt .buttons .btn:last-child{
				margin-bottom: 0px;
			}

	/* Pay */
	#shopping .pay{}

		#shopping .pay .pay-panel{
			padding: 10px;
			border: 1px dashed var(--softBorderColor);
		}

		#shopping.dark-mode .pay .pay-panel{
			border: 1px dashed var(--darkModeBorderColor);
		}

			#shopping .pay .pay-panel .title{
				margin: 0 0 20px;
				padding: 0 10px 10px;
				font-size: var(--fontSize140);
				border-bottom: 1px solid var(--softBorderColor);
			}

			#shopping.dark-mode .pay .pay-panel .title{
				color: var(--darkModeColor);
				border-bottom: 1px solid var(--darkModeBorderColor);
			}

			#shopping .pay .pay-panel .content{}
					
				#shopping .pay .pay-panel .content .summary{}
					
					#shopping .pay .pay-panel .content .summary .row{
						padding: 5px;
						border-bottom: 1px dashed var(--softBorderColor);
					}
					
					#shopping.dark-mode .pay .pay-panel .content .summary .row{
						border-bottom: 1px dashed var(--darkModeBorderColor);
					}
					
					#shopping .pay .pay-panel .content .summary .row:last-child{
						border: none;
					}
					
			#shopping .pay .pay-panel .content .info{
				color: #888;
				padding: 5px;
				text-align: center;
				margin-bottom: 20px;
				font-size: var(--fontSize90);
			}

			#shopping .pay .pay-panel .content > .buttons{
				margin-bottom: 20px;
			}
			
				#shopping .pay .pay-panel .content > .buttons .btn{
					width: 100%;
					padding-left: 0;
					padding-right: 0;
					text-align: center;
				}

	/* Thank You */
	#shopping .thank-you{}
		
		#shopping .thank-you .info{
			text-align: center;
			padding: 50px 0 80px;
		}
		
		#shopping .thank-you .buttons{
			text-align: center;
		}
	
	/* Info */
	#shopping > .info{
		color: #444;
		padding: 15% 0;
		font-weight: bold;
		text-align: center;
		font-size: var(--fontSize160);
	}
	
/* Mobile Basket */
#mobile-basket{
	width: 40px;
    height: 40px;
    cursor: pointer;
	margin-top: 8px;
	position: relative;
	
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-color: var(--bgColor);
	
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

	#mobile-basket:hover{
		background-color: var(--bgColor2);
	}

	#mobile-basket.tc{
		background-position: center 10px;
		background-image: url('../images/ui/tc.png');
	}

	#mobile-basket.cart{
		background-position: center 11px;
		background-image: url('../images/ui/cart.png');
	}

	#mobile-basket.favourite{
		background-position: center 11px;
		background-image: url('../images/ui/favourite.png');
	}

		#mobile-basket .basket-num,
		#mobile-basket .wish-list-num{
			top: 25px;
			left: 20px;
			color: #fff;
			width: 20px;
			height: 20px;
			display: flex;
			font-size: 10px;
			position: absolute;
			align-items: center;
			justify-content: center;
			background-color: var(--bgColor2);
		}

/* 1380px */		
@media screen and (max-width: 1380px){
	#checkout .products .product .container .image .tag{
		width: 50px;
		height: 50px;
	}

		#checkout .products .product .container .image .tag .label{
			width: 70px;
			font-size: var(--fontSize80);
		}

		#checkout .products .product .container .image .tag.sale .label{
			left: 0;
			top: 7px;
			right: -2px;
		}

		#checkout .products .product .container .image .tag.new .label{
			top: 22px;
			left: -18px;
		}
	
	#wish-list .products .product .container .image .tag{
		width: 50px;
		height: 50px;
	}

		#wish-list .products .product .container .image .tag .label{
			width: 70px;
			font-size: var(--fontSize80);
		}

		#wish-list .products .product .container .image .tag.sale .label{
			left: 0;
			top: 7px;
			right: -2px;
		}

		#wish-list .products .product .container .image .tag.new .label{
			top: 22px;
			left: -18px;
		}
}

/*600px*/		
@media screen and (max-width: 600px){
	.basket.ecommerce{}
		
		.basket.ecommerce .button .icon{
			font-size: var(--fontSize240);
		}
			
		.basket.ecommerce .button .label{
			display: none;
		}
		
	.basket-favourite span:before{
		bottom: -1px;
		position: relative;
	}
	
	#checkout .form{
		padding: 0;
	}
	
	#checkout .products .product .container .image{
		width: 100px;
	}

	#checkout .products .product .container .content{
		padding: 10px;
		width: calc(100% - 100px - 20px);
	}

	#checkout .products .product .basket-bar{
		margin: 10px 0;
	}

		#checkout .products .product .basket-bar .add-ons{
			margin-bottom: 10px;
		}

			#checkout .products .product .basket-bar .add-ons .label{
				margin-bottom: 10px;
			}

	#wish-list .buttons .btn{
		width: 100%;
		display: block;
		margin: 0 0 5px;
		padding-left: 0;
		padding-right: 0;
	}
	
	#wish-list .products .product .container .image{
		width: 100px;
	}

	#wish-list .products .product .container .content{
		padding: 10px;
		width: calc(100% - 100px - 20px);
	}

	#shopping .buttons .btn{
		width: 100%;
		padding: 8px 0;
		margin: 0 0 5px;
		text-align: center;
	}
		
	#shopping .pay .pay-panel .content .gateways .gateway{
		float: none;
	}

	#shopping .thank-you .buttons .btn{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 5px;
		text-align: center;
	}

	#shopping .thank-you .buttons .btn:last-child{
		margin-bottom: 0;
	}
}