:root {
		--bg_shop: #ffffff;
		--txt_shop: var(--shop-color-text, #282725);
    --shop-color-text: #282725;
    --txt_shop_hover: var(--shop-color-hover, #f7c600);
		--title_shop: var(--shop-color-title, #282725);
		--main_shop: var(--shop-color-main, #f7c600);
		--border_shop: #eae4e8;		
    --shop-color-title: #282725;
		--overlayimg: url('../../../../../image/catalog/logix/cursor-close.png');
    --imgselect: url('../../../../../image/catalog/logix/down-arrow.png');
    --btn-color-style01-bg: #e45349;
    --btn-color-style01-txt: #ffffff;
  	--btn-hover-color-style01-bg: #feaf06;
  	--btn-hover-color-style01-txt: #ffffff;
    --home-coupon-bg: #ffffff;
  	--home-coupon-light: #ffffff;
  	--home-coupon-border: #f8d0d3;
  	--home-coupon-text: #333333;
    --shop-color-main: #f7c600;
    --shop-color-border: #eae4e8;
    --shop-color-hover: var(--shop-color-main, #f7c600);
    --icon-width: 17px;
    --icon-height: 17px;
    --btn_bg_shop: var(--shop-color-main, #f7c600);
    --btn_txt_shop: #ffffff;
    --btn_bg_shop_hover: var(--btn-hover-color-style01-bg, #FB6C26);
    --btn_txt_shop_hover: #ffffff;
	}
	/* Setting varian màu sắc */
	.swatch .swatch-element.color label.tim {
		font-size:0;background: #eb11eb;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.tim {background: #eb11eb;}
	.swatch .swatch-element.color label.vang {
		font-size:0;background: #ffff05;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.vang {background: #ffff05;}
	.swatch .swatch-element.color label.cam {
		font-size:0;background: #f54105;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.cam {background: #f54105;}
	.swatch .swatch-element.color label.hong {
		font-size:0;background: #f23895;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.hong {background: #f23895;}
	.swatch .swatch-element.color label.den {
		font-size:0;background: #000000;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.den {background: #000000;}
	.swatch .swatch-element.color label.xam {
		font-size:0;background: #cccaca;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.xam {background: #cccaca;}
	.swatch .swatch-element.color label.trang {
		font-size:0;background: #fffcfc;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.trang {background: #fffcfc;}
	.swatch .swatch-element.color label.xanh-duong {
		font-size:0;background: #1757eb;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.xanh-duong {background: #1757eb;}
	.swatch .swatch-element.color label.xanh {
		font-size:0;background: #099116;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.xanh {background: #099116;}
	.swatch .swatch-element.color label.xanh-la {
		font-size:0;background: #52ff52;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.xanh-la {background: #52ff52;}
	.swatch .swatch-element.color label.do {
		font-size:0;background: #ff0000;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.do {background: #ff0000;}
	.swatch .swatch-element.color label.bac {
		font-size:0;background: #cccaca;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.bac {background: #cccaca;}
	.swatch .swatch-element.color label.nau {
		font-size:0;background: #964B00;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.nau {background: #964B00;}
	.swatch .swatch-element.color label.xanh-nhat {
		font-size:0;background: #a2e5ff;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.xanh-nhat {background: #a2e5ff;}
	.swatch .swatch-element.color label.blue-blue {
		font-size:0;background: #0196ff;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.blue-blue {background: #0196ff;}
	.swatch .swatch-element.color label.blue-grey {
		font-size:0;background: #035080;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.blue-grey {background: #035080;}
	.swatch .swatch-element.color label.vang-nhat {
		font-size:0;background: #ffffa1;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.vang-nhat {background: #ffffa1;}
	.swatch .swatch-element.color label.blue-black {
		font-size:0;background: #022d44;border-radius:50%;
		padding: 0;
		min-width: 26px;
		width: 26px;height: 26px;line-height: 26px;
		background-image: none;
		&.sd {box-shadow: 0 0 0 3px #ffffff, 0 0 0 4px #000;}
		&.sd:before {content:none;}
		&.sd:after {content:none;}
	}
	.variantColor .vrt-color span.blue-black {background: #022d44;}