:root {
	--color-main: #2c89b5;
	--color-sub: #ec008c;
	--color-title: #000;
	--border-radius-item: 10px;
	--border-radius-button: 5px;
	--padding-left-right: 360px;
	--title-size-pc: 38px;
	--title-size-mb: 24px;
	--default-size: 16px;
	--default-color: #000;
	--title-size-item-pc: 14px;
	--title-size-item-mb: 14px;
	--desc-size-item-pc: 16px;
	--desc-size-item-mb: 16px;
	--font-chu-bold: MerriweatherBold;
	--font-chu-thuong: GoogleSans;

	--color-main-rgb: 44, 137, 181;
	--color-sub-rgb: 236, 0, 140;
	--color-main-filter: invert(52%) sepia(39%) saturate(720%) hue-rotate(154deg) brightness(84%) contrast(102%);;
	--color-sub-filter: invert(12%) sepia(100%) saturate(4300%) hue-rotate(314deg) brightness(103%) contrast(109%);;
	--default-color-rgb: 0, 0, 0;

	--mauChuChuDao: var(--default-color);
	--mauChuChuDaoRGB: var(--default-color-rgb);
	--mauChuLinkHover: var(--color-main);
	--mauChuLinkHoverRGB: var(--color-main-rgb);
	--mauChuTieuDeKhoi: var(--color-main);
	--mauChuTieuDeKhoiRGB: var(--color-main-rgb);
	--mauChuLinkHover2: var(--color-sub);
	--mauChuLinkHover2RGB: var(--color-sub-rgb);
	--boItem: var(--border-radius-item);
	--boItemMB: var(--boItem);
	--boNut: var(--border-radius-button);
	--cachLeTren: 30px;
	--cachLeDuoi: 30px;
	--khoangCachItem: 20px;
	--doRongKhoi: 100%;
	--doRongKhungChuaNoiDung: 100vw - 2*var(--padding-left-right);
	--soItem: 4;
	--soItem2: 3;
	--soItem3: 7;
	--soLTItem: 4;
	--soLT2Item: 3;
	--soLT3Item: 7;
	--tyLeAnh: 4/3;
	--loaiAnh: cover;

	--cachLeThongTinItem: 0;
	--cachLe2ThongTinItem: 0;
	--cachLeThongTinItemMB: 0;
	--cachLe2ThongTinItemMB: 0;

	--doBongItem: none;
	--overflowItem: visible;
	--doBongHoverItem: none;
	--brAnhItem: var(--boItem);
	--doBongAnhItem: 0 0 10px rgba(0, 0, 0, 0.1);
	--doBongHoverAnhItem: 0 0 10px rgba(var(--mauChuLinkHoverRGB), 0.6);

	--doBongItemMB: none;
	--overflowItemMB: visible;
	--doBongHoverItemMB: none;
	--brAnhItemMB: var(--boItem);
	--doBongAnhItemMB: 0 0 10px rgba(0, 0, 0, 0.1);
	--doBongHoverAnhItemMB: 0 0 10px rgba(var(--mauChuLinkHoverRGB), 0.6);

	--coChuTieuDePC: var(--title-size-pc);
	--coChuTieuDeMB: var(--title-size-mb);
	--anHienHoaVanBenTrenTieuDeKhoi: none;
	--anHienHoaVanBenDuoiTieuDeKhoi: none;
	--anHienHeaderKhoi1: block;
	--anHienHeaderKhoi2: none;
	--anHienTieuDeKhoi: block;
	--anHienNutXemThemBenTren: none;
	--anHienCacDanhMucCon: block;
	--anHien2CacDanhMucCon: block;
	--anHienMoTaKhoi: block;
	--anHienNutXemThemBenDuoi: table;

	--anHienAnhCuaItem: block;
	--anHienCacThongTinCuaItem: block;
	--anHienDanhMucCuaItem: block;
	--anHienNgayDangLuotXemCuaItem: block;
	--anHienTieuDeCuaItem: block;
	--anHienMoTaCuaItem: block;
	--anHienThongTinKhacCuaItem: block;  
	--anHienGiaCuaItem: block;
	--anHienNutXemChiTietCuaItem: table;
	--anHienIconAnhCuaItem: none;
	--anHienIconVideoCuaItem: none;        

	--mauChuTieuDeKhoiHover: var(--mauChuLinkHover2);
	--mauChuTieuDeItemHover: var(--mauChuLinkHover);
	--mauChuNutXemChiTietItemHover: var(--mauChuLinkHover2);

	--canCacItem: normal;
	--canThongTinItem: normal;
	--canThongTinItem3: 0;

	--cachLeTrenMB: 30px;;
	--cachLeDuoiMB: 30px;

	--doRongKhoi1366: 100%;
	--doRongKhoi767: 100%;
	--doRongKhungChuaNoiDung1366: 1200px;
	--doRongKhungChuaNoiDung767: calc(100% - 20px);
	--doRongKhoi1: calc(50% - 15px);
	--doRongKhoi2: calc(50% - 15px);
	--canTieuDeKhoi: center;
	--canTieuDeKhoiMB: center;
	--canCacDanhMucCon: center;
	--canCacDanhMucConMB: center;
	--canMoTaKhoi: center;
	--canMoTaKhoiMB: center;

	--mauNenItem: transparent;
	--mauNenThongTinItem: transparent;
	--mauNenGiaItem: transparent;

	--mauChuMoTaKhoi: var(--mauChuChuDao);
	--mauChuTieuDeItem: var(--mauChuChuDao);
	--mauChuMotaItem: var(--mauChuChuDao);
	--mauChuNutXemChiTietItem: var(--mauChuLinkHover);
	--mauChuGiaItem: #ee1d24;

	--coChuMoTaKhoiPC: var(--default-size);
	--coChuMoTaKhoiMB: var(--default-size);
	--coChuTieuDeItemPC: var(--title-size-item-pc);
	--coChuTieuDeItemMB: var(--title-size-item-mb);
	--coChuMoTaItemPC: var(--desc-size-item-pc);
	--coChuMoTaItemMB: var(--desc-size-item-mb);

	--soMBItem: 1;
	--khoangCachItem1366: 20px;
	--khoangCachItem767: 20px;
	--khoangCachItemTrenDuoi: 20px;
	--khoangCachItemTrenDuoi1366: 20px;
	--khoangCachItemTrenDuoi767: 20px;
}